El poder de las capas de forma: guía completa para dominar la herramienta de animación más subestimada de EA

1. 01.01 Introducción al curso: Bienvenido al Poder de las Capas de Forma. Mi nombre es Jeff Knight y te estaré guiando a través de este emocionante curso mientras te muestro todas las cosas geniales que puedes hacer en after effects con capas de forma. Soy una diseñadora gráfica en movimiento con más de una década de experiencia. He trabajado para agencias de publicidad, agencias de cine. He realizado trabajos para estudios y artistas independientes. También he trabajado como contratista independiente para clientes en prácticamente todos los campos, incluyendo publicidad, tecnología, banca, moda, música y cine. También he impartido cursos a nivel universitario, y produzco un canal de Youtube llamado tutoriales de Seven Minute AE. Si tienes poca o ninguna experiencia con las capas de formas, te sorprenderá lo que es posible con esta poderosa herramienta At Refix Si eres un usuario avanzado de capas de formas, es posible que encuentres información útil que ni siquiera sabías que existía. Entonces, independientemente de tu nivel de habilidad y exposición a capas de formas, te recomiendo encarecidamente que revises todo este curso para aprovechar al máximo la información que vamos a estar cubriendo. Te voy a llevar a través de todos los aspectos de las capas de formas, incluyendo una visión general amplia , para qué se utilizan, qué son y cómo hacer formas simples. También pasaremos a temas más avanzados, como usar grupos, como usar grupos, trabajar con vértices y aplicar herramientas de animación como el repetidor, recortar trazados, zigzag y mucho más Ya sea que necesites crear iconos simples o elementos complejos de cabaña, las capas de formas son la clave para convertirte en un diseñador gráfico en movimiento mejor, más redondeado y más más redondeado y más comercializable La última sección de este curso incluye una serie de tutoriales donde tomarás todo lo que hayas aprendido y lo aplicarás a proyectos reales. Crearás diseños intrincados y complejos, elementos de cabaña, iconos, fondos y más Es muy importante ver lo que otros diseñadores están creando. Eche un vistazo en línea en algunos sitios para inspirarse. Algunos sitios geniales incluyen Information Is Beautiful.net y Video Hive.net Estos sitios incluyen algunos diseñadores muy talentosos Familiarícese con el trabajo de otras personas en su industria y vea si puede aprender de sus diseños. Te proporcionaré archivos de proyecto donde corresponda para que los descargues y practiques. Siéntase libre de usar estos archivos de proyecto de cualquier manera que le ayude. Puedes crear plantillas o simplemente puedes colgarte de ellas para referencia. A medida que aprendas más sobre las capas de forma a lo largo del tiempo, siéntete libre de pasar por este curso a tu propio ritmo. Lo he diseñado para que cada lección se base en la anterior. Así que asegúrate de entender los principios, los comandos y las técnicas de la lección en la que estás antes de seguir adelante, estoy muy emocionado de ir en este viaje contigo. Bien, hay mucho por lo que pasar, así que vamos a sumergirnos. 2. 01.02 Creación de formas básicas: Vamos a saltar y crear una forma usando algunas de las herramientas que tienes a tu alcance. Vamos a hacer una estrella, un trazo animado, usando una herramienta llamada recortar trazados, que repasaremos con mucho más detalle más adelante en este curso. También agregaremos un relleno y luego difuminaremos eso después de la animación de trazados de recorte. En este punto, no te preocupes por dónde se encuentran los ajustes o cómo agregar nada. Vamos a cubrir cada paso gran detalle a lo largo de este curso. El propósito de esto es presentarte a las capas de formas y mostrarte lo poderosas que son y qué tan rápido puedes crear animaciones usando capas de formas. Hagámoslo. Bien, así que vamos a crear una composición. Puedes hacer clic aquí mismo en este icono, que es para crear una nueva composición, o puedes ir a Composición, Nueva Composición y elegir eso. O si estás en una PC, puedes elegir Control, y en una Mac como comando. Ahora voy a estar poniendo pulsaciones de teclas de método abreviado a lo largo este curso para que así puedas aprender algunas de estas y ahorrar algo de tiempo Solicius, elige nueva composición. Todas nuestras lecciones van a ser 1920 por 108,029.97 Vamos a hacer este ejemplo de 10 segundos de duración. Y entonces también vamos a estar nombrando a todos estos. Vamos a nombrar a este recorte caminos Polystar. Y vamos a elegir bien. También hay varias formas de crear capas de formas. La forma más rápida es hacer clic derecho en esta área aquí, esta a la izquierda de su línea de tiempo y elegir Nuevo Y luego ve al menú Pop out y elige Shape Layer. Ahora After Effects crea una capa Shape automáticamente. Pero si abres esto, verás que aquí no hay nada. Todo dentro de tus capas de forma estará dentro de esta área de contenido. Todo lo que necesitarás agregar se hará con este botón de anuncio. Entonces, si haces clic en esta flecha aquí a la derecha de la palabra anuncio, verás que tienes un montón de opciones comenzando por grupo, luego tienes tus formas, luego tienes tus rellenos y trazos, y luego tienes tus herramientas de animación. Estaremos cubriendo cada uno de estos con gran detalle a lo largo de este curso. Si hacemos clic en nuestro botón Anuncio, podemos acceder a él a través de nuestra capa de forma o arriba a través de nuestro control de capa de formas. Entonces con esta flecha seleccionada, bajemos a Polystar Y como puedes ver, Afroffx agrega en el polystar para ti Pero no podemos verlo si hacemos click de distancia. Y la razón por la cual es porque no tiene relleno ni trazo. Todas las capas de forma deben tener un relleno o un trazo ambos. La forma en que agregamos es que volvemos a nuestro botón Anuncio, que está aquí, o aparecemos. Y vamos a elegir Stroke. Ahora, cada vez que agrega un trazo, automáticamente se configura por defecto un trazo de dos píxeles de ancho y por defecto es el color blanco Si hacemos click en esta casilla blanca aquí, podemos ver que podemos cambiar el color del trazo a lo que quieras. Déjame salir de la cintura. De esa manera puedes ver si quieres que sea roja. Se puede hacer azul. Hazlo del color que quieras. Así que vamos a elegir algo como esto. Es como verde grisáceo Y elige bien. Y Al aumenta nuestro ancho de trazo. Ahora solo estoy manteniendo pulsado el botón izquierdo del ratón y me estoy desplazando hacia la derecha Entonces tu valor comienza en cero y sube hasta donde quieras que vaya. Una cosa a tener en cuenta es que los anchos de trazo son marcos clave, lo que significa que puedes comenzar con un trazo que es muy pequeño o incluso cero, y puedes encuadrarlo con teclas hasta cualquier tamaño que quieras y retroceder Hagamos este trazo, diremos unos 15 píxeles de ancho. Entonces volvamos a nuestro botón Agregar y vamos a agregar un Phil. Ahora Phil siempre está por defecto al color rojo. Si haces clic en esta caja roja junto a Phil, podemos ver como con nuestro trazo, podemos cambiar este color a lo que queramos. Realmente no importa qué color elijas. El propósito de esto es solo ilustrar algunas de las cosas que puedes hacer muy rápidamente. Vamos a elegir Bien. Y entonces lo último que vamos a necesitar es un Trim Paths. Así que hagamos clic en nuestra flecha de anuncio una vez más y escojamos Trim Paths. Si abrimos eso, veremos tenemos varios ajustes para elegir. Nos vamos a centrar en el escenario que dice Fin. Y como notarás, Trempass se pone por defecto a un porcentaje final de 100 Volvamos todo esto a cero. Y ya se puede ver como estoy fregando a través de esto, el efecto que está teniendo Una de las cosas a tener en cuenta es que Trempass es una animación de trazos Y puedes ver por qué, ver cómo está afectando nuestro relleno. A medida que frotamos esto, querrás aplicar el pase de recorte principalmente a los trazos a menos que vayas por este tipo de efecto, que normalmente no lo harías. Volvamos todo esto a cero y pongamos un fotograma clave en nuestro tiempo cero para el final Y después vayamos adelante a 1 segundo. Y vamos a subir esto a 100 para poder sortear este tema con nuestro relleno. Abramos nuestra configuración de relleno en el segundo fotograma clave, que es donde termina nuestra animación para el pase de recorte. Pongamos un fotograma clave para la opacidad y bajemos esto a cero. Una opacidad de cero es invisible y la opacidad de 100 es completamente Y puedes elegir cualquier valor en el medio. Queremos cero. Vamos hacia adelante otros diez cuadros. Y un atajo rápido para hacerlo es mantener presionado el botón Mayús y bajar la página. Así que vamos adelante diez fotogramas y luego vamos a hacer nuestra opacidad 100% Ahora bien, si hacemos un bucle en esto, una manera de hacerlo es ir tal vez a aproximadamente la marca de dos segundos golpeada en Y eso llevará tu soporte correcto hasta donde está tu cabeza de reproducción Y esto es cierto para cualquier lugar en el que pueda estar tu cabeza de reproducción. Entonces, si estoy a los 3 segundos con mi cabeza de reproducción y me meto, se mueve con él. Vamos a la marca de dos segundos, golpeamos para dar vueltas a esta zona. Lo que eso significa es como una obra de teatro, va a volver al principio. Una vez que llegue a este punto final, podemos golpear cero en nuestro teclado numérico para jugar. Veremos cómo se anima, y luego la película se enciende después de ella. Eso es solo una introducción muy rápida a las capas de forma. Esta es una forma rápida de animar un polystar con trazados de recorte. Puedes ajustar tu trazo y tu relleno. Puedes ajustar el color, puedes el ancho de tu trazo, así como la opacidad de tu relleno Ahora bien, esto ni siquiera es apenas arañar la superficie de lo que son capaces las capas de forma Puedes crear personajes con esto. Puedes crear escenas y animaciones completas, videos enteros usando nada más que capas de forma. Pero solo quería mostrarte esta animación realmente rápida usando un trazo de polystar, un relleno y un recorte de trazados Vamos a dar esto un paso a la vez para que de esa manera realmente puedas ver qué capas de forma son capaces de hacer. 3. 02.01 Sección 02: conceptos básicos de la capa de forma: Bienvenido al poder de las capas de forma, sección dos, fundamentos de capas de forma. Aquí es donde comienza todo. En esta sección, vamos a cubrir algunos de los aspectos fundamentales de las capas de formas Vamos a repasar la importancia de entender las capas jerárquicas y de formas. Capa de forma, propiedades de transformación y los diferentes tipos de formas y trazados. Crearemos algunas formas básicas y aprenderemos a aplicar rellenos y trazos de distintas maneras. Profundizaremos en los atributos de trazo, incluyendo cómo aplicar, cambiar y manipular el color, la opacidad, el ancho del trazo, la línea, el límite, la línea, la unión y los guiones Si algunos de estos temas te suenan extraños, no te preocupes. Vamos a ir a un ritmo razonable y cubrir todo lo que necesitas saber para entender completamente cada tema. Comencemos echando un vistazo a la jerarquía de capas de formas. 4. 02.02 Jerarquía de capas de forma: En esta lección, quiero repasar la jerarquía de capas de formas. La jerarquía de capas de forma es extremadamente importante. Primero, sigamos adelante y creamos una nueva capa de forma. Y te voy a mostrar a lo que me refiero. Vamos a escribir, haga clic en Elegir nueva capa de forma. Y vamos a abrirla. No hay nada en nuestro contenido. Ahora bien, si vamos a nuestro botón Anuncio y hacemos clic en él, notarás un diseño específico para las opciones de capa de forma que tengas. En la parte superior, tenemos grupo debajo de eso, tenemos nuestras formas rectángulo, elipse, polystar o camino Debajo de eso tenemos nuestros rellenos. Y nuestros trazos se llenan. Y el trazo por sí mismo es un sólido. Y luego tenemos relleno degradado y trazo. Por último, por debajo de eso, tenemos todas nuestras herramientas de animación. Este diseño es por una razón muy específica. En lo más alto de nuestra jerarquía, nuestros grupos dentro de los grupos, tenemos nuestras formas. Dentro de las formas, tenemos nuestros rellenos y trazos. Entonces todo eso se ve afectado por nuestras herramientas de animación. Sigamos adelante y agreguemos un grupo y te mostraré específicamente de lo que estoy hablando. Ahora bien, si abres esto, vemos que lo único dentro son las propiedades de transformación, pero no hay contenido dentro. Volvamos a nuestro botón Anuncio y notarás que el siguiente grupo contiene nuestras formas. Ahora bien, si tuviéramos que saltarnos este grupo y simplemente agregar un relleno, por ejemplo, no pasa nada porque el relleno no tiene nada que efectuar. Suprimir eso. Regresa a nuestro grupo y vamos a agregar un rectángulo. Volvamos a nuestro botón Anuncio, y debajo de nuestras formas tenemos rellenos y trazos. Entonces agreguemos un relleno. Como podemos ver, este relleno está afectando a este trazado rectangular. Ahora digamos que queremos agregar una elipse, pero la ponemos debajo de nuestro relleno Bueno, ahora este relleno no está afectando a esta trayectoria elipse. Déjame abrir esto y separarlos para que veas de lo que estoy hablando. Movemos nuestro rectángulo por aquí solo para hacer esto más grande para que podamos ver. Lo que estamos haciendo puede hacer que esto sea de 300 píxeles por 300 píxeles. Y lo mismo con nuestra elipse. Podemos ver el contorno de nuestra elipse, pero no tiene relleno La razón es porque las capas de forma se ven afectadas de abajo hacia arriba. Es decir, este relleno afecta solo a lo que está por encima de él. Este relleno afecta a este rectángulo dentro de este grupo. Ahora bien, si tuviéramos que agregar un trazo y decir, movamos el trazo ahora a debajo de nuestro camino de elipse Aumentemos el ancho de esto. Ahora vemos que el trazo está afectando tanto a la elipse como al rectángulo Sin embargo, el campo sigue afectando únicamente al rectángulo. Como puede ver, la forma en que se ven afectadas las capas de forma es de abajo hacia arriba. Esto también es cierto con las herramientas de animación. Volvamos a nuestro botón Agregar y agreguemos un repetidor. Y vamos a repasar esto con mayor detalle más adelante, pero esto es principalmente para mostrarte lo que estoy hablando. Agreguemos un repetidor Y automáticamente va al fondo de nuestra pila aquí, porque después del efecto cree que quieres agregar el efecto a todo lo que está por encima de él. Como puedes ver, este repetidor está afectando ahora a nuestra elipse y a nuestro rectángulo Sin embargo, si movemos este repetidor por encima de nuestra trayectoria elipse, ahora solo está afectando a nuestra trayectoria rectangular Y puedo extender esto un poco más para que en realidad puedas ver el repetidor funcionando A lo mejor movemos nuestro camino rectangular para que estén mejor separados. Es muy importante que recuerdes la forma. Las capas se ven afectadas por los atributos. Los agregamos de abajo hacia arriba. Bien, con contenidos resaltados, agreguemos un grupo. Digamos que si queremos agregar un rectángulo a este grupo, hay que asegurarse de que ese grupo esté resaltado. Entonces agreguemos un rectángulo. Y como vemos, va dentro de este grupo, nuestro rectángulo. Sin embargo, si tienes contenido resaltado y agregas un rectángulo, va por debajo del grupo. Es importante saber qué es lo que necesitas resaltar y cuándo. Si tenemos grupo resaltado y agregamos un relleno, ahora el relleno va dentro del grupo pero está por encima la ruta del rectángulo así que no va a afectar al rectángulo. Una de las cosas que notarás a medida que pasemos por estas es que muchas veces te diré que resaltes los contenidos y luego agregues cualquier atributo que quieras agregar. Ya sea un grupo, a, relleno de forma o trazo, o tus herramientas de animación. Y la razón de ello es asegurarse de que estos atributos se están agregando en la jerarquía correcta. Ahora con el grupo resaltado, agreguemos un rectángulo y agreguemos un relleno. Entonces abramos nuestras propiedades transformadas para el grupo uno. Y vamos a mover esto de nuevo. A lo mejor aumentaremos la escala de este grupo con el grupo uno resaltado, control D para duplicar. Ahora tomemos el grupo dos, abramos nuestras propiedades transformadas y lo movemos al otro lado. Digamos que quería hacer esta trayectoria rectangular y elipse. Bueno, con el grupo dos resaltado, vamos a agregar elipse Y verás que esa elipse se agrega debajo de la trayectoria rectangular Y puedes ver si acercas aquí, que en realidad podemos ver el contorno de la elipse y el trazado rectangular Así que vamos a borrar la ruta rectangular para que de esa manera nuestra elipse y luego digamos que también queremos que esta elipse tenga sólo un Vamos a agregar un trazo y luego deshacernos de nuestro relleno. Ahora nuestro trazado elipse tiene un trazo y nuestro trazado rectangular tiene un relleno Digamos que queríamos animar esta elipse con los caminos de recorte. Bueno, si resaltas contenidos y eliges unos trazados de recorte y luego dices empezamos a animar estos trazados de recorte Bueno, ya que está por debajo tanto del grupo uno como del grupo dos, está tratando de animar caminos de recorte en ambos. Una de las cosas que repasará en la sección para los trazados de recorte es que el recorte es realmente solo una herramienta de animación de trazos No está destinado a ser utilizado para rellenos. Hay dos formas en las que podemos resolver este problema. Podemos mover trazados de recorte entre el grupo uno y el grupo dos. De esa manera solo está afectando nuestra elipse con el trazo. O mi forma preferida es poner realmente el Trempass dentro del grupo De esa manera todos tus efectos están organizados y no hay confusión. Siempre asegúrate de tener tus trazos y rellenos y tus herramientas de animación debajo de tus formas. Di si volvemos a sacar este Trempass al 50% para que puedas ver la animación Si volvemos a mover este Trempass nel por encima de la elipse, vemos que ya no funciona porque los efectos y los rellenos y trazos funcionan de abajo hacia arriba Ahora hay una excepción a esto. De hecho, podrías colocar tus herramientas de animación por encima de tus rellenos y trazos y seguirá funcionando. Solo asegúrate de que tus formas primero siempre dan forma primero. Y luego ya sea rellenos y trazos o herramientas de animación. Pero si estás trabajando con grupos, obviamente tus grupos vienen primero y luego tus formas. Si te quedas con la jerarquía de grupos, formas, rellenos y trazos, y luego las herramientas de animación, no tendrás ningún problema. Pero sí quería señalar este hecho de que en realidad puedes poner herramientas de animación por encima de rellenos y trazos, y seguirá funcionando bien. 5. 02.03 Propiedades de transformación de capa de forma: Bien, entonces en esta lección vamos a repasar qué son las propiedades transformadas, así como las diferentes formas de crear una capa de forma. Hay algunas formas de crear una nueva composición. Una forma es este icono aquí para crear nueva composición. La segunda forma es subir a la composición y elegir nueva composición. La tercera forma es usar el atajo que después de los efectos realmente te da. Ahora estoy en una PC, así que el atajo debería estar viendo en mi pantalla o relacionado con PC. Sin embargo, estaré poniendo teclas de acceso directo en la pantalla tanto para PC como para Mac Y la última forma es simplemente hacer clic en este ícono grande que ves aquí mismo en medio de tu comp. Ahora lo que hay que tener en cuenta usar este icono es que solo es visible y solo es una opción si aún no has creado un comp. Así que cada vez que abres un nuevo proyecto, si aún no has empezado a trabajar, no has creado una comp, puedes hacer clic en este nuevo ícono de comp. Pero solo recuerda, si estás trabajando a través de un proyecto y quieres comenzar una nueva comp y ya has creado una comp, necesitas usar una de las otras tres opciones, la nueva comp, composición de iconos, nueva composición, o simplemente controlar. Sigamos adelante y solo elijamos Nueva composición. Y este es nuestro defecto aquí, 1920 por 108-02-9907 Y dejémoslo a los 10 Y vamos a llamar a esta forma Capas. Entonces hacemos clic bien. Ahora bien, si miras aquí mismo este 100% esta es nuestra relación de aumento emergente. Si hacemos clic en este menú desplegable, hay diferentes ampliaciones que puedes elegir Escojamos el que diga encajar de esa manera, pondrá así toda nuestra composición en nuestro espectador. Bien, entonces ahora mencioné que hay varias formas de crear capas de formas. Una forma es hacer clic derecho en esta área aquí, a la izquierda de su línea de tiempo. Haga clic con el botón derecho, elija Nuevo. Y luego desde el menú emergente, puedes elegir Shape Layer. Otra forma de agregar una capa de forma es subir a la capa nueva capa de forma. Entonces una tercera forma es crear realmente una forma usando una herramienta conformada. Si ves aquí mismo, esta es nuestra herramienta rectangular. Ahora si haces clic en esta pequeña flecha a la derecha de la misma y mantienes pulsado el botón izquierdo del ratón, podrás ver tus otras opciones. Aquí tiene la herramienta de rectángulo, la herramienta rectángulo redondeado, la herramienta de elipse, la herramienta polígono y la herramienta de estrella Vamos a agarrar una herramienta rectangular. Ahora solo estoy manteniendo pulsado el botón izquierdo del ratón y arrastrando arriba y hacia abajo y hacia la izquierda y hacia la derecha hasta obtener la forma que quiero Como puedes ver, viene automáticamente con un trazo y un relleno. Ahora si sueltas el botón izquierdo del ratón, verás ahora que tienes tu forma. Y si notaste tu punto de anclaje, que es este justo aquí en el medio, ajustado a la mitad de tu capa de forma, donde se encuentra tu punto de anclaje es muy importante para las capas de forma Sobre todo cuando empiezas a animarlos, siempre quieres saber dónde está tu punto de anclaje Ahora bien, si quieres llevar esto al centro de nuestra composición, vamos a nuestro panel Alinear por aquí. Simplemente arrastra esto hacia abajo y estas son las opciones de Alinear. Entonces queremos alinear nuestra capa a la composición. Si eliges este segundo aquí, eso es Alinear Horizontalmente, si haces clic en eso, ves que lo mueve hacia la izquierda y hacia la derecha, centrado. Si eliges tu quinta opción que la alinee verticalmente Y la forma en que puedes decir que definitivamente está centrada es si presionas la clave de las comillas. Nos acercamos aquí, podemos ver que esto de hecho está perfectamente centrado en el centro de nuestra composición. Ahora vamos a deshacernos de esta capa de forma, y luego vamos a crear una de una manera diferente. Ya hicimos clic derecho y creamos uno de esta manera, eligiendo nuevo Y luego desde el pop out, eligiendo capa de forma. Vamos a subir a la capa nueva capa de forma. Ahora esto lo crea de la misma manera que hacer clic derecho en esta área lo crea donde obtienes una capa de forma real. Pero es una forma vacía. Así que tenemos que añadir en nuestras formas así como nuestros campos y trazos y herramientas de animación. Vamos a nuestro botón Agregar. Todo lo que necesitarás agregar vendrá de este botón de Anuncio aquí. Esta flecha a la derecha de la palabra anuncio. Si buscas arriba junto a nuestro Rellenar nuestro trazo, verás el botón de anuncio aquí también. Puedes agregar todo lo que necesites desde cualquier ubicación. Entonces, simplemente hagamos clic en este botón de anuncio aquí, y agreguemos un rectángulo. Y luego podemos agregar un trazo, y luego también agregar un relleno. Tu trazo siempre será blanco por defecto, dos píxeles de ancho, y tu relleno siempre será rojo por defecto. Así que vamos a cambiar estos colores, hacerlos un poco más interesantes. Realmente no importa cuál sea el color, porque esto es más para experimentación. Y tal vez hagamos nuestro trazo de diez píxeles de ancho. Siempre que crees una forma, ya sea desde esta capa desplegable, o haciendo clic derecho en esta área vacía junto a tu línea de tiempo, automáticamente centrará tu forma en el centro de tu composición con el punto de anclaje en el centro. Primero, hagamos este camino rectangular un poco más grande. Si abres tu ruta rectangular, en realidad puedes aumentar esto. Repasaremos algunos de estos ajustes más adelante en una lección posterior, pero por ahora realmente voy a querer repasar qué son las propiedades de transformación porque esta es la base de todas las capas de formas y algo que es muy importante para que entiendas. Las propiedades de transformación para cualquier capa son punto de anclaje, posición, escala, rotación y opacidad Ahora esto va para las capas de forma, va para los videos, va para las imágenes, para las capas de texto, cada capa va a tener estas propiedades de transformación. Lo especial de las capas de formas es que puede encontrar más de un conjunto de propiedades de transformación. Es muy importante entender cómo interactúan los unos con los otros y qué significan. Por ejemplo, resaltemos nuestro contenido aquí mismo en nuestra capa de formas y vayamos a agregar. Y luego agreguemos un grupo. Vamos a agarrar todo lo que no sea el grupo. Nuestro rectángulo, sentir y trazar, y arrastrarlo a ese grupo. Bien, ahora todo está a la vista de este grupo. Bueno ahora te darás cuenta dentro del grupo, has transformado al grupo uno. Si abres eso, también ves que tienes escala de posición de punto de anclaje y también tienes la rotación y opacidad del eje de sesgo y sesgo Quizás se esté preguntando por qué hay dos conjuntos de propiedades de transformación. Bueno, lo que hay que tener en cuenta es que las propiedades de transformación para la capa controlan toda la capa. Entonces, a medida que mueves tu posición alrededor, mueve todo sobre esta capa de forma. Para que esto quede claro, resaltemos el grupo uno y lo dupliquemos, Control D. Ahora tenemos dos grupos. Ahora están uno encima del otro, así que realmente no puedes distinguirlos. Pero así es como puedo ilustrar esta vieja hasta nuestras propiedades transformadas para el grupo dos y tomar nuestra posición para eso. Y movamos esto a la izquierda. Ver este grupo transformar propiedades afecta sólo al grupo dos. Estas propiedades de transformación bajo el grupo uno solo afectan al grupo uno. Estos pueden moverse a su manera de forma independiente y si afectas las propiedades de transformación de toda la capa, esto controla todo lo que esté dentro de la capa. El grupo uno y el grupo dos están dentro de la misma capa de forma. Las propiedades de transformación para toda la capa afectarán a toda la capa. Por lo que es muy importante diferenciar entre todos estos. Una de las cosas que también notarás con formas como rectángulos y también con elipses, y repasaremos esto a medida que lo encontremos , pero si lo abres, también tienes esta posición en tamaño para el camino rectángulo específico Entonces mira puedes incluso afectar la posición dentro de la trayectoria del rectángulo así como el tamaño. Por lo tanto, es muy importante entender cómo estos interactúan entre sí y cuándo usar las propiedades de transformación para el grupo versus la propiedad transform para la capa. En realidad, hay un atributo de capa de forma más que tiene sus propias propiedades de transformación, y ese es el repetidor Voy a dejar esto arriba y luego voy a ir a sumar, y vamos a agregar un repetidor Y vamos a repasar bastante el repetidor más adelante Solo con fines ilustrativos. Déjame mostrarte a lo que me refiero. Estoy disminuyendo la escala de toda la capa. Entonces utilizo esta propiedad de transformación para la escala para la capa. Entonces vamos a mover esto de nuevo. Ahora para el repetidor, va a tener por defecto tres copias La posición por defecto es de 100 píxeles en el eje X. A medida que desplazamos esto hacia adelante, no verías cómo empiezan a distanciarse. Ahora ve que se superponen, así que en realidad puedo mover el grupo dos hacia la izquierda, tal vez incluso hacia arriba, para que así podamos ver lo que está pasando. Más en el grupo uno, podemos mover las propiedades de transformación hacia abajo. Vea ahora nuestro repetidor tiene su propio conjunto de propiedades de transformación Tenemos punto de anclaje, posición, rotación de escala, y en lugar de una sola opacidad, tenemos opacidad de inicio y final Y las propiedades de transformación del repetidor son incluso más específicas que las propiedades de transformación para el grupo y la capa Por ejemplo, si empezamos a manipular la escala, podemos ver cómo esto está afectando solo algunas de las cajas no se agobian porque tenemos toda una sección en el repetidor donde voy a repasar esto en detalle Todo el propósito de mostrarte esto está en la base misma de las capas de forma que necesitas entender es que hay múltiples conjuntos de propiedades de transformación. Significa punto de anclaje, posición, escala, rotación y opacidad Tenemos las propiedades de transformación de capa de forma, propiedades transformadas. Y también tenemos propiedades de transformación repetidora. Y todos estos afectan tus formas de diferentes maneras. Y hay ciertos momentos en los que necesitas afectar solo las propiedades de transformación de un grupo en particular o de toda la capa. Como dije, no te abrumes porque esto es mucho para tomar Pero debes prestar atención a tus propiedades transformadas y ser conscientes de que están ahí y que interactuarán entre sí. 6. 02.04 Tipos de formas y caminos: Bien, sigamos adelante y creamos nuestra composición eligiendo nuestro icono. Y vamos a llamar a esta composición Tipos de Formas y Caminos. En esta sección, quiero repasar los tipos de formas y trazados que tienes disponibles, dependiendo de cómo crees tu capa de formas. Primero, comencemos con el método de hacer clic derecho en esta área aquí abajo, y elegir Nuevo, Ir al menú emergente y elegir Capa de Forma. Si abrimos nuestra capa Shape aquí junto a nuestro contenido, tenemos una al lado del anuncio, tenemos nuestro botón de anuncio. También tenemos este botón de anuncio arriba como podemos ver. Y las mismas opciones exactas están disponibles en ambos botones de anuncios. Veamos este diseño. El primer orden es Grupo. El grupo le permite agrupar diferentes tipos de formas juntas. Entonces digamos por ejemplo, si agregamos un grupo aquí, podemos agregar un rectángulo. Y luego decir que tal vez queremos agregar otro grupo. A lo mejor queremos añadir una elipse, y queremos poder controlarlas independientemente una de la otra Hemos transformado propiedades para cada uno de estos grupos. Quiero repasar los tipos de formas y caminos que tienes disponibles para ti con los métodos de creación de formas. Si elegimos Ad aquí, esta segunda sección aquí tenemos rectángulo, elipse, polystar, y camino Estos son los tipos de formas, rectángulo, elipse y polystar que podemos crear Y entonces también tenemos un camino. La razón por la que aquí solo hay tres opciones es porque puedes agregar redondez a un rectángulo y también puedes hacer de una poliestrella un polígono La razón por la que eso es importante es recordar rectángulo, elipse, polystar, solo estas tres opciones Si subimos a nuestra herramienta de capa de forma, si entramos en nuestro menú desplegable, vemos que en realidad tenemos cinco opciones Tenemos rectángulo, rectángulo redondeado, elipse, polígono y herramienta estrella Aquí tenemos cinco opciones. Aquí tenemos tres opciones. Sin embargo, tenemos la misma cantidad de control. Agrega un rectángulo y vamos a darle un relleno, ¿bien? Ahora bien, si queremos que este rectángulo tenga bordes redondeados, hay una opción debajo del trazado rectangular para redondez y todo lo que tenemos que hacer es aumentar o disminuir esto Si subimos demasiado lejos se convierte en círculo. Pero mira cómo podemos realmente cambiar la redondez de este rectángulo Ahora vamos a sacar este del camino, y usemos nuestra herramienta de capa de formas. Y elegiremos rectángulo redondeado. Ahora si dejamos clic y arrastramos, podemos ver que en realidad viene con los bordes redondeados. Y recuerden que nuestro último golpe fue en realidad bastante grande, 45. Hagamos esto más pequeño. Bajemos a tal vez cinco. Ahora bien, si abrimos este camino, abrimos nuestro camino rectangular, podemos ver que éste tiene una redondez de 20 De hecho, podemos afectar la redondez de esto. Ahora bien, no mantení presionado el botón de mayús, por eso esto es un rectángulo y no un cuadrado perfecto si tuviera que hacer eso. Veamos, En un momento agarraré nuestro rectángulo redondeado, mantendremos presionada la tecla Mayús y lo arrastraré para que quede perfectamente cuadrado. Después vuelve a nuestra configuración para este rectángulo. Veremos que la redondez de la trayectoria del rectángulo por defecto es 20 píxeles para Puedes ajustar esto tal como podrías si crearas la ruta del rectángulo haciendo clic derecho, eligiendo nueva capa de forma, y luego agregando un rectángulo y agregando una píldora, podemos ajustar la redondez de ese rectángulo de la misma manera Lo volveré a hacer. Agarraremos una herramienta de rectángulo redondeado, mantendremos presionada la tecla Mayús y la arrastraremos hacia afuera. Y como vemos, por defecto tiene una redondez de 20 píxeles, que es ajustable Y ahí es como cuando creé el rectángulo redondeado, nos dio un trazo automáticamente. Y nuevamente, afterefx te da el último valor de trazo elegido, tanto el color como el ancho del trazo, así como el último relleno elegido Entonces, ¿qué pasa si solo elegimos esta herramienta rectangular? Bueno, esto mantenga pulsada la tecla Mayús y haga clic y arrastre. No nos da los bordes redondeados. Pero recuerde que todos los caminos rectángulos vienen con la opción de redondez. Independientemente de si creas un rectángulo usando el botón de anuncio o usas la herramienta de capa de forma, tienes las mismas opciones exactas, por lo que el botón de anuncio no te da la opción de un rectángulo redondeado, simplemente sería redundante. Sin embargo, con la herramienta de capa de forma, si sabes que quieres una herramienta de rectángulo redondeado, te da esa opción adicional para ahorrar tiempo. Así que vamos a deshacernos de ese clic derecho. Vamos a elegir una nueva capa de forma. Elipse es solo atripx palabra para círculo. Bien, ahora agreguemos un relleno a eso. Y de la misma manera si agarramos nuestra herramienta de capa de forma, agarramos tu herramienta de elipse, llenamos el botón Mayús A medida que dejó clic y arrastre lo hará círculo perfecto. Tienes exactamente las mismas opciones. Si abres elipse uno y elipse trazado uno. Puedes ajustar el tamaño de tu trayectoria elipse y puedes mover tu posición Estos son idénticos en lo que eres capaz de hacer con ellos. La principal diferencia es que cuando creas una capa de forma usando la herramienta de capa de forma, trae tu trazo y relleno. Mientras que si lo creas desde cero, tienes que agregar físicamente la elipse y el trazo Vamos a crear una nueva capa de forma. Vamos a agregar polystar. Ahora fíjate aquí que no hay opción para polígono, así que vamos a calamar y elegir un Y agregaremos un relleno y también subiremos a nuestra herramienta de capa de forma. Y fíjate que tenemos polígono y herramienta Estrella, tenemos estas dos opciones Si sabes que quieres un polígono, solo eliges polígono O si sabes que quieres protagonizar, puedes elegir estrella. Esa es una de las diferencias. Si lo creas usando la herramienta de capa de forma, vamos a trazar la herramienta de polígono y mantendremos presionada la tecla shift, vamos a arrastrar hacia la izquierda Es por eso que no gira y pone estos uno al lado del otro. Entonces estos son en realidad el mismo tipo de capa de forma como se puede ver debajo de nuestra capa de forma aquí tenemos polystar uno es el polígono y Y el trazado polystar es el que recreó usando click derecho Nueva capa de forma. Esto es vino. Abramos ambos caminos poliestelares. Los notarás debajo del nombre de la ruta de polystar. Tienen tipo. Ahora bajo el polígono que creamos, obviamente está configurado en polígono, bajo estrella, está configurado Ambos tienen la opción de ser una estrella o un polígono. Entonces ahora estamos en la estrella por aquí. Observa lo que sucede cada vez que elegimos polígono. Se ve idéntico al polígono que elegimos usando nuestra herramienta de polígono Lo mismo si los pusimos a los dos en estrella, ambos son iguales, de forma idéntica. Es la misma idea. Con la creación de un rectángulo, solo tienes una opción para rectángulo, aunque sabes que tienes la opción de redondez. Lo mismo, solo tienes una opción para Polystar. Aunque sí tienes la opción de cambiar esto a un polígono y todo lo que Effx te está permitiendo hacer usando la herramienta Capa de forma es solo eludir Un paso extra, si sabes que quieres un rectángulo redondeado o si sabes que quieres un polígono, entonces puedes elegir eso de la herramienta de creación de capas de formas y no tener que entrar aquí y convertirlo Solo para recapitular rápidamente, ir a la nueva capa de formas, ir a nuestro contenido y agregar Tenemos tres opciones para rectángulo, elipse y polystar Sin embargo, con nuestra herramienta de capa de forma, tenemos la opción de herramienta de rectángulo, herramienta rectángulo redondeado, herramienta de elipse, herramienta polígono y herramienta de estrella Tienes la misma cantidad exacta de control con cada opción. Una de las otras cosas que puedes ver en tu capa de forma es que también tienes esta opción para path que está en este grupo con rectángulo, elipse y polystar Bueno, justo al lado de nuestra herramienta de capa de forma está la herramienta Pin. La herramienta Pin hace lo mismo que la trayectoria. Digamos que si vamos a nuestra capa de forma aquí y elegimos agregar ruta, podemos ver que nuestra herramienta Pin se establece por defecto y automáticamente quiere que creamos una ruta Nuevamente, si lo creas a mano, tienes que entrar aquí y agregar un trazo y luego dar detalles para el ancho del trazo y para el color Mientras que si solo agarras la herramienta pin aquí y comienzas a dibujar, crea una forma para ti y te da el trazo en el ancho del trazo. Trae tus reglas eligiendo controlar todo en una PC. Ponte una regla aquí, y luego puedes ajustarlas a la guía. Entonces abramos nuestra forma, tengamos el camino resaltado. Y sólo lleva estos puntos a la línea. Y ahora tenemos una línea perfectamente recta. Entonces esos son los diferentes tipos de formas y los diferentes tipos de caminos y las diferentes formas en que puedes llegar a ellos ya sea creando una capa de forma haciendo clic derecho en nueva capa de forma o capa, nueva capa de forma. A diferencia de ir directamente a nuestra herramienta de creación de capas de formas. Nuevamente, hay algunas formas de crear lo mismo. Pero tienes los mismos controles independientemente de cómo crees una forma o un camino. Y eso es lo más importante que hay que sacar de esta lección. 7. 02.05 Creación de capas de formas: Bien, así que sigamos adelante y creamos una nueva composición. Esta vez solo usaremos nuestro icono. Haga clic en eso, y luego vamos a cambiar el nombre de esta Creando Capas de Forma. Escoge. Bien, ahora voy a repasar esto una vez más. Hay tres formas de crear capas de formas. Dos de ellos son por lo que voy a llamar comando. Lo que significa que puede escribir, haga clic en esta área aquí abajo y elija Nueva capa de forma. O puedes subir a Capa de Forma que está creando una forma por comando. Y luego otra forma es crearlo usando la herramienta Capa de Forma. Si subes aquí a tu barra de herramientas, junto a tu herramienta de pluma, verás una herramienta rectangular. Puedes agarrar eso y elegir cualquiera de estas formas. Escogeremos una elipse. Y si mantienes presionado el botón izquierdo del ratón y arrastras, puedes comenzar a crear una elipse Si mantienes pulsado el botón Mayús, mientras arrastras, hará un círculo perfecto o un cuadrado perfecto. Suéltalo y ve que nuestro punto de anclaje va directo al medio. Ahora vamos a elegir una herramienta rectangular, manteniendo presionado el botón izquierdo del ratón. Vamos a hacer click y arrastrar. Y ahora vemos como el ancho y la altura son diferentes. Pero si mantienes presionado el botón Shift, automáticamente va a un cuadrado perfecto. Observe lo que le sucede a su punto de anclaje. Una vez que agrega una segunda forma a una forma, el punto de anclaje de la capa permanece centrado en la primera forma que creó. No se reajusta al centro de tu capa de forma Esto es significativo cuando comienzas a animar estas capas de formas, y entraremos en eso en una lección posterior Por ahora, solo tenga en cuenta que si crea una forma usando la herramienta de forma, punto de anclaje de su capa se centrará en la primera forma que creó. Elegir la trayectoria de rectángulo redondeado manteniendo presionada la tecla Mayús hace lo mismo para la herramienta de rectángulo redondeado. Puedes ver que es igual que la herramienta rectángulo, pero tiene bordes redondeados derribados por el botón shift y cómo hace un cuadrado perfecto. Bien, ahora vamos a eliminar esa capa de forma. Si eliges la herramienta polígono y haces clic izquierdo y arrastras mientras me desplazo hacia la izquierda y hacia la derecha, está rotando este Y también si vas arriba y abajo, lo está rotando. Ahora bien, si mantienes presionado el botón de cambio, simplemente lo mantiene donde no rotará. Se puede hacer más grande y más pequeño, pero no va a girar. Entonces ahora estoy soltando el botón Shift, y de nuevo, podemos girarlo. Y esto es cierto también para las Herramientas Star. Escojamos ese clic izquierdo y arrastre, y como puede ver, izquierda y derecha, arriba y abajo, está girando. Si mantienes el turno, ya no permite girar sino que solo se escala hacia arriba y hacia abajo. Voy a izquierda y derecha y luego también arriba y abajo. Así que algo a tener en cuenta cada vez que estés creando estas formas usando la herramienta de forma. Si mantienes presionada la tecla shift para círculos o rectángulos, hará que la forma sea un cuadrado o círculo perfecto Y para los polígonos y para las estrellas, simplemente desactiva la capacidad Entonces ahora, ¿qué método es mejor? Bueno, depende de lo que intentes hacer y realmente cuál es tu método preferido. Prefiero crear formas haciendo clic derecho en esta área, eligiendo nueva capa de forma. Y la razón por la cual es porque no me gusta tener mis formas para ser precargadas. Me gusta elegir todo desde cero. Ahora eso es solo una preferencia personal. No es algo que sea mejor que cualquier otra cosa. Sin embargo, hay algunos beneficios e inconvenientes al hacerlo. De cualquier manera, los beneficios e inconvenientes de crear una capa de forma, ya sea haciendo clic con el botón derecho y eligiendo una nueva capa de forma, o yendo a la capa nueva capa de forma, son los mismos. Pero hay algunas diferencias entre eso y crear una capa de forma usando la herramienta de forma. Entonces primero quiero crear una capa de forma haciendo clic derecho y eligiendo una nueva capa de forma. Y luego voy a abrir nuestra capa de formas e ir a nuestro botón Anuncio, que está al lado de la palabra Anuncio. Y sólo voy a crear una elipse y luego le voy a dar un relleno y un trazo Y la razón por la que me gusta crearla así es porque ahora tengo un control total sobre dónde se encuentra esta. Me gusta que mis formas estén siempre en el centro de mi composición. Y nuevamente, si presionas el botón Comillas, aparece tus guías de margen seguro. Puedes ver que pones tu capa de forma en el centro de tu composición por defecto. Sin embargo, al usar este método, sí hay que agregar la forma que desee y un relleno y un trazo cuando cree capas de forma en este método, su trazo será automáticamente blanco y su relleno automáticamente será rojo. Entonces, deshagámonos de esa capa de forma. Si creamos una forma usando nuestra herramienta de forma, obtenemos nuestra herramienta de elipse y dejamos clic y arrastramos y mantenemos presionado nuestro botón Mayús para obtener un círculo perfecto Obtenemos un relleno. Y un trazo automáticamente precargado dentro de él, lo cual es genial. Sin embargo, no necesariamente se centra en nuestra composición. Para centrarlo, necesitas ir a tu panel Alinear y centrarlo horizontalmente. Y luego alinear el centro verticalmente. Las formas creadas con la herramienta de creación de capas de formas se cargan previamente con el último color de relleno y trazo, así como el último ancho de trazo que utilizó, por lo que no es necesario agregar un relleno o un trazo. Esto podría ser útil si estás creando una serie de formas que requieren los mismos colores cada vez que creas una nueva forma usando la herramienta de creación de capas de formas, tu forma tendrá los mismos atributos de relleno y trazo que lo que elijas en último lugar. También notarás que cuando uses la herramienta de creación de capas Shape, after effect coloca automáticamente la forma junto con su relleno y trazo dentro de un grupo. Y nombra al grupo cualquiera que sea la forma. En este caso, el grupo después de los efectos creados es elipse uno De lado de este grupo están la elipse así como el relleno y el trazo Elimina esa capa de forma, toma esta herramienta de poli, haz clic izquierdo y arrastra, y obtén el tamaño que queramos que sea. A menos que liberemos nuestro punto de anclaje, aparece por el medio. Vamos a centrar esto ahora a ver si abrimos nuestra configuración de polystar, podemos ver que vino con el trazo y el relleno automáticamente Nos dio el trazo y el valor que duramos. Cambiemos este valor a como un verde y haremos este trazo tal vez como un amarillo. Bien, ahora si me deshago de eso, voy a ver si creo otra forma. Digamos que vamos a hacer esta herramienta estrella ahora va a ser un trazo amarillo. Con un relleno verde, tu trazo será automáticamente blanco y tu relleno automáticamente será rojo solo cuando lo crees por comando. Es decir, clic derecho, capa de forma o capa, capa de forma. Obtendrás estos valores para tu trazo y tu relleno, e incluso el tamaño del trazo basado en los valores que elijas. Por último, si usas la herramienta de forma, cada método toma algunos pasos adicionales, solo depende del método que prefieras. Solo para recapitular muy rápidamente, si haces clic derecho y eliges nueva capa de forma, para poder agregar contenido a tu capa de forma, tienes que usar el botón de agregar Entonces quieres agregar cualquier forma, digamos rectángulo, y agregar un relleno y un trazo. Esto siempre por defecto será blanco para el trazo, a dos píxeles de ancho y rojo para el relleno. Y luego hay que redimensionarlo a cualquier tamaño que desee Pero está en el centro de tu composición. O si usas una herramienta de capa de forma, obtienes el clic izquierdo y arrastras manteniendo presionado el botón Mayús. Y aunque tu punto de anclaje estará centrado en el medio de tu capa de forma, como vemos, aún tienes que alinearlo con el centro de tu composición. Si ahí es donde quieres que esté. Obtendrás estos valores para tu trazo en tu relleno, e incluso el tamaño del trazo basado en los valores que elijas. Por último, si usas la herramienta de forma, cualquiera de los dos métodos está bien, solo depende de la forma que prefieras. 8. 02.06 Tamaño de ruta vs. escala de capas: Ahora repasemos algunas de las diferencias entre estas formas y algunos de sus atributos. Entonces voy a escribir haga clic en Nueva Capa de Forma. Voy a abrir esto. Vamos a agregar un rectángulo. Agrega una elipse también. Entonces vamos a darle a esto un relleno y un trazo. Ahora como estos están apilados, como puedes ver dentro de nuestra composición, se le agrega el rectángulo y la elipse una encima de la otra, tienen la misma posición exacta Todos los rectángulos y todas las elipses tienen por defecto el tamaño de 100 píxeles por 100 Entonces este tamaño aquí no está en porcentajes. Recuerda de nuestras propiedades de transformación, tenemos punto de anclaje, posición y escala. La escala está en porcentajes. Esta escala es del 100% Y se puede ver justo al lado del valor de la escala, este signo porcentual. Ahora para una trayectoria rectangular y una trayectoria de elipse, no hay signo de porcentaje Y la razón por la cual es porque estos son 100 píxeles por 100 píxeles de ancho. Así que en realidad podemos aumentar el tamaño de estos de forma independiente. Además, una de las cosas que puedes hacer es que puedes desvincular el tamaño Di si desmarcamos esto y podrás ver las restricciones, las proporciones Ahora bien, si desplazamos nuestro valor x para la ruta rectangular, vemos que es más ancho que más alto. Y también podemos ajustar la altura de la misma. Podemos ajustar esto de forma independiente. Lo mismo es cierto para la trayectoria de la elipse. Si desmarcamos esto, podemos hacerlo más ancho independientemente de su altura, o más alto independientemente de su ancho Si quiere ser un círculo perfecto, simplemente haga que estos valores sean iguales. Voy a hacer ancho de estos 330 y voy a volver a vincularlos para hacer este 330 y hacer este valor 330. Y volveremos a vincular eso. Y ahora tenemos nuestro rectángulo perfecto y nuestra elipse perfecta Una vez más, algo a tener en cuenta es que con todos los rectángulos y todas las elipses, la forma tendrá por defecto un tamaño de píxel de 100 por 100 9. 02.07 Formas vs. rutas: ¿Cuál es la diferencia entre una forma y un camino? Bueno, las formas están conformadas caminos y te voy a mostrar a lo que me refiero. Este clic derecho, nueva capa de forma agregará un rectángulo y agregaremos un trazo. Vamos a incrementar esto. Si da clic derecho sobre esta palabra de ruta rectangular aquí mismo y elige Convertir a ruta Bezier Esto te mostrará qué caminos componen realmente este rectángulo. Hacemos clic. Si hacemos clic en nuestro camino uno, en realidad podemos ver los segmentos que componen este camino rectangular. Ahora que hemos convertido esto en un camino, en realidad podemos manipular el camino. Podemos jugar con las esquinas y crear cualquier tipo de forma que queramos. También podemos sumar más puntos. Si eliges tu herramienta de pluma, puedes agregar un punto a cualquiera de estos trazados de aquí. Y ahora podemos hacer una forma aún más interesante. Otra vez, de la manera en que lo hice, deshagamos de nuestro contenido. Voy a agregar un rectángulo y después quiero agregar un trazo. Haz que este trazo sea un poco más grande. Y luego hago clic derecho en la ruta Rectángulo y elijo Convertir a ruta Bezie Ahora también se pueden crear caminos por sí mismos. Y la forma en que lo haces con los contenidos resaltados, haz clic en Agregar ruta. Y esto trae a colación tu herramienta pluma, así que solo puedes hacer dos puntos por ejemplo, y luego agregar un trazo, y ahora tienes una línea. Entonces realmente vas a sumar más puntos sobre eso como te gustaría. Una forma es un conjunto de trazados cerrados, mientras que el trazado no está encerrado. También puedes crear este camino de otra manera. Verás, la forma en que lo hice fue que ya tengo la capa de forma agregada. Entonces agregué un camino. Y trae a colación tu herramienta Pin. Vamos a decir, ¿y si no quisiera hacerlo de esa manera? Bueno, solo puedes elegir tu herramienta Pin y luego comenzar a dibujar. Al igual que con tu herramienta Shape, automáticamente trae tu trazo y tu relleno. A ver si abres tus contenidos. Ahora tenemos una forma y es un camino solo para enfatizar ese clic derecho y elegir nueva capa de forma. Y luego agregamos un camino. Por defecto será tu herramienta Pin, para que así puedas hacer cualquier ruta que quieras hacer. Hay que entrar físicamente y agregar un trazo. Y por defecto es blanco de dos píxeles de ancho. Sin embargo, si quieres crearla la misma manera que crearías una forma usando tu herramienta de forma, simplemente elige tu herramienta pluma y comienza a dibujar un trazado. Incluirá el color y ancho del trazo, así como el relleno del último trazo y relleno que elijas. Si abres esto, verás debajo de tu grupo de formas aquí. Este es, efectivamente, un camino. Lo principal que hay que quitar de esto es que las formas están conformadas por un conjunto cerrado de caminos. Elimina esa capa de forma, dibuja alguna forma. Y lo que quiero decir con encerrado es que quiere que su último punto sea su primer punto. Entonces vamos a hacer click sobre esto aquí mismo, y veremos cómo se enmarca. Tenemos este relleno y este trazo. Y no estoy seguro si notas lo que acaba de pasar, pero vamos a deshacernos de esto muy rápido. Si empezamos a dibujar, una vez que empezamos a obtener algo de forma aquí, realidad sí se pone en un relleno, pero el problema es que no está encerrado con un borde. Entonces, técnicamente sí te da un relleno cada vez que creas un camino como este. Pero no va a estar encerrado por un trazo. Entonces mira que ahí es una forma de aspecto extraño. Entonces, si quieres hacer una forma que esté encerrada por todos los lados, solo asegúrate de que tu primer punto sea el mismo que tu último punto. Y de esa manera quedará totalmente encerrado. 10. 02.08 Rellenos y trazos: agrega Button: Bien, entonces ahora en esta lección vamos a repasar lo que yo llamo Atributos de Capa de Forma. Así que vamos a sumergirnos en eso. Vamos a crear una nueva composición esta vez. Vamos a hacer control en para PC, vamos a llamar a esto Atributos de Capa de Forma. Haga clic en Bien. La forma en que puedes agregar tus atributos y la forma en que puedes controlarlos varía dependiendo de cómo crees tu capa de forma. Es por eso que quería mostrarte antes las diferentes formas de crear capas de formas. Derecha, haz clic en esta área aquí y crea una nueva capa de forma. Si hacemos clic en nuestro botón Anuncio, podemos acceder a él a través de nuestra capa de forma o arriba a través de nuestro control de capa de formas. Lo que quiero decir con atributos es todo lo que viene por debajo de las formas y caminos reales. Así rellenar trazo, degradado, relleno, trazo de degradado. Y luego todas estas herramientas de animación. Y vamos a estar cubriendo todos estos con gran detalle y otras lecciones. Por ahora, quiero enfocarme en el relleno, el trazo, el relleno degradado y el trazo degradado. Si creamos una capa de forma en este método donde escribimos, clic y elegimos una nueva capa de forma como la conocemos. Tenemos que decir realmente vamos a agregar una elipse y tenemos que agregar relleno un trazo, un relleno degradado o un trazo de degradado Ya hemos hecho rellenos y trazos. Y entonces podemos aumentar el tamaño de esta trayectoria elipse, como sabemos dentro de nuestros controles de trayectoria elipse E incluso podemos controlar el tamaño de nuestro trazo. es bastante fácil, pero ahora hay otras opciones que tenemos. Vamos a deshacernos de este trazo en este relleno, y tenemos nuestro camino de elipse Agreguemos un relleno degradado. El relleno de degradado por defecto es un degradado lineal. Lo que quiero decir con eso es que si abrimos este relleno degradado, aquí, podemos ver que el tipo es lineal. Tenemos dos opciones, lineal o radial. Radial simplemente significa que el gradiente es un gradiente radial que comienza dentro de nuestro círculo y crece hacia afuera No me he metido con ninguno de estos controles. Entonces lo que ves aquí mismo es cómo Afrofx incumple. Tomaremos un relleno degradado lineal. Vemos que nuestro punto de inicio es 00, el punto final es 1000. Ahora estos son píxeles ubicados dentro de nuestra capa de forma. Entonces a medida que empezamos a moverlas, podemos ver el efecto que está teniendo en nuestro gradiente. Si queremos que sea un gradiente horizontal, por ejemplo, necesitamos alterar estos ajustes. Queremos hacer nuestra X en un punto de inicio y exxon endpoint ambos cero y ahora podemos empezar a voltear estos Podemos hacerlos más de un gradiente o menos de un gradiente. La forma en que puedes manipular el degradado lineal, ya sea horizontal o vertical, es ajustar el valor X de tu punto inicial y final. Así que solo toma algún ajuste de estos ajustes para obtener el aspecto que deseas. Estos colores por defecto son blanco y negro. De negro puro a blanco puro. Y en el medio, el gradiente es gris. Si haces clic en este degradado de edición, ahora puedes elegir los colores que quieras. Así que mira nuestra opción de extrema izquierda está establecida en blanco. Entonces tal vez hagamos esto como un rojo y luego el color negro que está por defecto, podemos hacer que eso sea otra cosa Entonces, como puedes ver, tus posibilidades ya están creciendo. Puedes cambiar los colores e incluso puedes cambiar la dirección de tu degradado lineal. Puedes hacer todo tipo de cosas geniales con esto. Puedes meterse con la opacidad de la misma. Entonces, si quieres ser un poco más ligero, quieres ser muy brillante. Entonces esos son algunos de los ajustes para el gradiente lineal. Establezca todo esto de nuevo a lo que era por defecto, que está todo establecido en cero con el valor de punto final x en 100. Y cambiar esto a radial. Entonces ahora tenemos este pequeño círculo dentro de un círculo más grande. Y nuevamente, apenas empezamos a meterse con algunos de estos ajustes. Este valor y extiende el gradiente para el punto final, y el valor x altera donde comienza A medida que ajustas estos ajustes, podrás ver cómo va a afectar tu degradado. Ahora, dentro de un gradiente de radio, también tienes una longitud de luz alta. Por defecto es 0% Puedes aumentar eso y ver cómo se mueve dentro de tu gradiente Aquí también tienes ángulo de resaltado. Entonces, a medida que ajusta eso, se mueve dentro del círculo del gradiente radial. Puedes ajustar tu opacidad, editar degradado. Puedes ajustar tus colores. Entonces tal vez quieras que sea algo un poco diferente. Incluso puedes agregar más puntos aquí. Entonces di que quieres una tercera o cuarta parte de tu gradiente. Simplemente experimenta y ve todas las posibilidades que se te ocurran. Todos estos son clave encuadrables. Hay cronómetros delante de todos estos ajustes. Para que puedas establecer marcos clave y moverlos y hacer todo tipo de cosas geniales con ellos. Puedes cambiar de color, las posibilidades realmente son infinitas. Entonces ahora si lo miras de nuevo, puedes ver algunas de las cosas que puedes hacer con él. Y esto es solo un rudo muy rápido jugando con algunos de estos ajustes. Ese es tu relleno degradado. De nuevo, tienes radial y tienes lineal. Tienes todos estos ajustes. También tenemos trazo degradado y funciona de la misma manera. Aumentemos el tamaño de esto. Tenemos lineal y radial. Tienes tus puntos de inicio y fin. Tienes tu longitud de resaltado, tu ángulo de resaltado. Puedes cambiar tus colores. Hay muchas opciones que realmente tienes con estos gradientes. Puede agregar rellenos de degradado y trazos de degradado a todas las formas, ya sea una elipse, una rectangular o una poliestrella 11. Rellenos y trazos: herramienta de creación de capas de formas: En la lección anterior, aprendimos a agregar trazos y rellenos al crear una forma por comando. En esta lección, vamos a repasar cómo agregar trazos y rellenos al crear una capa de formas usando la herramienta de creación de capas de formas. Vamos a agarrar esta herramienta de rectángulo redondeado manteniendo presionado el botón izquierdo del ratón. Vamos a hacer clic y arrastrar cuando crees tu forma usando la herramienta de capa de forma, realidad puedes subir a tu trazo y rellenar y mantener presionada. Si haces clic, verás que puedes tomar algunas decisiones aquí. Mantenga presionado el botón Alt y haga clic que lo convierte en un trazo de degradado lineal. Si mantenemos la tecla Alt y volvemos a hacer clic, eso va a hacer que sea un trazo de degradado radial. Si lo hacemos una vez más, nos quita el trazo. Y si haces clic Alt una vez más, lo convierte en un trazo sólido. Bien, y lo mismo con relleno. Sostenemos el botón Alt y hagamos clic en Relleno, y veremos que es un relleno degradado lineal. Un clic de nuevo, es un relleno degradado radial. Todos vuelven a hacer clic y luego se quita el relleno. Y hazlo una vez más y agrega relleno sólido. Tienes todos estos accesos directos solo si creas tu forma usando la herramienta de forma. Y te voy a mostrar si vas Nueva capa de Forma, Si añadimos rectángulo y vamos a hacerlo un poco más grande. Ahora si empiezo a dar clic por aquí, da clic en Trazo. Podemos ver que le está diciendo que lo cambie a diferentes tipos de gradientes y que elimine el trazo o vaya a un sólido Lo mismo con relleno. Si hacemos clic a través es como, oh, eso es un gradiente lineal. Eso es un gradiente radial. Pero no es agregarlo a nuestra capa de forma. Tenemos que agregarlo físicamente a la capa de forma si creamos una capa de forma desde cero, lugar de usar nuestra herramienta de capa de forma una vez que agregamos un trazo. Ahora mira si hacemos clic a través de él, lo cambiará a un trazo de degradado. Lo mismo si añades un relleno. Ahora podemos dar click en el relleno y eso nos dará un relleno degradado. Y lo vuelves a hacer clic y lo convierte un relleno degradado radial. Vuelva a hacer clic en él y lo elimina. Vemos que el globo ocular desapareció por aquí. Alt, haga clic de nuevo. Ves que el globo ocular vuelve a encenderse y lo convierte en un sólido. Esa es solo una de las cosas a tener en cuenta es que si creas una capa de forma desde cero, tienes que agregar físicamente al menos un trazo o un relleno para alternar entre las opciones de clic Alt en alternar entre las opciones de clic Alt lugar de si creas una capa de forma usando la herramienta Capa de forma. Y tiene sentido si lo piensas de la manera en que cuando nos acercamos por primera vez a las formas de crear capas de formas, cuando creas una capa de forma usando la herramienta de capa de forma, automáticamente te da un trazo y un relleno. Entonces tiene sentido que desde el principio tengas las opciones de agregar todos estos Eso cubre los atributos de capa de forma de trazo de relleno, relleno degradado, trazo ingradiente 12. 02.10 Color de trazos, opacidad, ancho: En esta lección, vamos a repasar Atributos de trazo, enfocándonos en el color, la opacidad y el ancho del trazo Así que sigamos adelante y creamos una comp. Vamos a hacer clic en el icono Crear nueva composición aquí. Y sólo vamos a llamar a este trazo Atributos. Realmente no importa cómo crees tu capa de forma aquí, ya que nos estaremos enfocando principalmente en trazos, solo voy a crear uno de la manera que me gusta escribir. Haga clic en Nueva capa de forma y puede ser cualquier forma. Voy a crear un rectángulo y voy a agregar un trazo. Y voy a aumentar ese ancho de trazo a 15 píxeles. Y luego voy a abrir el camino rectangular y aumentar el tamaño de este para que podamos echarle un mejor vistazo. Hagamos este trazo un poco más grande. Digamos 50 pixeles. Bien, entonces ahora si abrimos nuestro trazo uno aquí debajo de nuestra capa de forma, podemos ver que en realidad hay muchos controles que tenemos para nuestro trazo. Lo primero que notarás es que nuestro color tiene un cronómetro, que significa que es clave encuadrable. Vamos a establecer un fotograma clave al comienzo de esta capa. Adelante un poco, cámbialo a rojo, avanza un poco más, cámbialo a amarillo, y vas un poco más hacia adelante, cámbialo a azul. Si terminas de bucle en esta área, presiona cero en tu teclado para reproducirla. Ahora podemos ver cómo nuestro color puede ser fotogramas clave, por lo que se mueve de un color a otro. Entre estos fotogramas clave, está cambiando su valor, está cambiando los colores entre los fotogramas clave Este fotograma clave aquí es un rojo sólido. Este es blanco, pero en el medio hay una mezcla de esos. Lo mismo entre el segundo y el tercero. Este es un rojo y va a un amarillo. En el medio, vemos que es más como un naranja y de amarillo a azul en el medio, un verde. Si querías que estos cambiaran drásticamente, donde simplemente va de blanco a rojo, amarillo, azul, una cosa que puedes hacer es si resalta todos esos fotogramas clave, haz clic derecho y elige alternar Mantener fotograma clave No hace el cambio de valor hasta que tu cabeza de reproducción llegue al siguiente fotograma clave Si lo ves, simplemente cambia abruptamente a los colores reales que hemos elegido controlar Haga clic de nuevo en el, cámbielos de nuevo a fotogramas clave lineales. Si golpeas nueve, los hace más bezier. Quite estos fotogramas clave. Simplemente mantendremos esta blanca para esta siguiente sección. Vamos a la opacidad. Haz que tu trazo sea cero. La opacidad es transparente. La capacidad 100 es la más brillante que puede ser. Nuevamente, esto es keyframable, querrías que lo haga flash Por ejemplo, vaya 0-100 apagado y encendido así Resalta esos, mantén presionado el fotograma clave y reproducirlo. Y vemos cómo podemos crear un flash si no alternas los sostienes y juegas, ves que se desvanece entre sí y se desvanece entre sí Eso lo dejaremos a 100 trazos de ancho, lo dijimos a los 50. Esto es clave marco, se puede cambiar el ancho Es el mismo principio que con nuestro color y nuestra opacidad Puede cambiar lentamente el ancho del trazo. O si resalta todos estos fotogramas clave con clic derecho, alternar y mantener, saltará a los diferentes tamaños. Depende de lo que vayas a buscar en tu animación. 13. 02.11 Unición de líneas y límite de líneas: Si nota que tenemos tapa de línea, y si hace clic en el menú desplegable, hay tres opciones, pero tapa, tapa redonda y tapa de proyección. Estas diferencias son más notorias en los caminos. Así que sigamos adelante y creamos un camino muy rápido. Vamos a crear sólo dos puntos aquí. Voy a hacer zoom en esto. Centrémonos en este camino con tope trasero, que es lo que por defecto tiene El trazo termina al final del camino, lo que significa que estos dos vértices son la longitud del camino Elegir culata solo significa que se va a cuadrar en cada extremo del camino Si elegimos tapa redonda, se extiende más allá de ella, pero con un semicírculo redondeado proyecta Simplemente se extiende ligeramente más allá de ella Con una línea de remate cuadrada, la unión afectará a las formas y trazados con más de dos vértices Ahora mismo tenemos lo que se llama mitor join, y eso es solo una conexión puntiaguda Tapa redonda y unión redonda, tienen el mismo efecto en lo que están afectando. Mientras que el camino, un extremo redondeado, unión redonda, hace que las esquinas de nuestro rectángulo tengan una esquina redondeada. Entonces la otra opción es unión biselada, y eso nos da un borde biselado Es como una conexión cuadrada. Está en algún lugar entre una conexión puntiaguda y una conexión redonda. Si elegimos unión biselada, vemos cómo cuadra la desconexión. Recuerde, el límite de línea va a afectar sus trazados que están en segmentos de línea. Entonces podemos sumar más puntos aquí y se puede ver el efecto que tiene sobre esto. Entonces, si nos gusta un zig zag, podemos ver cómo solo afecta a los extremos de ellos. Pero ahora si elegimos la unión redonda, va a redondear estos segmentos que están entre los extremos del camino. límite de línea solo afecta los extremos de tu camino, y tiene sentido. Eso no va a afectar realmente a una forma. Porque si el límite de línea afecta los extremos de un camino, bueno, una forma realmente tiene un final de un camino porque está todo conectado. Una buena manera de recordar esto es que el límite de línea afectará a los trazados, solo la unión de líneas afectará a las formas. Y caminos con más de dos vértices. Dependiendo de cuán extremos sean tus vértices, va a ser más notorio como si estos estuvieran más cerca entre sí, puede que no sea tan notorio como si nos gusta una unión redonda y una gorra redonda Ver, estos son en realidad redondeados. Aunque realmente no puedes decir hasta que empiezas a salir un poco más extremo para notar la diferencia. 14. 02.12 guiones de trazos: Bienvenido de nuevo a nuestras lecciones sobre atributos de trazo. Hasta ahora, hemos cubierto el color, la opacidad, el ancho del trazo, la línea, límite y la combinación de líneas En esta lección, nos vamos a centrar en guiones, que se encuentra debajo de la unión de líneas Así que vamos a hacer clic en Agregado Grupo Dasher. De inmediato, ya vemos el efecto que esto tiene. Si no lo eliminas, simplemente presiona el botón menos y se lo quita. Ahora bien, la razón por la que esto está afectando tanto al rectángulo como al camino es porque dentro de mi capa de forma, he agregado la forma que es esta ruta que he dibujado y esta ruta rectangular. Entonces me voy a adelantar y simplemente deshacerme de esta forma con el camino para que así podamos enfocarnos solo en nuestro rectángulo por ahora mismo. Bien, sigamos adelante y volvamos a agregar nuestros guiones. Lo primero que hay que tomar nota es este número al lado de nuestro. Si aumentas, el número de guiones disminuye. Y si disminuye este número, el número de guiones aumenta Se acercan más y aumentan de tamaño. A medida que el número se hace más grande, se ven más espacios entre ellos y menos. Verás, podemos subir todo el camino muy alto. Al 854, sólo hay dos guiones. Aquí es realmente donde quieres trabajar en conjunto con tu ancho de trazo. Bien, así que hagamos el trazo con un poco más delgado para ver cómo afecta a la línea de trazos. Y luego vamos a darle una unión redonda y aquí se encuentra un desplazamiento de tapa redonda. A medida que ajusta la configuración del desplazamiento, puede ver cómo mueve los guiones alrededor de la trayectoria del trazo Ambos son clave encuadrables. Establezca un fotograma clave para el desplazamiento en cero y avance y tal vez muévalo solo a algún número aleatorio. Y si lo miras, así es como puedes conseguir que tus guiones se muevan por la plaza Al alterar este desplazamiento aquí, guiones de fotogramas clave. A lo mejor hagamos este 35 y veamos qué pasa. Una animación interesante. El punto es, es que tienes muchas opciones con guiones y con el offset Si resaltas guión y vuelves a golpear plus, obtienes una opción llamada gap. La brecha por defecto es de diez. Cuanto mayor sea la brecha que hagas, más distancia va a haber entre cada uno. Esto es clave encuadrable, por lo que puedes animarlo de muchas maneras Se pueden sumar hasta tres. Y controles de gap, Highlight , dash, plus, nuevamente obtenemos dos plus, nuevamente obtenemos gap two plus, nuevamente obtenemos tres plus, nuevamente obtenemos gap tres. Observe que ya no tenemos la opción de agregar más guiones o huecos A medida que empiezas a jugar con algunos de estos ajustes, puedes hacer algunas cosas muy interesantes con tu trazo. Ahora puedes tener tres controles diferentes para tus guiones y tus brechas y cómo interactúan entre sí El jugador en este offset realmente consigue algunas miradas interesantes. Estas brechas se ven afectadas por los guiones y brechas anteriores. Lo que quiero decir con eso es esto. poner todo esto de nuevo en diez. Este dos se ve afectado por uno. Esto es interactuar con uno como lo es esta brecha aquí. Gap tres ahora está interactuando con todo lo anterior. Esto de aquí se está viendo afectado por 2.1 Lo mismo con nuestra brecha. A medida que aumentamos eso y lo disminuimos, está afectando la brecha uno y la brecha dos. Si quieres deshacerte de alguno de estos guiones o huecos, simplemente pulsa el botón restar y va a eliminarlos de la posición más baja No importa cuál. Ha resaltado avisos con un valor de 27. Si golpeas restar, sigue ahí. El atributo que estaba en la posición inferior fue el hueco tres. Entonces ese es el que se quitó al golpear restar. Se retiran en el mismo orden en que se agregaron. Siempre puedes volver a agregarlos, pero volverán a caer a su original, que son diez. Y si quieres deshacerte de tus guiones por completo, solo presiona el botón menos aquí y tu trazo volverá a una línea sólida Los atributos son trazo de opacidad de color con fotograma clave con su Sin embargo, tu unión de línea no es sino tu trazo de opacidad de color con, si agregas guiones, el guión en el desplazamiento y la brecha, si agregas un hueco son todos fotogramas clave Si quieres tener algo que esté parpadeando o si quieres que los colores salgan y se enciendan, quieres resaltar todos estos clic derecho mantén presionado el fotograma clave para que salgan y se enciendan De lo contrario, se mezclarán entre sí e incluirán valores entre los fotogramas clave, Eso es atributos de trazo. 15. 02.13 Revisión de la sección 02: Esta sección estaba repleta de información muy detallada y densa, pero te proporciona una base muy sólida para entender cómo trabajar con capas de formas y también cuáles son los aspectos técnicos de las capas de forma. Si hay algo de lo que no estás seguro o no sientes que entiendes completamente un concepto, te recomiendo que vuelvas a verlo de nuevo, esa manera lo entiendes completamente. Antes de continuar, en la siguiente sección, estaremos repasando vértices y grupos Comprender los tipos de vértices en un camino y cómo manipularlos te dará más control sobre tus diseños Agrupar y formar capas mantiene tu diseño aerodinámico, pero también te da más control sobre todas las formas dentro de tu diseño. En algunos casos, la agrupación es necesaria. En otros casos, la agrupación no proporcionará el efecto deseado, y en otros casos, la agrupación es opcional. No te preocupes, cubriremos todas estas situaciones a lo largo del curso. Espero volver a verle en la siguiente sección. 16. 03.01 Sección 03: propiedades de capa de forma: Bienvenido de nuevo al Poder de las Capas de Forma, sección tres, Propiedades de Capa de Forma. Me alegra ver que estás progresando este curso Ahora que has aprendido todo sobre la jerarquía de capas de formas Los diferentes tipos de propiedades de transformación, las diferencias entre caminos y formas. Y cómo agregar billetes y trazos y todos los componentes que componen los trazos. Hablemos de vértices y agrupación. El plural de vértice es vértices. Entonces cada vez que estoy hablando de vértices, simplemente me refiero a más de un vértice Piénsalo como un punto de parada para un camino. Una línea recta tiene dos vértices y un rectángulo tiene cuatro Existen diferentes tipos de vértices y diferentes formas en las que puedes manipularlos para sacar el máximo provecho a tus diseños También vamos a repasar la agrupación. Agrupar se refiere a organizar una forma en su propio compartimento donde tiene sus propios trazos de relleno y herramientas de animación que son específicas de sí misma. Solo puedes agrupar completamente una forma en todos sus atributos, o puedes agrupar una forma en algunos de sus atributos. Como siempre que tenga un relleno, un trazo y una herramienta de animación debajo de más de un grupo. Cubriremos todo esto en las próximas lecciones. Hay mucho por lo que pasar. Vamos a sumergirnos directamente en. 17. 03.02 Entrenamiento básico de vértices: En esta sección vamos a repasar vértices. Vértices es el plural de vértice. Cada forma tiene vértices y cada camino tiene al menos dos. Profundicemos en esto. Primero, vamos a crear una composición. Simplemente haremos clic en nuestro icono de composición aquí y nombraremos este comp vértices elegir. Bien. Entonces hagamos que nuestra ampliación se ajuste al tamaño de nuestra comp Ahora la forma en que puedes controlar los vértices difiere dependiendo de lo que quieras hacer con ellos y de cómo los crees. En primer lugar, vamos a crear una nueva capa de forma. Y vamos a agregar en un rectángulo. Y le daremos un trazo a esto, haremos este rectángulo un poco más grande, haremos que el trazo sea un poco más grueso. Ahora mirando este rectángulo, podemos ver que tiene todos estos puntos. Puede parecer que estos son vértices, pero realmente no lo son No se pueden manipular estos puntos. Simplemente hace que tu rectángulo sea más grande o más pequeño si quieres convertir estos puntos en vértices. La forma de hacerlo es hacer clic derecho en la ruta rectangular y ver que tenemos esta opción para convertir a ruta Bezier Una vez que hacemos eso, ahora tenemos un camino que realmente puedes manipular. Voy a deshacer eso, así realmente puedo llevar este punto a casa. Mira donde dice camino uno. Cuando lo deshago, vea que dice camino rectangular. Si ves trazado rectangular o trazado elipse o trazado poliestrella, no tienes vértices que realmente puedas manipular Esto tiene que ser un camino bezie, no un camino rectangular o un camino elíptico, o algo Tiene que ser un camino Bezie. Vamos a hacer clic en Path, y ahora podemos ver cada esquina tiene estos vértices. Ahora, esto se ha convertido en un camino Bezier. Podemos mover estos vértices de la manera que queramos. Estos también son fotogramas clave. Pongamos un fotograma clave en nuestro camino aquí. Avanzamos un poco. Podemos mover esto aquí, e ir un poco más adelante. Podemos mover eso ahí. Y luego si lo vemos reproducir, podemos ver cómo podemos mover este camino. Si esto es solo un rectángulo planol, no hay manera de hacerlo Nuevamente, voy a añadir de nuevo en nuestro rectángulo. Ir a un nuevo rectángulo. Esta vez es un campo, así podemos verlo más fácil. Y solo volveremos a aumentar el tamaño de la misma. A ver no podemos manipular estos puntos. Solo hace que el rectángulo sea más delgado o más gordo, o más alto o más corto Para manipular vértices, esta ruta rectangular tiene que ser convertida a una ruta bezier Haré lo mismo por otras formas. Vamos a agregar una elipse. Le daremos un relleno a eso. Ahora ve con claridad tenemos estos cuatro puntos. Si los juntamos, solo cambian el ancho y la altura de nuestra forma. Sin embargo, si hacemos clic derecho y convertimos el trazado de elipse en un trazado bezier, ahora todos estos puntos se vuelven Y puedes hacer todo tipo de cosas geniales con esto. Y de nuevo, estos son todos claves enmarcables, lo que significa que puedes idear todo tipo de diseños y hacer que hagan todo tipo de cosas geniales Lo más importante a recordar con esto es que si quiere manipular los vértices de una forma, se tiene que convertir a un camino bezier ¿Bien? Y esto es cierto incluso si creas una forma usando tu herramienta de capa de formas. Entonces usemos una herramienta de polígono y vamos a crear un polígono aquí, polígono y poliestrella Se nota aún más porque aquí no vemos los puntos de esquina, pero no podemos volver a hacer nada con él. Simplemente lo hace más corto, más alto, más ancho. Sin embargo, hacemos clic derecho en nuestro camino polystar aquí mismo, convertimos a ruta Bezier Ahora vamos a tener nuestros cinco puntos que podamos manipular y hacer algunas cosas geniales con ellos. 18. 03.03 Vértices lineales contra Bézier: Ahora repasemos las diferencias entre los vértices em lineales, Bezier. Voy a agarrar mi herramienta pluma y solo voy a dibujar una forma aleatoria. Todos estos vértices por defecto son lo que se llama un vértice lineal, lo que significa que no hay asas para tirar de esto, no podemos redondear las esquinas Eso es en lo que está establecido nuestro valor predeterminado. Hay dos tipos de vértices. Tenemos lineal E bezier. Bezier simplemente significa que puedes redondear las esquinas, darte asas, puedes hacer cosas más creativas con tu Un vértice lineal no te permite hacer esos tipos, por lo que todos estos vértices son Entonces, deshagámonos de esto. Quiero mostrarte la diferencia entre eso y un camino de vértice Bezier Con nuestro lápiz, vamos a hacer click izquierdo y arrastrar, Clic izquierdo y arrastrar, click izquierdo y arrastrar. Entonces tenemos estos mangos, ¿de acuerdo? Nuestro último texto será nuestro primer vértice. Si damos click alrededor, todos estos tienen asas como podemos ver. Si escribes, da clic en cualquiera de estos y luego da clic en roto bezier Perdemos nuestras asas, Ver no tenemos más asas. Cualquiera que sea la redondez que teníamos ahí antes es la redondez con la que estamos atrapados Sin embargo, podemos volver atrás si escribimos clic y desmarcamos roto bezier Ahora todos nuestros mangos están de vuelta. Ahora bien esto no funciona a la inversa. Lo que quiero decir con eso es deshacernos de esa capa de forma. Y solo voy a crear una forma usando vértices lineales Mira no estoy arrastrando, solo estoy haciendo puntos. Ahora si escribo, haga clic en decir en este vértice y elijo roto bezier, No importa en cuáles haga clic, nunca obtengo esas asas. Esto realmente solo funciona si comienzas con un camino de vértice bezier Hay momentos en los que vas a querer que estos mangos estén aquí. Depende de lo que estés creando, ya sea solo una forma o tal vez un personaje. A veces querrás estos y luego hay momentos en los que quieres ser un vértice lineal Pero ten en cuenta que hay algunas diferencias en lo que eres capaz de hacer con sea o no un vértice lineal o un vértice bezier Ahora entremos aquí y creamos una nueva capa de forma. Y luego agreguemos una elipse. Aquí vamos a hacer un derrame cerebral. Hagamos clic derecho en nuestro trazado elipse y convertiremos a trazado bezier con Estos automáticamente van a ser vértices bezier por razones obvias porque es un círculo. Ahora bien, si agregamos un rectángulo, y luego lo convertimos en un trazado Bezier, estos son lineales porque es una esquina dura, es una esquina de 90 grados Siempre que conviertas un rectángulo a una ruta de bezier, va a tener vértices lineales Para elipses, va a tener vértices bezier. Lo mismo va a ser cierto para algunas de nuestras otras formas. Consigamos nuestra herramienta de forma y vamos a crear un rectángulo redondeado. Bien, entonces si creamos eso, obviamente hay algo de redondez pasando aquí Si escribimos, pulsamos sobre nuestro trazado rectangular, convertimos a trazado Bezier, y ahora podemos ver que estos son vértices bezier porque tiene que crear algo de redondez para ello tiene que crear algo de redondez para Cualquier forma que sea redondeada, una vez que la conviertas en un camino bezier, tendremos vértices bezier Cualquier forma que tenga esquinas duras como un cuadrado o un polígono, o una poliestrella, esas siempre tendrán por defecto vértices lineales Sin embargo, si los creas a mano, agarra la herramienta pluma y dibujas alguna forma. A menos que hagas clic y arrastre, van a ser vértices lineales Entonces como por ejemplo, esto es un lineal, esto es lineal. Este hago clic y arrastre, así que eso es un bezier. 19. 03.04 Conversión de formas a rutas de Bézier: Vamos a crear un rectángulo y luego vamos a darle un trazo. Los rectángulos y elipses son especiales ya que tienen estos ajustes separados para la posición y Para los rectángulos, también tienes esta redondez. Una vez que conviertas esta ruta rectangular en una ruta Bezier, pierdes esas funciones Ahora ya no tienes el tamaño y posición y la función de redondez que tenías antes Eso es algo que en realidad es muy importante. Al igual que si quieres hacer esto más amplio ahora y es posible que no te quedes en un camino perfectamente recto, puedes irte así. Uno de los beneficios de trabajar con formas a diferencia caminos es que tendrás estos controles extra como con el tamaño, podrás cambiar muy fácilmente tamaño de las mismas o la posición de las mismas, la redondez de las mismas, y perderás toda esa funcionalidad cada vez que conviertes a un camino bezier Y verás, te voy a mostrar de la misma manera con una elipse. Siempre que tuvieras una elipse, solo dale un trazo. La trayectoria de elipse tiene este tamaño y tiene estas opciones de posición aquí Puedes desmarcar eso. Bueno, una vez que conviertes eso a un camino más bezier, ya no tienes Ahora es solo un camino así que no tienes esos controles para la posición y para el tamaño. Así que algo a tener en cuenta a medida que comienzas a adentrarte en formas y animaciones más complejas. Hay veces en las que realmente quieres tener una ruta rectangular o una ruta elipse en lugar de solo una ruta bezier en plan 20. 03.05 Cómo establecer un primer vértice: Hay otra cosa que quería tocar cuando se trata de vértices, y es establecer un primer vértice Así que vamos a crear una forma. Vamos a agregar un rectángulo y darle un trazo, y tal vez aumentarlo un poco. Ahora hagamos clic derecho sobre una ruta rectangular y luego convertiremos a ruta bezier. Siempre que tengas un camino más bezier, siempre va a haber un Es más grueso que los demás en este caso es este superior derecho de aquí. Ahora la razón por la que esto es importante es, y entraremos en esto con más detalle más adelante. Si agregas algo así como un Trempass, este porcentaje final va a controlar la animación por cómo comienza y termina Como puedes ver mientras recorrimos esto, está comenzando y terminando con ese primer vértice ¿Y si tu animación lo requiere para comenzar de nuevo en este vértice de aquí Siempre puedes compensarlo con este porcentaje de compensación aquí, pero es un poco engorroso y no son tiempos exactos Es posible que obtenga como la mitad de un grado en el que necesite comenzar su animación. Esto puede ser un poco confuso, pero entraremos en Tripas más tarde y tendrá mucho más sentido El punto que estoy tratando de hacer es si quieres controlar dónde comienza y termina tu animación, cada vez que añades un pase de recorte, necesitas poder establecer tu primer vértice Y la forma en que lo haces es decir que queremos que comience desde esta esquina aquí, bueno simplemente da clic en ese vértice, clic derecho en la máscara de forma y trayectoria, y elija establecer primer vértice Cuando hagas clic en eso, tu animación comenzará y terminará a partir de ahí. Una de las cosas a tener en cuenta es que cuando tienes un camino, siempre puedes sumar más puntos. Elige tu herramienta de pluma. Solo agreguemos algunos puntos más aquí ahora. Digamos que queremos que nuestra animación comience y termine desde este vértice Clic derecho, forma de masa y trazado establecen primer vértice y ahí vamos 21. 03.06 Entrenamiento básico para grupos: Bien, en esta lección, vamos a repasar grupos. Primero, vamos a crear nuestra composición. Simplemente golpearemos este ícono aquí para crear una nueva composición, y llamaremos a esto Grupos. Haga clic. Bien, sigamos adelante y creamos una Capa de Forma. Haremos clic derecho en esta área aquí, esto a la izquierda de nuestra Línea de Tiempo, Nuevo. Y desde el menú pop out, vamos a elegir la capa Shape como hemos visto antes. Obtenemos una capa de forma de after effects, pero nada en nuestro contenido. Entonces tenemos que entrar y agregar nuestros contenidos. Entonces lo primero que voy a hacer es ir a agregar. Vamos a agregar un grupo. Los grupos son importantes porque hay una manera de controlar cada forma dentro de su capa de forma. Querrás usar grupos cuando necesites controlar las propiedades de transformación de algunas o todas tus formas de forma independiente. Pasemos por un ejemplo. Bien, entonces dentro de este primer grupo, agreguemos una elipse Y le daremos a esa elipse un relleno y un trazo. Y como podemos ver desde nuestro panel de capas de formas aquí arriba, obtenemos nuestro trazo blanco predeterminado que tiene dos píxeles de ancho y nuestra píldora roja predeterminada. Entonces solo voy a cambiar esto a tal vez un azul Haz el trazo, diremos naranja. Y aumentemos nuestro trazo a tal vez 20. Ahora abramos nuestro camino elipse, que está dentro de nuestro grupo Y solo aumenta esto para que podamos verlo un poco mejor aquí. Una de las cosas que puedes hacer con los grupos es que puedes cambiarles el nombre. También puedes cambiar el nombre de tus trazados de elipse y llamarlos como quieras Hasta tus trazos y tus rellenos. Y la forma en que lo haces es simplemente resaltar lo que sea que quieras cambiar el nombre y pulsa Return o Enter en nuestro grupo uno. Vamos a golpear Enter, llamado a este círculo. Y luego con los contenidos resaltados nuevamente, queremos agregar otro grupo y vamos a nombrar este rectángulo. Después dentro de este grupo de rectángulos, sigamos adelante y agreguemos un rectángulo así como un trazo y un fil. Hagamos este trazado elipse y trazado rectangular del mismo tamaño en píxeles Así que mira nuestro camino de elipse. Cambiemos, digamos, a 550. Y haremos nuestro camino rectangular también, 550. Nuestro trazo para el trazado de elipse se establece en 20, así que hagamos nuestro trazo rectangular también 20 Simplemente podemos dejar los ajustes predeterminados para el campo y el trazo para el trazado rectangular. Bien, ahora aquí hay dos grupos, círculo y rectángulo, y como mencionamos antes, tenemos propiedades de transformación para toda la capa de forma. A medida que comenzamos a mover nuestras propiedades de transformación para la propia capa de forma, podemos ver cómo estas se mueven juntas. Bueno, ¿y si queremos que estas formas interactúen por separado en nuestro grupo circular? Tenemos propiedades transformadas para ello. Para que podamos tomar nuestra posición y decir que queremos moverla por aquí. Para el grupo rectángulo, podemos abrir nuestras propiedades de transformación y moverlas al otro lado. De la manera más básica, puedes ver cómo los grupos son importantes si quieres controlar tus formas independientemente unas de otras. Pero no es solo la posición y la escala lo que puedes controlar con estos ajustes, también puedes controlar la rotación. Puedes agregar algunos guiones. Este es un script común si haces clic Alt en rotación y solo escribes tiempos de tiempo 20. Y repasaremos algunas expresiones y guiones más a medida que vayamos a través de estas lecciones. No vamos a adentrarnos demasiado en eso porque ese es un curso completamente distinto. Pero este es un guión muy básico que se usa con bastante frecuencia. Y vamos a seguir adelante y bucle esto a 2 segundos. Así que pon nuestro cabezal de reproducción a los 2 segundos. golpe para recorrer esa área y presiona cero en tu teclado numérico. Y así ver podemos mover ese rectángulo independientemente de nuestro círculo. Por lo tanto, agregar grupos es una forma muy sencilla de controlar múltiples formas dentro de una capa de formas. Ahora, puede haber veces que quieras solo una forma por capa de forma, pero definitivamente hay momentos en los que vas a querer más de una forma dentro de una capa de forma. Te voy a dar un ejemplo traído en este archivo de proyecto para un personaje que creé hace un tiempo. Y vamos a echarle un vistazo. Lo llamé Bob. Entonces abramos nuestra comp de Bob. Y aquí está Bob saludándonos. Ahora bien, si entramos en nuestro Bob pre comp aquí, puedes ver que estas son todas capas de forma para todas las partes del cuerpo. Esto es algo que voy a mostrar en otro curso. Pero solo para que lo sepas, puedes crear personajes enteros usando solo capas de forma. Ahora una de las formas en que creo a mis personajes es que pondré la cabeza de un personaje en una capa de forma. Voy a solo esta capa aquí para cabeza. Y vamos a acercar aquí muy rápido. Entonces esta es una de esas instancias en las que quieres más de una forma dentro de una capa de forma. Entonces, si abrimos esto, como puedes ver esto tiene múltiples formas dentro de esta capa de una forma. Y todos estos son solo círculos, elipses, polígonos, cosas Entonces mira como dentro de nuestro grupo de cabellos aquí, si nos lo quitamos, puedes ver que este es su pelo. Incluso dentro de nuestro grupo de cabellos, tengo otros cinco grupos que le conforman la cabellera. Entonces, el objetivo de mostrarte esto es hacerte saber que definitivamente hay momentos en los que vas a querer más de una forma dentro una capa de formas y ahí es donde entran los grupos. Entonces, los grupos son una forma en la que puedes controlar múltiples formas dentro de una capa de formas. 22. 03.07 Configuración de puntos de anclaje grupal y posiciones para elipses y rectángulos: Ahora una de las cosas únicas elipses y rectángulos es que ambos tienen sus propios controles de tamaño y posición separados Ve, puedes controlar el tamaño de este círculo usando una escala, una escala porcentual dentro de las propiedades de transformación de grupo. O puedes controlarlo usando el tamaño de píxel. Vea este tamaño aquí para la trayectoria de elipse, esto es en píxeles, no en porcentajes, y esa es una diferenciación importante Hay veces que vas a querer un número de píxel específico para el tamaño de tus elipses o tus rectángulos También puedes controlar la posición. Haga clic en Trayectoria elipse y luego presione Y para abrir su herramienta de encuadre alrededor Esto te mostrará dónde está tu punto de anclaje. Mientras tu posición en tu trayectoria elipse esté en cero, tu punto de anclaje será el punto muerto en medio de esa elipse Ahora mira lo que sucede si empiezas a mover tu posición dentro del círculo. Entonces tu punto de anclaje ya no está centrado. Y esto es significativo a veces digamos como si quisieras escalar esto usando tus propiedades de transformación para círculo. Ahora se puede ver que se está escalando desde donde sea que esté el punto de anclaje. Sin embargo, si ajusta su talla , seguirá escalando desde el centro. Esto puede resultar confuso. Mi sugerencia es dejar solo tu posición para elipses y rectángulos Siempre ponlos a las 00 a menos que haya una razón muy específica. Consulta si mueves tu posición aquí. Tu punto de anclaje aún permanece en el centro de esta forma. 23. 03.08 ¿Por qué usar grupos?: En esta lección, vamos a repasar cuando sea útil usar grupos en el nivel muy básico, querrás usar grupos en capas de formas que tengan múltiples formas. Porque quieres tener la capacidad de controlar cada aspecto de cada forma independientemente entre sí dentro de una sola forma, los grupos de capas te permiten hacer esto. Déjame darte un ejemplo. Agrega un polystar y obtendremos este relleno de polystar y un ¿Y si queremos tener un rectángulo en esta capa de forma también? Queremos que estos dos interactúen. Bueno, si agregamos un rectángulo, aunque podamos mover nuestro rectángulo, si abrimos nuestro camino de polystar, en realidad podemos mover nuestro polystar El problema es que ambos tienen el mismo relleno y trazo. hay algunas cosas que puedes hacer con Aquí hay algunas cosas que puedes hacer con la jerarquía de tus capas. Si mueves tu rectángulo debajo del trazo, ahora el relleno se aplicará al rectángulo y al polystar, pero el trazo no se aplicará al rectángulo ¿Y si queremos que el polystar tenga un relleno azul? Bueno, puedes aplicar un relleno solo a la polystar jugando con la jerarquía de estas capas Sólo tienes que añadir un nuevo relleno. Ahora este relleno se aplicará sólo a este polystar. Si cambias este relleno en este nivel solo con relleno para resaltar, dirías que hacemos este azul. De hecho, hará que tus dos rellenos sean azules como puedes ver. Y digamos que si cambiamos algún color en realidad está afectando a ambos rellenos. Lo que tienes que hacer es entrar dentro de este relleno dos y cambiar el color dentro de esta capa aquí. Si cambiamos esto a azul, ahora podemos tener una polystar azul Y en realidad podríamos agregar un trazo a nuestro rectángulo simplemente agregando trazo y luego tirando de él debajo de nuestro camino rectangular. Pero esto puede llegar a ser muy engorroso y puede llegar a ser muy confuso La forma más fácil de lidiar con múltiples formas en una capa de formas es simplemente agregar un grupo. Ahora mira si podemos tirar de nuestro relleno y trazo polystar dentro del grupo uno y luego contenido Vamos a agregar un segundo grupo y vamos a tirar nuestro trazo rectangular y rellenar dentro del grupo dos. Ahora tenemos propiedades transformadas para cada grupo. Déjame poner de nuevo este punto de anclaje. Los controles de rotación central, tenemos controles de opacidad, tenemos cosas así Mientras que antes, si te das cuenta, si abres nuestro camino polystar, aunque sí tenemos rotación, realmente no tenemos un control de tamaño ahora Podemos aumentar el radio interior y emparejarlo con el radio exterior para hacerlo más grande. Pero esto puede llegar a ser muy confuso muy, muy rápido. Una cosa que no tenemos son los controles de opacidad dentro del polystar Lo mismo pasa si abrimos nuestro camino rectangular. Tenemos tamaño y posición, pero no tenemos un control de rotación dentro de la trayectoria rectangular. Al colocar estas formas dentro de un grupo, tienes más controles sobre cada forma individual. Vea nuestro camino rectangular, tenemos control total sobre la posición, sobre la escala. Podemos sesgarla, poner este punto de anclaje de nuevo en el centro. Podemos rotarlo, podemos controlar la elpacidad Si bien hay formas de apilar tus atributos de capa de forma y aún así obtener un efecto similar, los grupos te permiten tener un control completo sobre cada forma. Una de las otras cosas que los grupos te permiten hacer, como mencioné antes, es hacer que tu capa de forma sea más limpia. Entonces como podemos llamar a esta estrella, podemos llamar a esta caja. Así que es mucho más fácil navegar a través de las capas de forma. Si tus grupos son nombrados, volveremos con Bob, volvamos a nuestra cabeza. Y así como pueden ver, si estos no fueran realmente en grupos, sino que en realidad solo estuvieran dispuestos, podría llegar a ser muy confuso muy, muy rápidamente. Si quiero hacerle un cambio a su barba, sé que este grupo de aquí mismo contiene mi barba. Y dentro de eso tengo varios caminos labiales. He surgido caminos que repasaremos en una lección posterior. Así que es mucho más fácil identificar qué formas están en qué grupo y qué controles afectan a qué forma Así que te recomiendo encarecidamente en tus propios proyectos, siempre que estés creando capas de formas, si quieres tener múltiples formas dentro de una sola capa de formas que uses grupos y siempre renombrarles el nombre para que sean mucho más fáciles de encontrar y navegar a través de estas capas de formas. Este es un buen momento para señalar esto también. Me escucharás usando terminología como formas, rutas de capas de formas a lo largo de toda esta lección. Cuando me refiero a una capa de forma, me refiero a la capa real. Como puedes ver aquí mismo. Incluso cuando creas una nueva capa de forma, viene con la capa de forma de nombre. Las formas son las formas que están dentro de la capa de formas. Ver este polystar es una forma dentro de la capa de forma. Solo tenlo en cuenta a medida que avanzamos por estas lecciones. Pero en general, la capa de forma es una capa en sí misma que está controlada por las propiedades de transformación de la capa. Y las formas son formas individuales que tienen sus propios controles, ya sea dentro de grupos o dentro de las formas mismas. 24. Propiedades de transformación de grupo frente a propiedades de transformación de capas: Algo que es muy importante recordar cuando se trabaja con grupos y las propiedades transformadas de esos grupos es recordar que las propiedades de transformación de grupo son relativas a las propiedades de transformación de capa. Y lo que quiero decir con eso es esto, esta composición es 1920 por 1080. Entonces, si bajamos a nuestras propiedades de transformación de capa, vemos que nuestra posición es 960 por 540. Y la razón por la cual es porque esta capa conformada está en el centro de esta comp. 1920/2 nos da 960. De igual manera, 1080/2 nos da 540. Entonces esta capa de forma está en el centro de esta composición, y la posición del punto central de esa es 960 por 540. Entonces ahora si abrimos nuestro grupo, bajamos a transformar propiedades. Veremos que nuestra posición es 00. Lo que eso significa es que este grupo es cero píxeles de nuestras propiedades de transformación de capa. Si tuviéramos que hacer nuestra posición de capa cero, y podemos mover nuestra posición de grupo a 960 y obtener el mismo resultado. Pero te recomiendo que coloques tu capa usando tus propiedades de transformación de capa. Y solo ajusta las propiedades de transformación de grupo como la posición, la escala y la rotación en relación con esa capa. Entonces, si tienes múltiples grupos o formas dentro de la capa de formas, ese sería un buen momento para ajustar posición de tu grupo para desplazarlos. Entonces nuevamente, las propiedades de transformación de capa controlan la posición de la propia capa. Y las propiedades de transformación de grupo son relativas a las propiedades de transformación de tu capa. Esto va también para otras propiedades de transformación como la escala. Así que mira, nuestra escala se establece 100% eso es 100% de las capas 100% Así que digamos que si hicimos nuestra escala 50 para la capa de forma, nuestro grupo sigue siendo 100% de 50. Entonces ahora si disminuimos esto hasta 50% así en este grupo es el 50% de nuestra capa, así podemos moverlo de nuevo hasta 100. Y podemos ver si volvemos a poner a nuestro grupo hasta 100, es el tamaño original. Pero esta escala va a ser relativa a nuestra capa. Así como nuestra posición, nuestro punto de anclaje, nuestra rotación, es todo relativo a las propiedades de transformación de la propia capa. En otras palabras, los valores de tu posición para este grupo no significan que ahí es donde se encuentra esta capa en la composición que está controlada por las propiedades de transformación de capa. Este grupo es cero píxeles desde la posición de la propia capa. Entonces digamos si quisiéramos ir 500 pixeles a la izquierda, negativo 500. Este grupo es ahora negativo a 500 píxeles desde la posición de la capa. Pero su posición en la composición no es negativa 500, en realidad es 460. Y la forma en que sabemos que es 960 -500 es 460. Y sólo voy a sacar a colación un gobernante para mostrarte a lo que me refiero. Si traemos una regla aquí y vamos a los bordes de esta elipse ahí mismo Y cambiamos nuestra posición de grupo de nuevo a cero y movemos nuestra posición de capa a 460. Podemos ver que está en la misma ubicación exacta. Eso es algo que es muy importante recordar, es que las propiedades de transformación de tu grupo son relativas a tus propiedades de transformación de capa. 25. 03.10 Formas de enmascaramiento: Una de las cosas que necesitamos cubrir al pasar por encima las capas de forma es enmascarar las capas de forma. Y hay algunas reglas y algunas cosas que debes entender a la hora de tratar de enmascarar formas. Y los vamos a repasar ahora mismo. Sigamos adelante y creamos una nueva composición usando nuestro nuevo icono. Y vamos a llamar a esto Masking Shapes. Dejo nuestros ajustes donde están y solo golpeo, bien, vamos a hacer click derecho en esta área, esta izquierda de la capa de forma de línea de tiempo. Sigamos adelante y agreguemos una elipse. Y le daremos un relleno. Sólo cambiemos ese relleno a un azul. Vamos a aumentar el tamaño de esta elipse en la misma capa de forma Sigamos adelante y agreguemos un rectángulo. Hagamos estos más allá del mismo tamaño. Hagamos que nuestra trayectoria elipse sea de 500 píxeles por 500. Y el rectángulo también 500 por 500. Ahora sólo vamos a moverlas para que podamos verlas de forma independiente. Vamos a mover nuestro camino elipse negativo 500 píxeles. Y nuestra trayectoria rectangular moverá 500 píxeles. De esa manera están iguales distantes en nuestra comp. ¿Bien? Si quisieras enmascarar esta caja fuerte, por ejemplo, si solo quisieras ver aquí la mitad de esta elipse Hay una manera de hacerlo usando herramientas de capa de forma. Una de esas formas es fusionar caminos, que vamos a repasar en una lección posterior. Pero por ahora quiero mostrarte lo que pasaría si tratas de hacer eso con una máscara. Simplemente agarramos esta herramienta rectangular. Lo primero que debes saber cada vez que intentas enmascarar una forma es que hay dos opciones para aplicar esta herramienta de rectángulo. Y están justo aquí, Esta estrella y esta caja de transparencia aquí. Si notas si pasas el cursor sobre la estrella, dice que la herramienta crea forma que está habilitada por defecto Y la razón por la cual es porque después efectos cree que si estás agarrando una herramienta de capa de forma que quieres crear una forma No cree que quieras enmascarar una forma. Aunque puede enmascarar una forma, la configuración predeterminada siempre es crear una forma. Si haces clic en este botón de máscara o si agarras tu herramienta Pin, verás que esta estrella está encendida por defecto. Puedes activarlos y apagarlos. Ahora bien, si trato de enmascarar esta forma con la Herramienta Crear Forma, solo va a crear otra forma. Eso no es lo que queremos. Lo que puedes hacer es elegir esta caja aquí. La herramienta crea una máscara. Ahora esto va a crear una máscara, pero mira lo que pasa. Si quisiera decir que solo usa la mitad de esta elipse aquí, voy a cambiar de nuevo a nuestra herramienta rectángulo porque estas dos hacen lo mismo, ambas crean máscaras Voy a dibujar una caja y ver, ahora está agregando esta máscara. Pero ahora el rectángulo de aquí desapareció. Y podemos cambiar nuestra configuración de máscara de Ad a restar. Y tenemos la otra mitad de nuestra elipse. Pero ahora nuestro rectángulo está aquí también. Bueno, podrías crear otra máscara y simplemente enmascararla si no querías que cambiara esta máscara para restar Esto es un montón de pasos innecesarios. La mejor manera de hacerlo es con caminos de fusión. Pero sí quiero que seas consciente de que puedes enmascarar formas. Simplemente puede ser un poco engorroso y realmente no tienes mucho control Ahora bien, si solo tienes una forma en tu capa de forma, esto puede ser más efectivo. Como, por ejemplo, saquemos este camino rectangular y digamos que solo teníamos nuestro camino elipse, vamos a volver al centro Observe que si mueve el camino de sus labios con sus ajustes de posición dentro de su camino, la máscara no va con él. Y la razón por la cual es porque la máscara se aplica a la capa de forma, la capa misma, no a los caminos de forma individuales dentro de tu capa de forma. Algo que es muy importante de entender. Siempre que aplicas una máscara a una capa de forma, la aplica a la capa. No se pueden enmascarar estas formas individualmente. Para tener ese efecto, es necesario usar rutas de fusión. Pasemos esta máscara y veamos, realidad no podemos obtener la mitad de una elipse Puede haber momentos en los que sea útil hacer esto, pero recomiendo encarecidamente aprender caminos de fusión porque tienes mucho más control. Y esto puede volverse engorroso o casi imposible si tienes muchas formas o como muchos grupos dentro de una capa de formas, simplemente no podrás enmascarar formas individuales Deshagámonos de esta capa de forma aquí y comencemos de nuevo desde cero y hagamos una nueva capa de forma. Voy a crear grupos. Vamos a crear un grupo y vamos a hacer una elipse. Tienes esa sensación de elipse. Cambia eso un poco y aumentemos el tamaño de nuestro camino elipse. Duplicemos grupo. Una vez que tengamos el grupo dos, vamos a agregar un rectángulo y eliminar esta elipse Cambiemos esta ruta rectangular a un color diferente para que podamos diferenciar los dos. Voy a simplemente aumentar mi camino rectangular para que así podamos ver ambos. Permítanme cambiar esto para que podamos hacer un mejor seguimiento de nuestro grupo. Diremos círculo y nombre grupo dos cuadrados. Ahora, ¿qué pasa si solo quiero tener un semicírculo? Si tomo mi herramienta rectángulo y luego habilito la herramienta crea máscara y digo que quiero enmascarar el lado izquierdo de la elipse. Vigila lo que sucede. También vuelve a enmascarar nuestro cuadrado, la razón por la cual es porque la máscara se está aplicando a la propia capa de formas, no a los grupos individuales o las formas individuales dentro de los grupos. Usted es extremadamente limitado. Si intentas enmascarar una forma que tiene más de una forma, recuerda siempre que por defecto va a Herramienta crea forma. Si agarras una herramienta de pluma o una herramienta de forma y tienes que cambiarla físicamente a herramienta crea máscara. Para enmascarar fuera de forma, más importante que debes recordar en esta lección es si quieres alterar tus formas enmascarando ciertas áreas, o solo incluyendo ciertas partes de la forma, necesitas usar pads de fusión, que vamos a repasar en una lección posterior. Te recomiendo encarecidamente que te quedes por eso y lo revises. 26. 03.11 Crea formas a partir de texto: Bien, entonces para esta lección, en la siguiente lección, vamos a repasar la conversión activos que no son de forma en capas de formas. En esta lección, vamos a cubrir la conversión de texto en formas. Y en la siguiente lección, vamos a cubrir la conversión de imágenes vectoriales en formas. Para convertir texto en formas, lo primero que necesitas es algún control de texto T para que aparezca tu herramienta de texto. Y luego vamos a escribir las capas de forma son geniales. Voy a subir a mi pestaña de capa y luego ir a Transformar Enlist centro punto de anclaje y capa de contenido o control Todo tomo, eso pone nuestro punto de anclaje justo en el medio de nuestro texto. Entonces vayamos a nuestro panel de líneas y solo alineemos esto al centro de nuestra composición. Ahora una de las cosas que debe recordar sobre la conversión de formas a partir de texto es que las capas de forma tirarán sobre tus rellenos y tu trazo. Observe en nuestro texto aquí, solo tenemos un relleno. No tenemos un derrame cerebral. Ahora voy a agregar un trazo. Si haces clic en este cuadrado, esto justo detrás de tu cuadrado de relleno, solo agreguemos un trazo. Entonces voy a ponerla roja. Ahora bien, esto por defecto será el último trazo con el que usaste. Yo usé 11 pixeles. Hagamos que sea siete entonces. Observe que tiene la opción de rellenar sobre trazo y trazo sobre relleno. Cualquiera de estos que elijas se representará en tu capa de forma Voy a elegir llenar sobre trazo. Siempre que convierto esto a la capa de forma, mi relleno vendrá antes de mi trazo. Bien, luego con la capa de texto resaltada simplemente, haz clic derecho y luego elige Crear. Una de las cosas a tener en cuenta aquí es que si estás usando una versión anterior de after effects como antes de 2018, esta opción se verá diferente. En lugar de esta opción de creación con el menú desplegable, verás crear formas a partir de texto y crear masa a partir de texto y algunas de estas otras opciones En esta ventana primaria aquí mismo en versiones posteriores a 2018, tienes esta opción para crear. Puede crear formas a partir de texto o crear masa a partir de texto. Dado que este es un curso sobre capas de formas, nos vamos a centrar en crear formas a partir del texto. Escoge eso. Ahora fíjate que suceden dos cosas. En primer lugar, nuestra capa de texto se ha ocultado. Observe que el ya no está ahí y esta capa de texto no está oculta a nuestra vista. La razón por la que esto sucede es porque después de los efectos asume que convertimos el texto en formas por alguna razón. Y queremos usar la capa shape, no la capa de texto. No obstante, deja ahí la capa como referencia o en caso de que necesites hacer alguna alteración. Bien, ahora vamos a abrir nuestra capa de forma. Si abres contenidos, notarás que tenemos un grupo para cada letra. medida que hacemos clic por aquí, las capas de forma son geniales, cada letra tiene su propio grupo. Vamos a abrir el grupo para S. Elegimos llenar sobre trazo como podemos ver por aquí. Y seguro, nuestro relleno viene antes de nuestro trazo. Y la razón por la cual es porque la capa shape está duplicando nuestra capa de texto exactamente Si hubiéramos elegido trazo sobre relleno, el trazo habría sido lo primero. Una de las cosas que hay que darse cuenta aquí es que cada una de estas letras tiene ahora sus propias propiedades transformadoras. Si abres transformar, fíjate cómo podemos mover cada letra de la manera que queramos. Podemos escalar cada letra. Podemos rotar cada letra. Cada letra tiene su propio control. Ahora note que cada vez que escalamos y giramos, está rotando desde el medio. Y la razón por la cual es porque nuestra capa de formas establece por defecto nuestro punto de anclaje al centro de nuestra capa Aquí está nuestro grupo. Si eliges Y, ahora podemos buscar nuestro punto de anclaje y notar cómo es aquí mismo en la parte inferior de la R. Si quieres que esto esté centrado, tenemos que arrastrar realmente este punto de anclaje al centro de nuestro. Si destacamos H, observe que nuestro punto de anclaje está en el mismo lugar. Tenemos que arrastrarlo. Vamos a saltar un poco más. Vayamos a esta A. Verás, nuestro punto de anclaje sigue estando en el mismo lugar exacto en el que están todas las demás letras. Esa es una de las cosas que debes tener en cuenta es que si quieres ajustar la escala y la rotación con cada uno de estos grupos, debes asegurarte de pasar por cada grupo y centrar tu punto de anclaje. O ponlo en la parte inferior de tu capa, dependiendo de cómo quieras animarlo. Ejemplo, si pongo este punto de anclaje en el centro de mi P. Abramos nuestra P aquí. Puedo escalar esto. Y ahora escalará desde la mitad de la P. Sin embargo, digamos tal vez si quisiera animarlo desde abajo, Si nos estás bajando hasta el fondo, podemos desvincular nuestra Podemos hacer que nuestra carta aparezca o hacer algo así. Si quisiéramos rotarlo, ahora girará desde abajo. Todas las propiedades transformadas operan la misma manera que lo harían para un grupo o capa regular. Pero recuerda, siempre que conviertas texto en capas de formas, tienes que mover ese punto de anclaje sobre cada una de tus letras. Puede llevar un poco de tiempo, pero esto sí te da un control total sobre cada una de tus letras. Entonces puedes ver que hay algunos beneficios al crear capas de formas a partir del texto. Tienes control total sobre los rellenos y trazos de todas tus letras. Y a cada letra se le da su propio grupo con sus propias propiedades de transformación que puedes controlar por completo. Cuando el inconveniente dice, si quieres animar la escala o rotación de tu letra, realidad tienes que tirar sobre tu punto de anclaje y moverlo a la ubicación adecuada, porque tu punto de anclaje no irá por defecto al centro de tu grupo Sin embargo, tienes un control completo y te recomiendo encarecidamente usar este método siempre que quieras hacer animación especializada para texto. 27. 03.12 Crea formas a partir de vectores: Bien, en esta lección, vamos a cubrir la conversión de formas a partir de imágenes vectoriales. Y la última lección, hablamos convertir formas a partir de capas de texto. Tengo algunos íconos que ya he traído. Se trata de imágenes vectoriales. Como nota, este es un archivo AI, este es un EPS. Estas son imágenes vectoriales, lo que significa que puedes hacer estas imágenes tan grandes como quieras sin perder ninguna calidad. Se pueden rasterizar y se pueden hacer del tamaño de una cartelera y tendrán tanta claridad como tienen dentro de su archivo de proyecto Solo para tener en cuenta, las capas de forma también se rasterizan automáticamente, lo que significa que pueden ser de cualquier tamaño y no perder ninguna claridad Voy a traer en este logo de Facebook, pegué S para sacar a relucir nuestra escala. Vamos a hacer esto un poco más grande. Observe cómo la calidad no es excelente mientras que cada vez que tenga una imagen vectorial, tiene que elegir esta opción de capa rasterizada es esta estrella aquí mismo. Ahora mira la imagen. Siempre que haga clic en eso, veré que está claro y ahora no lo es. Así que asegúrate de que si estás usando imágenes vectoriales y las escalas, que las rasterizas para mantener esa claridad Bien, déjeme traer esto de vuelta a nuestro espectador de aquí. Convierte capas de formas, la misma manera que conviertes texto haciendo clic derecho y vas a este menú de creación. Y nuevamente, recuerda en versiones anteriores de after effects no tendrás esta opción de crear, sino que más bien crear formas a partir de la capa vectorial estará en esta ventana emergente principal que ves aquí. Así que sigamos adelante y elegimos crear formas a partir de la capa vectorial. Y notarás que es la única opción que tenemos. Estos otros están atenuados, como capas de texto. Siempre que conviertas imágenes vectoriales en formas, va a ocultar tu capa original aquí. Aún tienes acceso a él, pero está oculto porque After Effects cree que quieres usar la capa de forma en lugar de tu imagen original. Ahora vamos a abrir aquí esta imagen vectorial. Esto es un poco más complejo que las capas de texto. Las capas de texto son muy sencillas. Cada personaje obtiene su propio grupo. Estas agrupaciones se basan en cómo se creó esta imagen ya sea en Illustrator o en algún otro software Los grupos que obtienes aquí están directamente relacionados con cómo fueron creados originalmente. Pero si empiezas a hacer click a través de estos, verás que tienen un trazado en un relleno o un trazo dependiendo de cómo se haya creado. Digamos si este grupo de aquí, si tuviera un trazo en Illustrator, entonces tendría un trazo aquí. Quien hizo este vector solo lo hizo con un relleno y un camino sencillo. Se puede hablar con estos de vez en cuando. Uno de los beneficios de tener tus imágenes vectoriales ahora en las capas de forma es que tienes un control completo sobre cosas como el color. Digamos que este grupo cinco es su antecedente. Bueno, si hacemos clic en nuestro Phil, podemos cambiar esto a cualquier color que queramos. Si quisiéramos hacer Facebook, pronto un logo naranja, nuestro para ser verde, tal vez azul. Tienes un control total sobre esto. Y también puedes animarlos de nuevo, como capas de texto, todas estas tienen sus propias propiedades de transformación Podrías desvanecer este fondo en, puedes escalarlo en, puedes hacer cualquier cosa que normalmente podrías hacer a una capa independiente, porque cada uno de estos grupos ahora tiene sus propias propiedades de transformación. 28. 03.13 Conversión de degradados vectoriales en capas de formas: Entonces, hay casos en los que puede encontrarse algunos problemas convirtiendo imágenes vectoriales en formas. Observe con el ícono de Instagram que tenemos este gradiente. Una de las cosas que después de los efectos no funciona bien es que no interpreta los degradados de los archivos de Illustrator en las capas de forma de After Effects Si escribimos pulsamos en Instagram y vamos a Crear y crear formas a partir de la capa vectorial, veremos que ese color ahora vuelve a ser gris. Es porque los afectos no pueden interpretar correctamente los gradientes de una imagen vectorial Para una capa de forma, el color es en realidad este grupo cuatro aquí. Si abrimos el grupo cuatro, veamos que tiene relleno y es gris. Si vamos a crear esto por nuestra cuenta, tendríamos un relleno degradado e intentaríamos igualarlo. Hagámoslo muy rápido. Ocultamos este relleno aquí, resaltamos el grupo cuatro y agregamos un relleno degradado. Ahora volvemos a encender nuestro ícono de Instagram. Podemos moverlo con solo mirarlo, podemos decir que es un gradiente lineal. Voy a hacer algunos ajustes aquí a nuestro relleno degradado. Vamos a mover nuestro punto de inicio por encima de nuestra coincidencia de endpoints. ¿Ves estas asas aquí? De hecho, puedes agarrar estas asas y combinar la forma en que se ve esto. Bien, ahora vamos a editar nuestro gradiente. Y este color blanco aquí va a ser este más amarillo. Si hacemos click en este cubo aquí, podemos agarrar ese amarillo. Podemos dar click en este cubo con el color negro y agarrar este color sobre el extremo derecho. Puede tomar algo jugando con él, pero definitivamente puedes ver cómo podemos acercarnos bastante al original. Ahora bien, esto tomará un poco más de trabajo para que sea exacto, pero la idea principal con la que quiero comunicarme esto es que si tienes un degradado en tu imagen vectorial, vez que conviertas esa imagen vectorial en una capa de forma, vas a obtener este color gris en su lugar. La razón por la que, nuevamente, es porque después de que Fx no pueda interpretar gradientes de imágenes vectoriales a capas de formas, esas son solo dos formas de crear formas a partir de capas que no son de forma Ten esto en cuenta a medida que avanzas. Puedes hacer algunas cosas realmente geniales con textos convirtiéndolos en capas de forma. Y también puedes tener mucho más control sobre imágenes vectoriales convirtiéndolas en formas. 29. 03.14 Revisión de la sección 03: Ahora que has aprendido todo sobre los conceptos básicos de las capas de formas, los furtices, agrupación, los rellenos y los trazos, y las propiedades de transformación, estás listo para abordar algunas herramientas de animación Aquí es donde pasa toda la diversión. Ahora, si bien puedes hacer bastante con las capas de forma por sí mismas, hay herramientas de animación integradas y efectos posteriores que están diseñados específicamente para capas de formas. Las herramientas de animación hacen que tus posibilidades de diseño sean prácticamente infinitas. En la siguiente sección, aprenderás sobre herramientas de animación básicas y avanzadas. Y al final de este curso, podrás utilizar estas herramientas de animación con confianza y facilidad. Espero volver a verle en la siguiente sección. 30. 04.01 Sección 04: herramientas básicas de animación: Bienvenido de nuevo al Poder de las Capas de Forma, sección cuatro, Herramientas Básicas de Animación. Ahora he desglosado las herramientas de animación en dos grupos, Básico y Avanzado. Las herramientas básicas de Animación son aquellas que solo tienen algunas configuraciones y agregan alguna alteración a tu forma, como torcer una línea, redondear una esquina o afectar la integridad de una forma Si bien estas son herramientas básicas de animación, pueden arrojar algunos resultados bastante impresionantes. Las herramientas avanzadas de animación son aquellas que tienen configuraciones más complejas e intrincadas, como las rutas de recorte, el repetidor y las rutas de fusión Las posibilidades son prácticamente infinitas. Con estas herramientas de animación, puedes usar herramientas de animación para crear diseños gráficos en movimiento como elementos de choza, cajas animadas, ráfagas, iconos en movimiento y mucho más En esta y en la siguiente sección, aprenderás a llevar tu diseño gráfico en movimiento al siguiente nivel. La clave para acostumbrarse a trabajar con herramientas de animación es la experimentación. Te voy a mostrar cómo usar estas herramientas de animación y las repasaremos en algunos tutoriales al final de este curso. Pero te recomiendo encarecidamente que experimentes con ellos para dominarlos de verdad. No te abrumes. Cubriremos todas y cada una de las herramientas de animación a fondo y completamente. Hay mucho por lo que pasar, así que vamos a sumergirnos. 31. 04.02 Esquinas redondas: formas: Bien, la primera herramienta de animación de capa de forma que vamos a cubrir se llama esquinas redondeadas. Primero, vamos a crear una composición usando nuestro nuevo icono de composición. Y sólo vamos a llamar a esto esquinas redondas. Hagamos clic derecho en esta área a la izquierda de nuestra línea de tiempo para obtener una nueva capa de forma. Vamos a empezar con solo agregar un rectángulo y vamos a darle un relleno. Y vamos a hacer algunas cosas en esta lección para mostrarte lo que las esquinas redondas pueden hacer es meter nuestra comp en nuestra ventana. Aumentemos un poco el tamaño de la ruta del rectángulo para que podamos ver lo que estamos haciendo mejor con los contenidos resaltados. Vamos a agregar un esquinas redondeadas. A medida que abres esto, ves que solo hay una opción y eso es para radio. Ahora una de las cosas a tener en cuenta es que el trazado rectangular tiene esta opción de redondez. Las esquinas redondeadas no son realmente necesarias. Si estás usando un rectángulo por sí mismo, puedes aumentar la redondez de este camino rectangular hasta que obtengas una elipse Si usas esquinas redondeadas, puedes hacer lo mismo, solo aumentarlo hasta obtener una elipse Si estás usando un trazado rectangular por sí mismo, las esquinas redondeadas no son muy útiles. Tampoco es muy útil si estás usando un trazado de elipse porque un trazado de elipse ya es redondo adelante y aumentemos esto para que podamos ver algo de la redondez, ¿de acuerdo? Por lo que la jerarquía es muy importante cuando se utilizan herramientas moldeadas. La forma en que las herramientas de forma interactúan entre sí se ve directamente afectada por su jerarquía. Y déjame mostrarte lo que quiero decir con importancia jerárquica. Observe lo que sucede cada vez que agrega otras herramientas con forma. Por ejemplo, si añadimos un fruncimiento e hinchamiento, esta jerarquía está bien Las esquinas redondas vienen antes que el fruncimiento y la hinchazón, y las esquinas redondeadas están afectando a esta capa de forma Y la forma en que puedes notar es si escondes estas esquinas redondeadas, puedes ver el efecto como teniendo. No obstante, si pones esquinas redondeadas debajo de frunce e hinchas, ya no tiene ningún efecto en absoluto ya no tiene ningún efecto Esa es una de las cosas que es importante las esquinas redondeadas es que si lo estás usando junto con otras herramientas de forma, debes asegurarte de que las esquinas redondas sean lo primero. Como se puede decir, hay un límite en cuanto a la cantidad de esquinas redondeadas que tendrán un impacto. Pongamos el radio para esquinas redondeadas de nuevo a cero. Ahora como empezamos a aumentarlo lentamente, vemos el efecto que está teniendo. Sin embargo, en algún momento, ya no afecta nuestra forma. En este caso, un radio de alrededor de 330 o así ya no tiene ningún impacto en nuestra capa de forma. Vamos a deshacernos de este frunce e hinchar y luego también agregar un giro y comenzar a aumentar algunos de estos ajustes para Y como puedes ver, las esquinas redondeadas sí afectan nuestra capa de forma. Y se puede decir si apaga esto, vea la diferencia. Sin embargo, una vez más, si tiras esquinas redondas debajo del giro, ya no tiene ningún impacto en nuestra capa de forma. Nuevamente, asegúrate de que si estás usando esquinas redondas junto con otras herramientas de forma como zigzag, twist y pucker, e hinchar, asegúrate de que las esquinas redondas sean lo primero Sin embargo, hay una excepción interesante, vamos a girt of twist y ahora agreguemos de nuevo un pase offset Vamos a repasar esto con más detalle en una próxima lección. Pero vamos a aumentar la cantidad de trayectorias de desplazamiento. Podemos ver que las esquinas redondeadas está afectando nuestra capa de forma si la apagamos y encendemos. Ahora mira lo que sucede cuando movemos las esquinas redondeadas por debajo de las trayectorias de desplazamiento. Todavía lo afecta, pero sólo de una manera diferente. Si estás usando esquinas redondeadas con trazados de desplazamiento, puedes colocarlo debajo de trazados de desplazamiento, pero va a tener un efecto mucho menos extremo. Sin embargo, si pones esquinas redondas debajo de twist frunce e hinchas en zigzag, las esquinas redondeadas no tienen ningún efecto en tu trayectoria rectangular Nuevamente, las esquinas redondeadas solo tienen un control y eso es para radio. Vamos a agregar en un polystar. Por ahora, sólo vamos a ocultar la ruta rectangular. Entonces aquí está nuestro polystar. Cambiemos esto a un polígono y aumentemos el radio para que podamos tener una mejor idea del impacto que están teniendo las esquinas redondeadas Podemos ver claramente que esto está afectando a este polígono. Ahora bien, si volvemos a encender nuestro camino rectangular, podemos moverlo hacia un lado y ver cómo está afectando a ambas formas. En un caso, las esquinas redondeadas serían útiles si quieres que ambas formas tengan la misma cantidad de redondez. Por ejemplo, si apagamos las esquinas redondeadas, vemos ahora que todas tienen estos bordes afilados. Si aumentamos la redondez de nuestro camino rectangular , solo afecta a nuestro camino rectangular Pero si queremos que el polystar y el trazado rectangular agreguen la misma redondez, simplemente vuelva a encender las esquinas redondeadas y juegue con estos ajustes También observe cómo la cantidad de radio afecta a las capas de forma diferente. Se puede ver que el rectángulo de la derecha se ve afectado de manera diferente al polígono de la izquierda Si aumentas las esquinas redondeadas hasta su máxima efectividad, esta polystar casi se convierte en una elipse Pero se puede ver alrededor de los bordes no es del todo un círculo. Las esquinas redondeadas pueden ser útiles en ciertos casos cuando se desea simplemente redondear las esquinas de un polígono, una poliestrella o un rectángulo Es una herramienta bastante simple con un solo control. También observe que hay un cronómetro al lado del radio, lo que significa que es keyfrable Eso significa que puedes animar el radio. Para que puedas comenzar con el radio más bajo y aumentarlo. O puedes comenzar por el radio más alto y disminuirlo. Sin embargo, lo principal que hay que sacar de esta lección es que si vas a usar esquinas redondas con otras herramientas de forma, asegúrate de que sea lo primero. 32. 04.03 Esquinas redondas: rutas: Bien, ahora veamos qué efecto tendrían las esquinas redondeadas en un camino. Hemos visto cómo afecta a las formas. Agreguemos una nueva capa de forma. Entonces vamos a agregar un camino que automáticamente enganchará a nuestro Pintol Simplemente haz dos vértices aquí para hacer una línea. Agreguemos un trazo, para que podamos ver el efecto que va a tener sobre él. Incrementa eso. Volveremos a subir nuestra regla ahora con el contenido resaltado. Agreguemos esquinas redondeadas. Como puedes ver, no hay ningún cambio cada vez que añades esquinas redondeadas inicialmente. De hecho, no importa qué valor agregue a las esquinas redondeadas, no afectará a una trayectoria de línea recta. Veamos qué pasaría. No obstante, si hacemos un camino, esto no es sólo una línea recta, sino algo un poco más creativo. Si golpeas G en tu teclado, trae tu herramienta Pin, Solo agreguemos algunos vértices para formar esta línea A para conseguir algo un poco más interesante Ahora aumentemos nuestras esquinas redondeadas. Como puede ver, las esquinas redondeadas sí tienen un efecto en un camino que tiene más de dos vértices. Pero si es solo una línea recta, realidad no va a hacer mucho de nada. Esto es clave marco, así que pongamos un fotograma clave a los 0 segundos. Haremos el radio 25 y lo bajaremos a cero en el radio a 1 segundo. Y simplemente bucle eso y ver qué efecto tiene, como se puede ver, en realidad no hace mucho. De hecho, se llega a ir bastante extremo para ver realmente la diferencia. Como puede ver, las esquinas redondeadas tienen muy poco efecto en un camino. Y de hecho, si ese camino es sólo de dos vértices, tiene efecto cero 33. 04.04 Trazados de desplazamiento: formas: Bien, la siguiente herramienta que vamos a repasar se llama Offset Paths. Vamos a hacer clic derecho y crear una nueva capa de forma. En esa capa de forma, vamos a crear que un rectángulo. Y vamos a darle un trazo a esto y aumentarlo. Y luego abrimos nuestro camino rectangular. Y aumentar nuestro camino rectangular. Si agregamos un desplazamiento de trazados y luego abrimos esa herramienta hacia arriba, veremos que hay dos controles principales, cantidad y unión de líneas. Teníamos line join cada vez que hablábamos de trazos y cómo afectaba caminos, el concepto es el mismo aquí y te voy a mostrar lo que quiero decir con eso. Primero, veamos las trayectorias de desplazamiento de cantidad por defecto en una cantidad de diez Como puedes ver, este control simplemente aumenta o disminuye el tamaño de tu camino. Aquí hay otra opción para unirse a la línea. Cambiemos esto a round join. Podemos ver cómo curvas las esquinas de este rectángulo. También hay unión biselada, y podemos ver cómo biselan los bordes de Nuevamente, esto es muy similar a la forma en que la unión de líneas afecta a los trazos. Para ver cómo interactúa esto con otras herramientas de formas, agreguemos un giro debajo de ella. Podemos ver que el giro está afectando a nuestra forma así como a los trazados de desplazamiento. Lo movemos por debajo. Todavía lo afecta, pero sólo de una manera diferente. Una vez más, la jerarquía es muy importante cuando aplicas estas herramientas a tus formas. Algunos no funcionan en absoluto y otros funcionan de una manera diferente, como la unión redonda, Desplazar trazados es una herramienta muy sencilla, pero puede que te resulte útil en algunas de tus animaciones. 34. 04.05 Trazados de desplazamiento: rutas: Ahora veamos el efecto que tiene el desplazamiento de las trayectorias en una ruta. Vamos a hacer clic derecho en esta área y vamos a agregar una nueva capa de forma. Agreguemos una ruta que habilitará automáticamente nuestra herramienta Pin. Primero wedl apenas dos vértices para hacer una línea recta. Agrega un trazo, para que podamos ver qué efecto va a tener este efecto y vamos a aumentar ese trazo. Ahora con el contenido resaltado, agreguemos las rutas de desplazamiento. Se puede ver que ya hay algún efecto. Si hablas con este efecto de vez en cuando, puedes ver que algo está pasando. Abramos caminos de compensación y veamos qué sucede cada vez que aumentamos nuestra cantidad. Como ves, tiene un efecto muy interesante. Y esto tiene valores tanto positivos como negativos, por lo que puedes ir en cualquier dirección. Básicamente, hace una línea recta en un rectángulo. Está compensando los caminos tanto hacia arriba como hacia abajo. Ocurre si giras este camino alrededor para que sea una línea vertical, se expande horizontalmente. Ahora ¿qué pasa si sumamos más vértices? Golpea G. Para que aparezca tu herramienta pluma, solo va a agregar algunos vértices más, puede haber algunos bezier también Simplemente saque estos. Se puede ver que se obtiene algo mucho más interesante. Se puede agregar en un relleno. De hecho, rellena el área alrededor tus trayectorias de desplazamiento para que disminuya nuestra cantidad de la ruta de desplazamiento a cero. Es solo una línea de camino recto que inicialmente se nos ocurrió. Pero a medida que comienzas a expandirlo, realmente puedes empezar a ver las posibilidades. Mira esto. Pongamos un fotograma clave con la cantidad de cero en nuestro marco cero. Adelante 1 segundo. Aumentemos esto, tal vez 50 píxeles, y luego vayamos a nuestra marca de dos segundos. Vamos en la otra dirección, negativo 50. Después a los 3 segundos, volveremos a cero. Vamos a hacer una pendiente eso, obtienes Algo que es bastante interesante aquí ya que puedes ver el efecto que tiene los caminos de desplazamiento en un camino muy diferente al efecto que tiene sobre una forma. Simplemente experimenta con esta herramienta, puedes aumentar el tamaño de tu trazo. Si abres tus propiedades de trazo, puedes hacer cosas como cambiar tu junta de línea a una junta redonda para obtener un borde redondeado en esto puedes cambiarlo a junta biselada a, puede obtener algo un poco diferente Incluso puedes agregar guiones para conseguir algo que se vea aún más diferente Es jugar con nuestro ancho de trazo aquí, guión, cantidad. Aquí se puede ver el efecto que está teniendo las trayectorias de desplazamiento. Es una herramienta de animación de capas de formas muy simple, pero tiene mucho potencial dependiendo de cómo la uses y para qué la uses. 35. 04.06 Herramientas de meneo: formas: Bien, entonces la siguiente herramienta de animación de capas de formas, vamos a echar un vistazo a nuestras herramientas de meneo y hay dos de ellas. Primero, hagamos clic derecho en esta área junto a nuestra línea de tiempo. Elija nueva capa de forma. Vamos a agregar un rectángulo. Vamos a darle a ese rectángulo un relleno y un trazo. Aumentemos esta trayectoria rectangular. Encajemos nuestra comp en nuestro visor. A lo mejor hacer esto un poco más grande. Digamos 500 píxeles de alto y ancho, con contenidos resaltados. Si haces clic en el botón de anuncio, verás que hay caminos de meneo en la transformación de meneo Ahora estos pueden funcionar ya sea solos o entre sí, o con otras herramientas de forma. Primero vamos a echar un vistazo a cada uno por sí mismo. Y luego después de eso, a ver cómo pueden trabajar juntos. Primero, escojamos caminos de meneo. Abrimos caminos de meneo. Veremos que tenemos bastantes opciones aquí. Tenemos tamaño, puntos de detalle, y las opciones son esquinas y movimientos suaves por segundo Correlación, fase temporal, que es tiempo, y fase espacial, que es espacio. También tenemos una semilla aleatoria. Ya puedes ver alrededor de los bordes que esta ondulación de trayectorias con esta configuración predeterminada ya afecta a nuestra capa de formas Solo aumentemos el tamaño de nuestro camino de meneo, aumentemos el detalle Y ya se puede ver cómo esto está afectando realmente a nuestra capa de forma. Ahora fíjate también que estos tienen cronómetros junto a ellos, lo que significa que son clave framable, lo que simplemente significa que puedes animarlos Para los puntos, tenemos las dos opciones, esquina y esquina lisa, tenemos estos picos. Si configuramos esto para suavizar, verás que están más redondeados. Al afectar el detalle, se puede ver la diferencia. Se menea por segundo, por defecto es dos. Aumentemos eso a cinco. La correlación se puede establecer en cualquier lugar 0-100% Si la giras hasta el 100% verás que los puntos ya no son visibles La fase temporal y la fase espacial son más para el ajuste fino. Vamos a recorrer esta área aproximadamente a 1 segundo. Notarás que no tenemos fotogramas clave, pero debido a la forma en que los caminos de meneo interactúan con nuestra capa de formas, obtenemos alguna animación basada en nuestra Esto viene de los meneo por segundo. Ponemos los meneo por segundo a cero. Como puedes ver, no hay animación alguna. Los meneo por segundo realmente es lo que le da a esto la animación Puedes ir muy lento o puedes ir muy rápido. Nuevamente, todo esto es keyframable, por lo que puede afectar esto con el tiempo Puedes hacerlo crecer y luego volver a bajar. Esta es realmente una de esas herramientas con las que necesitas experimentar para realizar todo su potencial. Bien, la otra herramienta de meneo es la transformación de meneo. Agreguemos una transformación de meneo a la capa de forma. Abre nuestra configuración. Y la clave para menear transformar está en la palabra transformar. Las propiedades de transformación de wiggle transform van a dictar cómo se aplican los ajustes a la capa de forma Ahora mismo, mira, no hay animación. Nuestro punto de anclaje y posición por defecto a cero. En los ejes x e y, nuestra escala por defecto es cero y nuestra rotación a cero grados. Pero ahora mira lo que pasa si aumento el valor x de nuestra posición y la movemos hacia la derecha. Observe que el cuadro delimitador de la capa de forma original permanece en la posición de nuestro trazado rectangular El efecto de la transformación de meneo se mueve si movemos nuestro camino rectangular Vamos a poner esto de nuevo a cero. Observe que la transformación de meneo tiene un control de meneo por segundo, como lo hizo nuestro camino de meneo Ahora vamos a hacer un bucle de esto a los 2 segundos y verlo. Como pueden ver, esta es una expresión de meneo. Si has usado antes una expresión de meneo, sabrás que aplica valores temporales y espaciales de manera aleatoria Aumentemos el tamaño de esto y podrás ver cómo afecta esto a nuestra capa de forma. Lo que está haciendo Wiggle Transform es tomar la información de nuestras propiedades de transformación dentro de la transformación de meneo y aplicarlos a las propiedades de transformación de nuestra capa de formas Estas propiedades de transformación están afectando estas propiedades de transformación en función de los meneo por segundo, la correlación y la fase temporal y espacial, podemos hacer ajustes aquí Podemos aumentar de nuevo nuestra semilla aleatoria, son los meneo por segundo lo que realmente hace que esta animación suceda Si bajamos a cero los meneo por segundo , no hay animación No obstante, como nuestra posición se ha movido, 215 píxeles en el eje X, y nuestra escala se ha incrementado 150% esos ajustes permanecen, bajamos esto a 00, y tenemos nuestro trazado rectangular original e incluso podemos rotar esto, pero nuevamente sin meneo por segundo, no vemos animación Si aumentamos los meneo por segundo, ahora vemos una animación Wiggle transform es otra de esas herramientas de capas de formas con las que realmente deberías jugar realmente deberías jugar para ver qué puedes obtener de ella Veamos qué pasa si aplicamos ambas herramientas de meneo. Tenemos ya aplicada la transformación de meneo. Agreguemos un camino de meneo. Ahora bien, si aumentamos el tamaño de nuestro camino de meneo, podemos ver que comienza a deformar nuestro rectángulo, aumentar el detalle, cambiar nuestros puntos para Aumentemos esta configuración de meneo por segundo a cinco caminos de meneo que está afectando los bordes de nuestra forma, mientras que la transformación de meneo está afectando a toda la Estas dos herramientas se pueden apilar en cualquier orden y seguirán teniendo el mismo efecto en nuestra capa de forma. Solo recuerda, tanto para los caminos de meneo como para la transformación de meneo, la clave de la animación está en este meneo En menear transformar, la clave es la palabra transformar. Necesita ajustar la configuración de sus propiedades de transformación dentro transformación de meneo para ver realmente lo que hace esta herramienta de capa de formas Como pueden ver, afecté sólo a unos pocos controles y tenemos esta animación. Te recomiendo encarecidamente que juegues con él para aprovechar al máximo esta característica de forma. 36. 04.07 Herramientas de Wiggle: rutas: Bien, entonces hemos visto cómo las herramientas de menear afectan a una forma. Veamos cómo las herramientas de menear afectan a un camino. Haga clic derecho en esta área. Próxima línea de tiempo, nueva capa de forma. Abre nuestra capa de formas aquí y vamos a agregar un camino. Trae a colación nuestra herramienta Pin. Vamos a hacer lo que hemos hecho en las lecciones anteriores y simplemente dibujar primero una línea recta con dos vértices. Y vamos a sumar un trazo a eso y aumentar nuestros trazos. Vemos lo que está pasando. Lo primero que voy a hacer es agregar un menear caminos a esta recta Si activa y desactiva este efecto, puede ver que aquí está pasando algo. no hay nada importante. Y abramos caminos de menear Si aumenta el tamaño, tiene un efecto similar que tuvo en nuestra forma así como en el detalle. Más detalle agregas, cuantos más puntos tengamos. También podemos cambiar de esquina a lisas para hacerlas redondeadas o afiladas. Hagamos este trazo con un poco más delgado. A lo mejor si hacemos un bucle en esta área y solo la vemos, se puede ver que incluso esta sola tiene un efecto genial. Esto se está animando usando estos meneamientos por segundo. Y vimos esto cada vez que aplicábamos esto a nuestra forma. Ahora veamos qué pasa cada vez que sumamos más vértices. Para sacar a colación tu herramienta pluma, voy a hacer clic y arrastrar solo para obtener un vértice Bezier aquí y agregar algunos de estos Se puede ver como estoy agregando vértices, ya está alterando la forma y la casa interactuando con este efecto Voy a extender esto un poco, tal vez bajando nuestro detalle a unas cinco. Entonces si lo vemos de nuevo, se puede ver el efecto que esto tiene. Todo esto es clave marco, incluyendo nuestro camino dividir un marco clave para un camino aquí, ir a segundo A lo mejor mover un poco algunos de estos vértices para conseguir algo un poco más interesante Entonces podemos enmarcar nuestro tamaño de este camino de menear. Lo tenemos en 362, bajemos a tal vez 200. Bajemos a 2 segundos. Si copiamos nuestro primer fotograma clave en nuestro camino y luego lo pegamos, volverá a esa forma inicial Cambiemos quizá hasta 101 De las cosas que tenga en cuenta con caminos de menear es si no hay valores negativos Entonces, una vez que bajes a cero, no puedes hacer nada más con él. Esto es algo que es bastante genial. Es un efecto aleatorio porque es un efecto menear. Se trata de suministrar los valores que le hemos dado y aplicarlos de forma aleatoria, al igual que lo hace un efecto menear en la posición y la escala y la rotación Cambia el suave, y ves que es un poco diferente. Wiggle paths funciona en caminos que tiene sentido porque son caminos de menear Ocultemos esto por ahora. Y agreguemos una nueva capa de forma. Vamos a agregar un camino para esto y comenzar una vez más solo con dos vértices. Vamos a agregar un trazo y aumentar ese contenido de trazo resaltado. Agreguemos una transformación de menear. Si hablas con este efecto de vez en cuando, no vemos ningún efecto. Tenemos que hacerle algo a esto para conseguir algún resultado. Empecemos a movernos por algunas de nuestras propiedades transformadas. Recuerda, cada vez que aplicamos la transformación de menaje a una transformación de forma es la clave en el efecto para la transformación de menear, vamos a compensar ligeramente esta posición Digamos tal vez 150 en el eje x. Aumente nuestra escala, tal vez a 110 de rotación, hagamos que tal vez diez negativos. Si vemos esto, obtenemos un efecto solo con estos pocos ajustes. Y la razón por la cual es porque está siendo animada por estos meneamientos por segundo Si aumentamos los meneamientos por segundo, va más rápido. Si lo bajamos tal vez a 0.5 obtiene algo realmente, muy lento , se vuelve a dos en nuestra correlación, podemos aumentar a 100, bajar nuestra correlación a cero. Lo afecta de manera ligeramente diferente. Ahora, ¿qué pasa si agregamos más vértices a nuestro camino? Haga clic para que vuelva a abrir su herramienta de pluma, voy a hacer clic y arrastrar para abrir algunos vértices de Bezier Entonces solo compensaremos estos un poco para obtener algo así como una línea ondulada. Y luego vamos a ver esta reproducción menear transformarse. Y los caminos de menear funcionan tanto para formas como para caminos. La forma en que interactúa con tu forma o tu camino va a variar dependiendo de los ajustes bajo tu transformación de menea y también qué efecto hagas a las propiedades de transformación de la transformación de menear Lo mismo ocurre con los caminos de menear. El efecto que vas a obtener va a depender estos ajustes bajo tus opciones de caminos de menear Aquí de nuevo, mucha experimentación. Prueba un poco de encuadre clave. Juega con algunos ajustes en tu apoplejía. Intenta usar la combinación redonda en lugar de la unión menor. Tal vez unión biselada Aumenta el tamaño de tu apoplejía. Las posibilidades realmente son infinitas con estos efectos. Todo es cuestión de lo que quieres crear y qué tan grande es tu imaginación. Te recomiendo encarecidamente que juegues con estos ajustes y veas qué se te ocurre. 37. 04.08 Pucker y Bloat: formas: Nuestra siguiente herramienta de animación de capas de formas se llama Pucker and Bloat Vamos a aplicarlo a una capa de forma. Haga clic derecho en esta área junto a nuestra línea de tiempo. Elija nueva capa de forma. Abre nuestra capa de forma y vamos a añadir una elipse. Le daremos a esa elipse un relleno y un trazo. Aumentar el trazo. Quizá cambie el color de este relleno. Ahora aumentemos el tamaño de nuestra trayectoria elipse con contenidos resaltados Haz clic en nuestro botón Anuncio y veremos el fruncimiento y la hinchazón. Ya puedes ver de inmediato. En cuanto añadas este efecto, eso está empezando a afectar nuestra forma. El motivo es porque el póquer y golpe impagos a una cantidad de diez Ahora bien, este es el único control que tiene frunce y soplado. Sin embargo, si empiezas a desplazarte por las cantidades, puedes ver que en realidad tiene un efecto muy genial en cualquier capa de forma. Puede usar valores positivos o negativos, y estos valores son fotogramas clave. Puedes animarlos. Hagamos algo como esto. Saque un marco clave, 135, otro marco clave para el negativo 135 y el marco clave final para 135. Si lo miras, puedes ver que tiene como una sensación de caleidoscopio Una de las cosas que es realmente genial de estos efectos es que puedes apilarlos. Digamos, si quisiéramos agregar un repetidor y jugar con algunos de estos ajustes, realmente podemos hacer algunas cosas muy interesantes Solo estoy jugando con los ajustes al azar, ni siquiera estoy muy seguro exactamente de lo que voy a hacer. Como puedes ver, solo estos ajustes aleatorios tienen un efecto muy genial en esta capa de forma. Puedes hacer diseños estáticos o cinéticos con fruncimiento e hinchazón De nuevo, solo tiene un control y eso es por cantidad. Pero lo que puede hacer es bastante impresionante. Al igual que con las otras herramientas de animación de capas de formas, te recomiendo encarecidamente que juegues con esto tanto por sí mismo en conjunto con otras herramientas moldeadas para ver qué puedes sacar de ella. Por ejemplo, si tuviéramos un giro, puedes ver cómo afecta realmente a esta capa de forma, frunce e hinchazón Si bien es una característica de capa de forma muy simple, puede producir algunos resultados bastante impresionantes. Cambiemos nuestro camino conformado a una polystar y deshacernos de nuestro camino elipse Hagamos nuestro polígono tipo A y aumentemos el tamaño del mismo. Como puedes ver, esto tiene un efecto totalmente diferente que hizo nuestra elipse Si agregamos un rectángulo, podemos ver el efecto que tendrá el rectángulo. La forma en que el fruncimiento y la hinchazón afectan al rectángulo es ligeramente diferente en la forma en que afecta a una poliestrella y una Pero tienes muchas opciones muy chulas. Incluso puedes agregar múltiples formas. Tenemos una trayectoria rectangular, ahora agreguemos una elipse. Y puedes jugar con las tallas individualmente. Puedes moverlos en cualquier dirección que quieras. Como puedes ver, la forma en que interactúan entre sí es muy interesante. Agreguemos un polystar a esta mezcla. Cambiar nuestro tipo a polígono, aumentar nuestros puntos y aumentar nuestro radio exterior Si quieres tener aún más control, puedes poner cada una de estas formas en su propio grupo y darle su propio relleno. Vamos a crear el grupo uno y agarrar el rectángulo uno y rellenar uno y ponerlo ahí. Vamos a crear el grupo dos y pondremos polystar ahí. Entonces agreguemos un relleno a nuestro polystar. Se leerá. Entonces agreguemos otro grupo y pongamos ahí nuestro camino elipse Entonces agregaremos un relleno para nuestra elipse y tal vez cambiemos eso a más de una naranja Dado que el fruncimiento y la hinchazón están por debajo, los tres grupos van a afectar a los tres Esta es una de las cosas que es muy importante recordar sobre las herramientas de forma. Afectan sólo lo que está por encima de ellos. Por ejemplo, si movemos a Parker y soplamos entre el grupo uno y el grupo dos, podemos ver que sólo está afectando al grupo uno. Si lo movemos por debajo del grupo dos, está afectando solo al grupo uno y al grupo dos. Cuando vamos por debajo de los tres, afecta a los tres. Fruncir e hinchar es una de esas herramientas de capa de forma. Es muy infrautilizado y muy subestimado. Te recomiendo encarecidamente que juegues con él y veas qué puedes crear usando esta poderosa herramienta de capas de formas. 38. 04.09 Pucker y Bloat: rutas: Bien, entonces hemos visto el efecto que el frunce y la hinchazón tiene en una Veamos cómo afecta a un camino. Haga clic derecho en esta área junto a nuestra línea de tiempo, nueva capa de forma. Y vamos a agregar un camino como lo hicimos en nuestras otras lecciones y simplemente dibujar dos vértices. Y luego vamos a agregar un trazo y aumentar ese trazo para que podamos ver lo que está pasando aquí y vamos a enderezar un poco este camino Bien, ahora con contenido resaltado, agreguemos en fruncimiento e hinchazón Y vemos que tiene un efecto en cuanto lo agregas, básicamente simplemente redondea las esquinas. No obstante, lo que pasa con el fruncimiento y la hinchazón a tener en cuenta es que no importa lo que le hagas, realmente no vas a tener mucho efecto Obtienes esta aleatorización aquí y que puedes fotograma clave Pero probablemente hay formas mucho más fáciles de conseguir este efecto. Aparte de usar frunce e hinchar. Es muy limitante lo que puedes hacer a un camino recto con fruncimiento e hinchazón Vamos a sumar más vértices y ver cuál es el efecto para sacar a colación tu herramienta de pluma y vamos a sumar en algunos vértices de Bézier Y ya podemos ver que algo interesante ya está sucediendo. Tal vez agregue uno más por aquí. Vamos a moverlas y abrirlas un poco para ver qué está pasando aquí. Vamos a tu a estos fotogramas clave para fruncimiento e hinchazón y juega con la Como puedes ver, sí obtienes un efecto. Obtienes algo que es interesante con el fruncimiento y la hinchazón Y esto es algo con lo que hay que jugar para ver realmente cuáles son las posibilidades para esto. Si abres tu trazo aquí, puedes cambiar tu unión de línea a una unión redonda para obtener bordes redondeados. O tal vez una unión biselada para obtener más bordes biselados. Voy a dejar esto en round join y tal vez disminuir mi ancho de trazo. Aquí establece algunos fotogramas clave, para que podamos animar esto. El primero dijo a las 02:58 Baje todo a diez a 1 segundo Entonces tal vez retroceda hasta 150, 2 segundos. Va a hacer un bucle de eso golpeando en tu teclado y simplemente verlo. Pucker and Bloat tiene algunos efectos bastante geniales en caminos que tienen más de dos Así que solo ten eso en mente que frunce y Bloat realmente no afecta a una línea recta Tiene algún efecto pero no se compara con los efectos que tiene en una trayectoria con más de dos vértices. Nuevamente, te recomiendo que juegues con esto y veas qué se te ocurre. Pucker and Bloat solo tiene un control y eso es por cantidad y es fotograma clave No olvides que tu camino también es keyframable. Puedes mover estos vértices a lo largo del tiempo para obtener algunos resultados de aspecto bastante geniales Experimenta un poco con él y mira qué se te ocurre. 39. 04.10 Twist: formas: Bien, entonces la siguiente herramienta de animación de capa de forma que vamos a cubrir se llama Twist. Hagamos clic derecho en esta área junto a tu línea de tiempo. Elige una nueva capa de forma y vamos a abrirla. Vamos a agregar un rectángulo y darle a ese rectángulo un relleno y un trazo. Sólo voy a cambiar el color de nuestro relleno así como nuestro trazo y hacer que nuestro trazo sea un poco más grueso. Entonces abramos nuestro camino rectangular para la capa de forma y aumentemos el tamaño de la misma con el contenido resaltado. Vamos a nuestro botón Agregar y vamos a agregar Twist. Puedes ver de inmediato, en cuanto añadas este efecto, que ya está empezando a afectar nuestra forma. Activa y desactiva este efecto, podrás ver cómo se mueve ligeramente. La razón es porque Twist tiene una configuración predeterminada. Como notarás, la mayoría de estos valores por defecto a un valor de diez Por ejemplo, si añades un frunce y te hinchas como hicimos en nuestra última sección, verás que la cantidad es de diez, también con esquinas redondeadas Si abres eso, verás que por defecto es de diez giros Aquí tenemos dos controles, tenemos ángulo y tenemos centro. Veamos primero el ángulo. Como mencioné, en incumplimientos a un valor de diez. A medida que lo aumentas, podrás ver el efecto que esto tiene en tu forma. Cuanto más alto vayas, más de un giro se aplica. Cuando llegas a cero, no hay ningún efecto. Una de las cosas interesantes del ángulo es que tiene valores positivos y negativos que son clave encuadrables como podemos ver por la presencia de un cronómetro Observe cómo nuestros bordes aquí tienen este borde en caja. Y la razón de eso está en nuestro trazo los trazos tienen límite de línea y unión de línea. La configuración predeterminada para la tapa de línea es tope. En la configuración por defecto para la unión de línea es la unión menor. Si alteramos nuestra unión de línea y decimos elige una unión redonda, puedes ver el efecto que esto va a tener en el borde de este giro aquí. Con este efecto donde está en este momento. Si agregamos una unión en bisel, se ve más o menos igual que una unión menor A medida que ajustamos el valor de nuestro ángulo, podemos ver cómo esto afecta a nuestra forma brota ahí mismo Sí quieres ser consciente de eso. Si lo configuras para redondear join, no obtienes realmente esa rara deformacion cuando llegas a cierto umbral Ahora lo cambiamos a unión biselada. Se parece a tope, pero no conseguimos que eso se deforme también Si vas a usar twist, te recomiendo que configures tu unión de línea si estás usando un trazo para redondear la unión o unión en bisel Si vas a usar la unión menor, mira cómo hace clic ahí mismo. Quieres ajustar tu límite menor. Si disminues tu límite menor, entonces no obtienes ese reventón y evitas ese filo puntiagudo. Si aumentas tu límite menor, obtienes que nos estamos deformando cuando alcanza cierto umbral En este caso, está justo alrededor de los 180 negativos. Si vamos a un valor positivo, vemos alrededor de 210. Esto aparece de vez en cuando. Tienes que jugar con estos ajustes para obtener el aspecto correcto que deseas. Yo quiero poner esto de nuevo para redondear unirse. De esa manera lo evitamos por completo. También puedes disminuir el tamaño de tu trazo para evitar deformaciones extremas Eso es ángulo. Nuestro siguiente control es el centro. Observe que el centro por defecto es cero en los ejes x e y, lo que pone el efecto directamente en el centro de su capa de forma Observe lo que sucede cuando muevo el valor central hacia la derecha, a un valor positivo, a un valor negativo en el eje y, a un valor positivo a un valor negativo. Obtienes todas estas formas y diseños muy interesantes que puedes crear, todo usando marcos clave. Vamos a probar algo muy rápido. Haremos una animación de dos segundos. Empezaremos con nuestro ángulo a cero, tal vez subamos a 50. Inicia nuestro punto central a las 00, y al final de la animación, vamos 50 positivos en X y negativos 50 en Y. Entonces podremos ver esa reproducción. Puedes ver cómo puedes animar estas formas ya sea de una manera muy extrema o algo muy sutil Si quieres conseguir algo que parezca una ilusión óptica, solo deja tu punto central a las 00 y luego solo juega con los valores de tu ángulo. Twist es una característica de capa de forma bastante directa y muy simple, pero es algo que puede ser muy útil si tienes ciertos diseños o animaciones que requieren que la capa de forma tenga este efecto. En este momento esto se está aplicando a un trazado rectangular. Nos desharemos de eso. También agrega un polystar Vamos a mover ese giro por encima porque recuerda que todos nuestros efectos dependen del giro jerárquico, al igual que las otras herramientas de capa de forma van a afectar a lo que esté por encima de él. A medida que empezamos a fregar por aquí, vemos el efecto ya que esto va a tener en nuestra estrella. Hay algunas cosas a tener en cuenta cuando usas giros. Lo primero es, ¿qué forma quieres usar? Recomiendo ya sea un rectángulo o un polystar. Si agrega una elipse, la elipse ya es circular Como puedes ver, está afectando en absoluto a esta elipse. Aunque aumentemos el tamaño de esta elipse, giro no la va a afectar. Afectará ya sea a un polígono, poliestrella, o a un trazado rectangular si eliminamos este relleno, agreguemos de nuevo en un rectángulo, aumentemos el tamaño de este Podemos verlo mejor. Ver este es el efecto sin el relleno. Este es el efecto con el relleno y el trazo. Entonces este es el efecto sin el trazo, pero solo el relleno. No solo necesitas tener en cuenta qué forma vas a usar, también piensa en si quieres usar un relleno y un trazo, posiblemente un relleno degradado o un trazo degradado, un relleno degradado aquí en su lugar. Esto fue cubierto en una lección anterior. Solo voy a hacer algunos cambios muy rápidos a nuestro, esto podría ser realmente genial para como un logotipo de animación o algo así o un cierto diseño o patrón que necesitas para un cliente. Ten en cuenta también que el valor para tu punto central debe permanecer en cero en los ejes x e y. Puedes alterarlos para ciertos efectos, tal vez quieras algo así. Y solo estoy restregando estos valores en el valor x, volvamos a poner esto en cero Así es como se ve en el valor y. Quiero cambiar esto de nuevo a nuestro trazo y relleno originales, deshacerme de este degradado. Phil, vuelve a poner nuestro punto central a 00. Eso es giro. Se trata de una herramienta de animación de capa de forma muy simple, algo con lo que deberías jugar y familiarizarte y ver cuál es realmente su máximo potencial. 40. 04.11 Twist: rutas: Bien, entonces hemos visto cómo el giro puede afectar a una forma. Veamos cómo el giro afecta a un camino. Vamos a Capa, Nueva Capa de Forma. Y vamos a abrir nuestra capa de formas aquí y agregar un camino que traerá nuestra herramienta Pin. Y vamos a dibujar dos vértices como tenemos en nuestras lecciones anteriores para una línea recta Vamos a agregar un trazo y aumentar ese trazo con el contenido resaltado. Vamos a agregar un giro. Y ya se puede ver que va a haber algún efecto. Ahora vamos a jugar con nuestro ángulo. Como puedes ver, tiene un efecto muy similar a las trayectorias que tiene en las formas, puedes obtener algunos efectos bastante geniales. Todo esto es clave. Enmarcable. Voy a disminuir mi trazo hacia abajo tal vez 40 pixeles. Comencemos nuestro ángulo en cero, avancemos 1 segundo, subamos a 750. A los 2 segundos, volvamos a bajar a pendiente cero que puedes ver el efecto que puedes obtener aquí. En realidad, vayamos en sentido contrario, negativo 750. Con giro, tiene valores tanto positivos como negativos. Puedes ver que hay algunas cosas realmente geniales que puedes hacer con esto. Qué pasa si agregamos más vértices para que suba tu herramienta pluma y solo voy a agregar algunos vértices lineales No voy a hacer click y arrastrar, así que vamos a conseguir algunos vértices lineales aquí Voy a arrastrar estos un poco para ver qué pasa cada vez que aplicamos twist a esta interesante. Creo que sin los otros vértices, giro es probablemente más efectivo para obtener el campo de ilusión óptica circular que viste cada vez que lo aplicamos a solo una línea recta Pero ciertamente puedes jugar con esto y obtener algunas ideas realmente geniales para diseños, para patrones y para animaciones. Twist funciona tanto con caminos como con formas como has visto. Juega con esta herramienta de capa de formas y mira lo que se te ocurre. 41. 04.12 ZigZag: formas: Bien, la herramienta de animación de capa de forma final que vamos a cubrir es zig zag. Sube a la capa nueva capa de forma. Y vamos a añadir una elipse. Y vamos a darle una pastilla a esa elipse. Vamos a cambiar este color de relleno, algo así. Ahora aumentemos el tamaño de nuestra trayectoria elipse. Zigzag es una de mis herramientas favoritas de animación de capas de formas porque interactúa extremadamente bien con ambas formas Y, y hay algunas cosas específicas que puedes hacer con caminos a los que llegaremos en tan solo unos minutos. Pero primero quiero mostrarte el efecto que tiene cada vez que agregas zigzag a una trayectoria elipse con contenido resaltado Vamos a, vamos a un zigzag. Y se puede ver que ya están pasando un poco de cosas aquí. Si abrimos zigzag, vemos que hay tres controles. Tenemos talla y eso ajusta el tamaño del zigzag. También contamos con crestas por segmento. Esta es la cantidad de crestas que hay en el camino. Y entonces tenemos esta opción para los puntos, tenemos ya sea esquina o lisos. Esto es muy similar a otros efectos que hemos visto donde tienes esquina y suave, permite ya sea para bordes puntiosos o para bordes más redondeados Puedes ver aquí mismo, acercamos un poco la diferencia entre esquina y suave. Ahora el zigzag funciona realmente genial en capas de forma si vas con configuraciones más extremas. En primer lugar, aumentemos nuestra configuración de tamaño. Puedes obtener este efecto realmente genial en elipses, aumentar nuestras crestas por segmento, y puedes ver cómo puedes obtener algunas ideas de diseño realmente geniales y algunos patrones que puedes crear Todos estos son clave encuadrables. Podemos pasar de un tamaño cero y cero crestas por segmento hasta ese aspecto realmente extremo que vamos a sumar en un trazo a esto Mira lo que tendría ese efecto tan bien como puedes ver, solo consigue como un look diferente aquí. Tal vez puedas cambiar eso abajo a trazo de 0.5 hazlo realmente, muy pequeño. Lo que está haciendo el zigzag es que está tomando el tamaño del zig zag en estas crestas por segmento, y está manipulando y cambiando esta trayectoria elipse El hecho de que pueda ser fotograma clave simplemente abre aquí un mundo de posibilidades Deshazte de este trazo muy rápido y veamos qué pasa cada vez que añadimos un rectángulo a esto. Sólo voy a ocultar este camino elipse. Por ahora, agreguemos un rectángulo y vamos a hacer que el rectángulo tenga el mismo tamaño que nuestro trazado de elipse 413 Entonces mira lo que sucede cada vez que aplicamos nuestro zigzag. Tenemos un aspecto diferente. Totalmente. Voy a respaldar nuestro camino de elipse y me voy a mover para que podamos verlos mejor. Pero se puede ver el efecto que tiene el zigzag en una elipse en contraposición a un rectángulo Cuanto más extremo vayas, a veces, mejor. No te vuelves demasiado loco. A lo mejor baja tal vez a 250 y se puede ver este efecto que tiene con las crestas más pequeñas por segmento Podemos bajar eso a 50. Solo hay algunos diseños realmente geniales. Es solo un par de ajustes en zigzag. Nuevamente, puedes enmarcar esto para que puedas animarlos en Vamos a agregar una forma más. Vamos a probar con una polystar Voy a ocultar nuestra elipse y nuestro camino rectangular. Se puede ver de inmediato cómo afecta esto a nuestro polystar. Podemos aumentar el tamaño, podemos jugar con las crestas por segmento Algunas ideas de diseño. Puede realizar estos cambios de gráficos estáticos o animados en un polígono Y puedes ver, a pesar de que ambos tienen cinco puntos, solo hecho de cambiar de un polígono Stargo te da aún más resultados Bajemos a tal vez tres. Esto es un triángulo. Aquí vamos a cuatro, eso es más de una plaza. Prueba 15 puntos. Puedes ver que todos estos ajustes tienen un impacto directo en el aspecto de tu diseño. Algunas cosas realmente geniales aquí con zigzag, recomiendo encarecidamente que explores más zigzag y veas cuáles son las posibilidades con esto, porque obtienes algunas ideas de diseño bastante geniales usando zigzag. 42. 04.13 ZigZag: rutas: Hagamos clic derecho en esta área junto a su línea de tiempo. Elija nueva capa de forma. Voy a añadir un camino. Solo hagamos dos vértices, luego agreguemos un trazo y aumentemos ese trazo El efecto que tiene el zigzag en los caminos es muy diferente al que tiene en las formas. Agreguemos un zigzag a este camino. Ahora. Mira que ya hay un efecto, puedes desactivar esto. Y en las otras herramientas de forma, verás que el zigzag tiene por defecto ciertos ajustes, por defecto a un tamaño de cinco y crestas diez Va a esquina automáticamente. A medida que aumentas el tamaño de estos, puedes obtener estas líneas en zigzag realmente geniales. Puedes aumentar tus crestas por segmento o disminuirlas, cambiar tu esquina para suavizar Todos estos son fotogramas clave. Puedes hacer algunas cosas geniales con este marco clave. Todo esto solo para hacerte una idea de algunas cosas que puedes hacer, puedes cambiar el tamaño de tu trazo. Recuerda dos con ancho de trazo que también es clave marco, puedes hacer algunas cosas bastante geniales con esta herramienta de capa de forma Nuevamente, es una de esas cosas con las que solo tienes que jugar un poco y experimentar con ellas. Zigzag funciona fantástico, tanto con caminos como con formas. Vamos a pasar por algunos tutoriales donde aplico estas herramientas de capa de forma. Se pueden ver estas herramientas en acción. El propósito de estas lecciones hasta este punto es familiarizarte con estas características de la capa de formas y hacerte sentir cómodo trabajando con ellas y obteniendo una comprensión básica de lo que hacen los controles y cómo puedes aplicarlos tanto a las formas como a los caminos De nuevo, experimenta con esto, diviértete un poco y mira qué se te ocurre. Tu imaginación realmente es tu único límite. Ahora una de las cosas tenga en cuenta que verá debajo de los puntos aquí para suavizar. Cuando trato de agregar un fotograma clave, obtenemos esta caja aquí. Lo que es esta caja, es un fotograma clave de toggle hold. Vea si escribe, haga clic en cualquiera de estos fotogramas clave. Obtenga esta opción para alternar el fotograma clave de retención. Lo tocamos en una lección anterior. No hay animación entre los fotogramas clave de alternar y mantener. Tienes animación entre fotogramas clave lineales y bezier. Pero si se trata de un fotograma clave de toggle hold, la animación no comienza hasta que llegues a ese fotograma clave, y el valor que tengas para esa configuración permanecerá hasta que llegues a otro fotograma clave de toggle hold El punto es con zigzag no puedes enmarcar estos puntos clave. Tienes que elegir esquina o suavizar como ahora mismo está configurado para suavizar. Si vamos a esta marca de 1 segundo y cambio esto a esquina, obtenemos otro fotograma clave de toggle hold Los puntos permanecen suaves hasta llegar a este fotograma clave donde le decimos que se convierta en un punto de esquina Y se quedará en ese punto de esquina hasta que lleguemos a otro fotograma clave. Si copiamos este fotograma clave suave y lo pegamos al final de nuestra animación, verás que sí vuelve a un punto suave, pero solo una vez que lleguemos a ese fotograma clave Hay algunos ajustes después de los efectos que no permiten la animación entre ciertos ajustes. Con zigzag, tiene sentido porque los puntos pueden ser lisos o de esquina. Realmente no hay entre una esquina y un punto liso. Téngalo en mente mientras está animando usando zigzag. Querrás elegir un liso o esquina o como en este caso, si quieres encajarlo en su lugar, eso también es genial. 43. 04.14 Revisión de la sección 04: Ahora deberías poder crear algunos diseños bastante impresionantes con lo que has aprendido hasta ahora. Pero la siguiente sección te va a convertir en un asistente de motion graphics. Las herramientas avanzadas de animación incluyen el repetidor, recorte y los trazados de fusión Hay tantas posibilidades con el repetidor merge paths y trim paths que les he dado a estas tres herramientas de animación, una sección entera, todas para ellos mismos Espero volver a verte en la siguiente sección y enseñarte todo sobre estas avanzadas herramientas de animación. 44. 05.01 Sección 05: herramientas avanzadas de animación: Bienvenido de nuevo a las herramientas avanzadas de animación Power of Shape Capas , sección cinco. Ya casi has superado este curso, así que mantente fuerte. Las herramientas avanzadas de animación incluyen herramientas con configuraciones más complejas y complejas, e incluyen las rutas de recorte del repetidor y las rutas de combinación Las posibilidades son prácticamente infinitas con estas herramientas de animación. Y estarás creando unos gráficos bastante increíbles una vez que aprendas a usar estas herramientas en tus proyectos. Lo diré otra vez, Keith de acostumbrarse a trabajar con herramientas de animación es experimentación El repetidor abrirá un mundo de creatividad con lo que puedes hacer con una sola forma Desde fondos hasta diseños circulares, diseños que se repiten sin cesar y mucho más Todo es posible con el borde del repetidor. Paths es un animador de caminos que sacará a la luz tus diseños, animará diseños encendidos o hará que se animen de innumerables Prim Pass realmente es una de las herramientas de animación más potentes en los efectos posteriores Y finalmente, los caminos de fusión harán que la creación de iconos no solo sea posible, sino mucho más fácil. Además de hacer que crear diseños difíciles y complejos sea muy fácil. Nuevamente, te recomiendo que experimentes con estas herramientas de animación para dominarlas de verdad. Pero esta sección te dará un bastión sobre cómo aprovechar el poder de estas herramientas de animación No te abrumes. Cubriremos cada una de estas herramientas de animación completa y a fondo. Hay mucho por lo que pasar, así que vamos a sumergirnos. 45. 05.02 Entrenamiento básico de repetición: El repetidor es una herramienta de animación de capas de formas muy importante y potente Puedes crear rápidamente patrones y diseños usando el repetidor y definitivamente es una entidad de capa de forma imprescindible El repetidor crea copias duplicadas de una capa de forma, todas las cuales pueden ser manipuladas y alteradas en un patrón consistente El repetidor puede resultar confuso al principio, pero no te preocupes, vamos a cubrirlo en detalle Bien, sigamos adelante y creamos una composición haciendo clic en nuestro nuevo icono de composición. Lo vamos a mantener a las 19:20 por 1080. Y dejaremos nuestra duración en 10 segundos. Vamos a llamar a esta comp el repetidor Ahora. adelante y hagamos clic derecho en esta área en blanco junto a nuestra línea de tiempo, y haga clic en Nueva capa de forma. Vamos a cambiar el tamaño de esto un poco para que podamos movernos un poco mejor Abramos nuestra capa de formas y hagamos clic en nuestro botón Agregar. Y vamos a añadir una elipse. Y entonces vamos a darle una pastilla a esa elipse. Podemos ir y cambiar ese color a cualquier color, realmente no importa lo que sea. Y entonces solo vamos a aumentar esta elipse. Vamos a colocar nuestra comp en esta ventana de aquí. Una vez que tengamos nuestro camino elipse, luego volvamos a Agregar y vamos a agregar repetidor Y una de las cosas que hay que saber del repetidor es que repite todo lo que está por encima de él. decir, cualquier forma que tengas o cualquier grupo que tengas. Sólo para ilustrar eso, sigamos adelante y agreguemos un grupo. Vamos a tirar de esta trayectoria elipse en el relleno dentro de ese grupo Ahora vamos a duplicar ese grupo eligiendo el control D, llenarlo, grupo dos, en realidad podemos hacer algunos ajustes aquí. Cambiemos este relleno a un color diferente, a lo mejor un morado. Ahora bien, como se puede ver el repetidor repitiendo ambos grupos, alternar este grupo dos con el color púrpura apagado, se puede ver que el grupo uno está debajo de él Déjame sacar esto del camino para que podamos ver un poco mejor lo que está pasando aquí. Como podemos ver, el repetidor está repitiendo ambos grupos Ahora bien, si mueves el repetidor por encima del grupo uno, verás que solo se está repitiendo el grupo dos Repite cualesquiera formas, caminos o grupos que estén por encima de él. Bien, vamos a deshacernos de este grupo dos de aquí, y nos vamos a centrar sólo en el grupo uno. Vamos a mover el repetidor de nuevo por debajo del grupo uno y abrir las propiedades del repetidor Y aquí hay algunos incumplimientos que debes tener en cuenta En primer lugar, el repetidor siempre toma por defecto tres copias Entonces como pueden ver aquí mismo, hay tres copias de nuestros labios. El desplazamiento siempre se establece en cero. Si abrimos nuestras propiedades de transformación para el repetidor, podemos ver que tiene un punto de anclaje Posición, escala, rotación, inicio y endopacidad. Ahora algunas de estas propiedades de transformación son similares a nuestras propiedades de transformación de capa, pero algunas de ellas también son muy diferentes. Podemos agregar más copias, así que a ver si sumamos cinco, se puede ver que aumenta el número de copias a cinco. La forma en que puedes agregar distancia entre estas formas es simplemente manipulando tu posición bajo transformación de tu repetidor A medida que aumentamos nuestro valor X para la posición, los círculos se separan más. Y luego si ajustas tu posición Y, se mueven hacia arriba y hacia abajo. Como puede ver, el repetidor está interactuando con este grupo Aquí arriba, el grupo está por encima de él. ver si disminuimos el tamaño de nuestra trayectoria elipse, todas las formas disminuirán de tamaño Lo mismo si manipulas tus propiedades de transformación del grupo. En lugar de disminuir el tamaño de la trayectoria de elipse, que está en píxeles Si vamos a las propiedades de transformación del grupo y manipulamos nuestra escala, que es en porcentaje, tiene el mismo efecto si mueves tu posición sobre tu trayectoria elipse, todos los círculos se mueven con él Si manipula sus propiedades de transformación del grupo, es muy importante entender que las propiedades de transformación del repetidor están interactuando con las propiedades de transformación de grupo, así como sus propiedades de transformación de capa 46. 05.03 Crea un círculo de formas con The Repeater: Bien, ahora voy a crear un círculo de círculos. Entonces vamos a ir nueva capa de forma. Y luego en nuestra capa de forma queremos agregar una elipse. Y luego agreguemos un relleno, y cambiaremos ese relleno a otra cosa te guste un azul con contenidos resaltados. Vuelve a Agregar, y vamos a agregar un repetidor. El valor por defecto es de tres copias, el desplazamiento es cero. Ahora bien, si quería hacer un círculo de círculos, hay algunos ajustes que hay que recordar. En primer lugar, quieres que tu posición y tu punto de anclaje sean iguales a cero en los ejes x e y. A ver si toma esta posición de 100 abajo a cero. Ya no podemos ver las otras copias sin importar cuántas agreguemos, porque todas están en la misma posición exacta. Ahora agreguemos 16 copias. Ahora bien, si quiero hacer un círculo de círculos, lo que tenemos que hacer es abrir nuestro camino elipse Y necesitamos mover nuestra posición para el camino de la elipse hacia arriba. Lo movemos así hacia arriba. Entonces para nuestra rotación bajo repetidor, queremos tomar 360 y reducir algunas matemáticas en after effects dividido por el número de copias, 360/16 y luego tenemos un Ahora lo que es realmente genial de esto es que puedes cambiar el número de copias y aún así mantener este círculo perfecto. Pero llegar a, recuerda, cambiar las matemáticas en tu rotación de tu repetidor Ver queremos 12 copias. Como pueden ver, lo arroja antes de que hagamos las matemáticas. Aquí ves como no es un círculo perfecto. De vuelta a nuestra rotación y teclea 360/12 Ahora tenemos un círculo perfecto Una vez más, a medida que mueves esta posición del camino de elipse hacia arriba y hacia abajo, ya podrás ver algunos de los diferentes diseños que puedes conseguir Puedes disminuir el tamaño de tu elipse. Tal vez se pueda incrementar el número de copias, digamos 20. Iremos 360/20 para conseguir ese círculo perfecto De nuevo, puedes hacer algunas cosas realmente geniales con A medida que mueves tu posición hacia la izquierda y hacia la derecha, puedes ver cómo va a interactuar eso . Lo que está pasando aquí. Esta es nuestra forma original aquí mismo. Verás, podemos ocultar este repetidor dando click en este globo ocular aquí Y puedes ver que este es nuestro círculo original. Si lo vuelves a encender, puedes ver que ese es el que está resaltado. Ahí es donde sabes dónde está tu forma original. Bueno, como estoy moviendo mi posición hacia la derecha, se puede ver que nuestra forma original se mueve y las copias se mueven con ella. Puedes hacer algunas cosas bastante geniales con esto porque todo esto también es keyframable Pongamos nuestra posición en cero. Aquí, en realidad, pongamos nuestra posición en cero para ambos en nuestro camino elipse para X e Y en cero Sólo podemos ver una copia, aunque sabemos que todas las demás copias están detrás de ella. Ponga un marco clave para la posición en nuestra marca cero. Vaya por tal vez unos 15 fotogramas. Y ahora vamos a levantarlo y darle un golpe para dar vueltas a esa zona. Golpea cero en tu teclado numérico para verlo. Y se puede ver que aquí tenemos algo de estallido, así que incluso se puede mover de nuevo hacia abajo. Tienes algo como esto. 47. 05.04 Uso de grupos con el repetidor: Si usas un repetidor como este donde está justo debajo de un trazado de elipse, o esto podría ser un trazado rectangular o un trazado de poliestrella Hay algunos controles que no tienes. Si abres tu camino elipse, no hay rotación, no hay opacidad, nada de eso Verás, agreguemos un grupo y pondremos nuestros labios en nuestro relleno dentro de ese grupo. Ahora nuestro grupo tiene todas estas otras propiedades transformadoras. Tenemos punto de anclaje, escala de posición, sesgo, rotación del eje y opacidad Deshazte de estos fotogramas clave aquí. En lugar de usar nuestras opciones de ruta elipse, usemos nuestras opciones de transformación grupal Haremos algo similar, pero le agregaremos un poco de destello extra. Pongamos un marco clave para la escala. Vamos a hacer que esa escala 0% vaya adelante 15 fotogramas. Haz que ese 100% vaya adelante otros 15 frames, y vamos a hacer ese 0% De nuevo, tenemos el mismo aspecto que acabamos de tener donde aumenta y disminuye. Pero ahora mira lo que pasa si agregamos una rotación. Digamos que ponemos un fotograma clave para rotación a cero grados y luego vamos hacia adelante tal vez 15 fotogramas Y vamos a subir como 180. No estoy seguro si acabas de ver eso, pero mira. Si cambiamos nuestro grado de rotación. Recuerda la forma seleccionada. Tendremos esta caja alrededor. Entonces, si lo volvemos a poner a cero, fíjense que esto vuelve a subir hasta aquí. El motivo es porque esa es nuestra forma original. Cuando escribí 180, parecía que simplemente saltó A ver si me froto y empiezo en cero y luego lentamente avanzo a 180. Podemos ver que en realidad se está moviendo. Recuerda que la forma que está delimitada por esta caja va a ser tu forma original Volvamos a ponerlo al 180, volver a bajar a cero aquí. Y el. Veamos qué pasa cuando hacemos esto. Ahora tenemos esta rotación de este patrón. También puedes hacer otras cosas con propiedades de transformación. Puede fotograma clave la opacidad. A lo mejor quieres esto 50% y sabe como todas las formas comparten el mismo valor para la opacidad Y esto va a ser cierto para todas estas propiedades transformadoras dentro de tu grupo. Todas las formas van a compartir el mismo valor para cualquiera de estas. A lo mejor aumentar un poco el sesgo y ya ves lo que le está haciendo a nuestro círculo Aquí está sesgar nuestro círculo. Ya puedes empezar a ver todos los diseños y patrones potenciales y pequeñas cosas geniales que puedes hacer con el repetidor Siempre recomiendo poner tu forma dentro de un grupo, De esa manera tienes más control y más opciones. 48. Principios avanzados de animación con The Repeater: Nueva capa de forma. Y luego en nuestra capa de forma queremos agregar al grupo A un rectángulo. Y luego agreguemos un relleno a ese rectángulo. Sólo nos quedaremos con ese rojo por ahora mismo. Ahora, con contenidos resaltados, agreguemos un repetidor La razón por la que quiero que se destaquen contenidos es esta. Simplemente muy rápido, si tengo grupo resaltado y agrego un repetidor Re irá dentro del grupo. Hay una diferencia. Ahora mira si tenía tres grupos diferentes y quería agregarle un repetidor a todo ello. Hay que tener contenidos resaltados y agregar el repetidor y va por debajo de todos estos grupos si quiero, justo dentro de uno de estos grupos Bueno, si resalta uno de los grupos, da clic en un repetidor El repetidor se anidará con el interior de uno de esos grupos Bien, vamos a deshacernos de estos otros grupos y contenidos destacados. Agrega un repetidor. Abramos nuestra configuración de repetidor y también nuestro grupo transforma la configuración de propiedades Ahora recuerda para nuestro repetidor, queremos asegurarnos de que nuestro punto de anclaje y posición estén todos puestos a cero en los ejes x e y De esa manera sólo vemos una copia. Y luego queremos mirar a nuestro grupo transformar propiedades. Y subimos nuestra posición. Entonces solo averigua cuántas copias del rectángulo te gustaría. Entonces digamos tal vez 16. Y luego recuerde pasar debajo de nuestras propiedades de transformación para repetidor, bajo la rotación para propiedades de transformación del repetidor Y hacemos las matemáticas, 360/16 y ahí tenemos un círculo perfecto Es posible que desee modificar algunos de estos ajustes dependiendo del aspecto que busque Ahora que estamos usando un rectángulo, hay algunas diferencias que puedes ver en lugar de solo usar una elipse Nuestras propiedades de transformación bajo el grupo uno, si jugamos con nuestra rotación, vemos como todos estos rectángulos están girando Nuevamente, hagas lo que hagas a tu forma inicial, que es esta delimitada por esta caja, el repetidor aplica esos valores a todas las instancias de esa forma para ver si queremos sesgar esa, todas sesgan Solo puedes imaginar algunas de las cosas realmente geniales que puedes hacer con esto. Ahora mira esto es solo un rectángulo y levanté el sesgo sobre esto y ahora estoy jugando con la rotación Recuerde que todos estos son clave encuadrables. Esta es una forma genial. Entonces digamos que es una rotación de 190 grados. Movamos ese marco clave hacia adelante y luego llevemos esto de vuelta a cero. Y ahora mira esto, podemos conseguir esto una animación. Ahora bien, si te gusta la forma aquí y dices que tal vez quieras que esta forma gire, ahí es cuando usarías las propiedades de transformación de forma en sí. Lo que quiero decir con eso es que vamos a cerrar nuestra capa de forma aquí. Recuerda tu propia capa, la capa de forma tiene sus propias propiedades de transformación. Ahora mira podemos rotar esto y podemos conseguir ese tipo de diseño. Tienes muchas propiedades transformadas pasando aquí. Tienes tus propiedades de transformación de grupo que controla lo que esté dentro de este grupo, en este caso, es nuestro rectángulo. Tiene las propiedades de transformación dentro del repetidor que está interactuando con las propiedades de transformación de su grupo Y luego tienes tus propiedades de transformación de capa en sí mismas que controlan toda la capa. Otra razón por la que te sugiero que pongas todas tus formas dentro de los grupos es ver lo que sucede cada vez que mueves el repetidor dentro del grupo Bien, mira ahora perdimos todo ese diseño. Y la razón por la cual es porque el repetidor está interactuando ahora con las propiedades de la ruta del rectángulo en lugar de las propiedades de transformación de grupo Tenemos todos estos ajustes aquí abajo. Tenemos nuestra posición que fue alterada, tenemos nuestra rotación. Bueno, el repetidor no puede interactuar con eso ahora porque sólo puede interactuar con lo que está por encima de él No se puede mover el repetidor debajo de las propiedades de transformación Porque las propiedades de transformación de un grupo afectan a todo lo que se encuentra dentro del propio grupo. Es muy importante asegurarse si haces diseños como este, tener el repetidor fuera del grupo El repetidor sólo tiene esta información con la que interactuar, que es tamaño, posición, redondez No puede interactuar con la rotación porque el paso rectangular y las elipses no tienen opción de rotación Para hacer este diseño, otra vez, asegúrate de tener tu repetidor fuera del grupo Ahora siempre puedes agregar otro grupo y poner este grupo uno y repetidor dentro de ese Ahora este grupo y repetidor están dentro de este grupo. Llamemos a esto diseño rojo. Ahora reloj es que podemos duplicar este diseño rojo. A esto se le puede llamar diseño azul. Sube a nuestro relleno y cámbiala a azul. Ahora tenemos algunas opciones más. Ahora recuerda que el repetidor afecta a todo lo que está por encima de él. El repetidor está afectando al grupo por encima de él y todas las propiedades de transformación dentro de ese grupo Bueno, ahora que hemos agrupado, que este grupo tiene sus propias propiedades de transformación, podemos mover este diseño a cualquier lugar que queramos. Ahora bien, estos dos se pueden controlar de forma independiente. Déjame deshacerme de esto otra vez, aquí nos centraremos en nuestro diseño azul. Vuelva a poner esto a las 00. Empezamos con el grupo y el repetidor. Y el repetidor está afectando a este grupo en estas propiedades de transformación Todo lo que hice fue con contenidos resaltados, agregar otro grupo, y llamaremos a este diseño. Ahora podemos mover este grupo y este repetidor dentro de este grupo de diseño Y ahora tenemos aún más opciones. Podemos manipular este grupo con esta rotación mientras también manipulamos la rotación del propio grupo Todos estos tienen diferentes efectos. Una de las cosas que es importante con el repetidor es que experimentes y juegues con él. Pero hay algunos principios básicos que debes conocer. 49. 05.06 Repetición del repetidor pt. 1: Bien, en esta lección vamos a profundizar un poco más en el repetidor Sigamos adelante y creamos otra composición. A esto lo llamaremos repetir el repetidor. Esto es algo que es realmente genial, que realmente abre todo un mundo de posibilidades. Ajustemos nuestra comp al tamaño de la ventana. Haga clic derecho en esta área. Elige nueva forma Capa arriba, nuestra capa de forma aquí. Y sigamos adelante y agreguemos una elipse. Y luego agreguemos A. Ahora recuerda de nuestra última lección, queremos asegurarnos de agrupar nuestra forma. Agrega un grupo y sacaremos nuestra elipse y rellenaremos en ese grupo Después vuelve a los contenidos. Y luego vamos a agregar un repetidor tocado la última vez, Va a por defecto a tres copias Abre nuestras propiedades transformadas. Tenemos este valor predeterminado 00 en el eje X e y para punto de anclaje para la posición 100 píxeles en el eje X y cero en el eje Y. Vamos a salir y poner esta posición de nuevo a cero, manera que de esa manera solo podamos ver una forma aunque tengamos tres. Queremos volver a nuestro grupo usando nuestras propiedades de transformación de grupo. Movamos nuestra elipse hacia arriba. Volviendo al repetidor, agreguemos 16 copias usando las propiedades de transformación del repetidor Vayamos a rotación y 360/16 y aquí obtenemos nuestro círculo de formas Ahora una de las cosas que es realmente genial es que puedes repetir el repetidor La forma en que lo haces, resalta los contenidos agregar. Y vamos a añadir otro repetidor debajo del repetidor inicial Y ya empezaste a ver algo del efecto que esto está teniendo. Pero modifiquemos estos ajustes y obtengamos un efecto realmente genial aquí Así que vamos a abrir nuestras propiedades de transformación del repetidor dos Y recuerde que el repetidor por defecto es de tres copias, y hace este desplazamiento de posición 100 píxeles. Esto va a suceder. No importa cuántas veces agregue el repetidor, siempre tendrá estos ajustes predeterminados Ahora cambiemos esta posición cero y veamos qué sucede cada vez que disminuimos la escala de las propiedades transformadas del repetidor dos Ahora tenemos tres copias de este repetidor inicial, y se puede aumentar el número de copias Di tal vez diez y se remonta. Ves, ahora realmente podemos empezar a jugar con este reloj. ¿Qué sucede cada vez que aumentas la escala más allá de 100? Va en sentido contrario. Esto es clave encuadrable, Pongamos la escala a cero, Pongamos ahí un fotograma clave, avanzamos unos 15 fotogramas y luego tal vez hagamos esto 150 Entonces vamos a hacer una pendiente de esa zona. Se puede ver el efecto que tiene. Puedes hacer algunas cosas realmente geniales repitiendo el repetidor Ahora usando el repetidor dos propiedades de transformación, observe lo que sucede cada vez que ajusta la rotación Entonces empiezas a conseguir que esto sea un efecto. Puedes hacer algunas ilusiones ópticas realmente geniales. Este repetidor dos está repitiendo la información que está obteniendo del repetidor uno, que está repitiendo la información del grupo ver si disminuimos nuestra trayectoria elipse, todos los círculos se harán más pequeños porque es todo jerárquico Hacemos que nuestro tamaño de trayectoria elipse sea realmente pequeño. Ir al repetidor uno, tal vez aumentar esto a 30, y tenemos que hacer nuestras matemáticas aquí en el repetidor uno, rotación 360/30 Ahora tenemos Podemos empezar a jugar con estos ajustes. Puedes obtener algunos efectos realmente geniales aquí. Ahora mira lo que pasa si volvemos a subir al grupo uno. Vamos a agregar enredo en su lugar, y deshacernos de nuestra elipse Ahora todos estos van a ser trazados rectángulos. Disminuyamos un poco eso. Se puede ver la diferencia que tiene esa maraña de una elipse Vamos a rotar esto. Poner nuestras propiedades de transformación para nuestra capa. Solo trae esto a colación para que sea a pantalla completa. Entonces, como puedes ver, la rotación de tu repetidor dos tiene un efecto diferente al de la rotación de tu repetidor Las propiedades de rotación del repetidor uno son muy específicas. Para hacer un círculo, tienes que dividir el número de copias por 360 en tu rotación. Ese no es el caso con el repetidor dos, porque el repetidor dos está repitiendo lo que ya se ha hecho A ver si le quitamos el repetidor uno. Tenemos algo que no queríamos crear aquí. La forma en que la interacción con la capa de forma ahora no es en absoluto lo que teníamos inicialmente Solo recuerda, a medida que empieces a apilar estos repetidores, vas a obtener muchos efectos diferentes Todo esto es clave marco, así que puedes hacer todo tipo de diseños realmente geniales Te recomiendo encarecidamente que hagas algo de experimentación. 50. 05.07 Repetición del repetidor pt. 2: En la lección anterior, repetimos el repetidor para crear algunas variaciones de diseño realmente geniales basadas en un círculo de elipses y En esta lección, vamos a ampliar nuestro conocimiento y crear un fondo de pequeñas elipses. Una vez más, repitiendo el repetidor. Esto te muestra cuántas cosas son posibles con el repetidor Y esto es solo la punta del iceberg. Haga clic derecho en esta área. Elija nueva capa de forma. Ahora agreguemos un grupo. En ese grupo, queremos agregar una elipse. Agreguemos un relleno con contenidos resaltados. Agreguemos un repetidor. Bien, ahora recuerda que todo se va a repetir relativo a la forma inicial. Digamos que queremos hacer un fondo lleno de pequeños puntitos. Bueno, vamos a agarrar esta forma y ponerla en la esquina superior izquierda. Y ahora hagamos que nuestra trayectoria elipse diga tal vez 20 píxeles. Así que hazlo realmente pequeño. Aumentemos el número de copias, digamos, a 20. Recuerde que al ajustar esta posición, el valor X ajusta el espacio entre las formas horizontalmente, y el eje Y ajusta la dirección de la línea verticalmente. Volvamos a poner esto a cero. Acercar estos, y tal vez agregar más copias. Di 30, un poco más. Di tal vez 40, y tráiganos un poco más cerca. Ahora mira podemos ajustar esta elipse más allá del tamaño, tal vez bajando a diez Haz los 60 puntos y tira estos muy apretados, tenemos esta línea de puntos realmente delgada. Agreguemos otro repetidor. Ahora recuerda esto va a repetir todo lo que está por encima de él, incluido el repetidor uno Abre nuestro repetidor dos propiedades. Volvamos a poner nuestra posición a cero. Ahora mira lo que sucede cada vez que ajustas el eje Y. Lo mueve hacia abajo. Mira, ahora tenemos esto. Hagamos tal vez 50 copias de esto. Ahora tenemos toda esta pantalla llena de estos puntitos. Repetidor uno, ya ves como nuestra posición se establece en 31. Hagamos esto 35. Ir al repetidor dos, hacer nuestro eje y 35 Hay exactamente 35 píxeles, tanto vertical como horizontalmente entre estos puntos. Nuevamente, permítanme señalar esto. Repetidor uno, nuestra posición sobre el eje X es 35. Repetidor dos, nuestra posición en el eje Y es 35. Esto es controlar el espacio entre los puntos horizontalmente, y el repetidor dos lo está controlando verticalmente Puedes hacer algunas cosas realmente geniales. Empieza a jugar con la rotación del repetidor dos. Solo puedes obtener algunos diseños realmente geniales. Nuevamente, todo esto es keyframable. Puedes animarlos en, puedes hacer algunas cosas realmente, realmente geniales Una de las cosas de las que realmente no hemos hablado es comenzar la endopacidad Startopacity. Si bajamos esto, se puede ver el efecto, es 0% de opacidad, lo que significa que es inexistente Nuestra endopacidad es 100 yendo de izquierda a derecha, obtenemos esta Podemos hacer lo mismo con el repetidor dos. Podemos bajar a cero nuestra startopacidad. Y ahora podemos ver cómo es justo esta esquina inferior derecha, porque vamos de izquierda a derecha, de arriba a abajo. Solo juega con algunos de estos ajustes. Vuelva a poner la opacidad de la estrella hasta 100. Poner nuestra endopacidad en repetidor dos abajo a cero. Y ahora obtienes la esquina superior derecha que tiene el sombreado más brillante O podemos hacer nuestra endopacidad cero y nuestra starpacity 100 y va de Te recomiendo encarecidamente que juegues con estos ajustes de repetidor El repetidor y repetir el repetidor pueden producir algunos diseños realmente geniales e interesantes Tu única limitación es tu imaginación. 51. 05.08 El repetidor y expresiones: Bien, entonces quiero mostrarte cómo crear algunas animaciones y diseños muy geniales. Y puedes hacerlo súper rápido usando algunas expresiones muy simples. Aunque este curso no se trata realmente de expresiones, hay algunas que los diseñadores gráficos en movimiento usan con mucha regularidad, y son muy simples de recordar y de usar. Bien, entonces ya creé una composición. Vamos a hacer clic derecho en esta área. Aquí va nueva capa de forma. Vamos a abrir eso y vamos a sumar un grupo. Entonces vamos a agregar un rectángulo y darle un relleno a ese rectángulo. Vamos a cambiar este color a otra cosa, como una naranja. Bien, Y luego con el contenido resaltado, agreguemos un repetidor Y luego vamos a abrir la configuración de nuestro repetidor. Lo primero que tenemos que hacer es entrar en nuestro grupo uno. Y vamos a usar nuestras propiedades de transformación para el grupo uno y mover ese rectángulo hacia arriba. Ahora tenemos que elegir cuántas copias de esa forma queremos. Digamos 25. Bajemos a nuestras propiedades transformadas. Para el repetidor, nuestros valores de punto de anclaje y posición x e y deben establecerse todos en cero De esa manera sólo vemos una copia de esta forma bajar a nuestra rotación. Y hagamos las matemáticas, 360 divididos por nuestro número de copias, que es 25, y tenemos nuestro círculo. Volvamos a subir a nuestro camino rectangular y tal vez ajustemos el tamaño de este para que podamos verlo un poco mejor. Después vuelve al contenido. Agreguemos otro repetidor. Y vamos a abrir las propiedades de transformación de ese repetidor Y hacer que nuestro punto de anclaje en posición x e y valores cero. Ahora disminuyamos la escala del segundo repetidor y tal vez aumentemos el número de copias a diez Ahora tenemos esto que obtuvimos en la lección anterior usando las propiedades de transformación de la propia capa de forma. Aumentemos esto para que llene nuestra área aquí. Ahora hay algunas expresiones que puedes hacer para obtener algunos efectos realmente geniales. Ve a nuestro grupo uno y abre nuestras propiedades transformadas. En una PC, desea hacer clic en la rotación y simplemente escribir tiempo veces negativo 15. Eso va a rotar cada una de estas cajas hacia la izquierda. La velocidad de 15 es bastante lenta. Eso está bien porque ese es el efecto que queremos. Usando las propiedades de transformación del grupo uno, tenemos cada caja individual girando lentamente hacia la izquierda. Vamos a nuestro repetidor dos y Alt, haga clic en rotación y escriba tiempos de tiempo 50 Eso va a hacer que todos estos dentro giren, tal vez vamos a ralentizar un poco eso . Digamos veces 25. Si bien estas cajas giran todas hacia la izquierda, las cajas en su interior giran hacia la derecha. Podemos hacer uno más con nuestra capa de forma resaltada clic R para toda la rotación de la capa de forma. Un clic bajo rotación en tipo tiempo veces negativo 15. Ahora obtenemos este efecto. Nuestra capa de forma gira mientras que cada forma individual gira mientras que el repetidor dos gira Ves, esto es solo un ejemplo rápido de cómo puedes crear algo que sea muy interesante y genial muy, muy rápido. Sólo para darle un poco más de estilo, vamos a abrir nuestras propiedades de transformación para repetidor dos y disminuir nuestra endopacidad hasta repetidor dos y disminuir 25% Obtenemos este Podemos ir hasta el final hasta cero. Obtenemos esto desvaneciéndose en la parte de atrás. Puedes cambiar estos colores instantáneamente con solo hacer clic en tu relleno Puedes hacer de este un color diferente. Agrega un trazo si lo deseas, aumenta el tamaño de ese trazo. Puedes hacer todo tipo de cosas geniales y todo se actualiza automáticamente. Porque está en un diseño jerárquico, lo que sea que le hagas a la forma inicial, los repetidores van a afectar repetidor dos va a afectar al repetidor uno, lo que afecta a la forma inicial Agrega un poco de sesgo a esto. Ahora tenemos un diseño realmente genial aquí, algo que se ve muy interesante. Ilusión de obstáculos como, de nuevo, eso fue súper rápido. Sólo una capa de forma, un grupo que tiene un rectángulo y un par de expresiones. Te recomiendo encarecidamente que hagas algo de experimentación y solo veas realmente lo que puede hacer el repetidor y ver cómo tu creatividad puede cobrar vida usando esta poderosa función 52. Porcentaje de finales de trazadas de recorte: Bien, así que sigamos adelante y creamos una nueva composición. Simplemente haremos clic en nuestro nuevo icono de composición aquí, que muestra nuestros ajustes de composición. Y vamos a nombrar a este recorte Caminos. Y dejar todos los ajustes como los hemos tenido hasta ahora. Y solo elige Bien. Entonces ahora solo para recapitular, hemos repasado las tres formas de crear una capa de forma Puedes hacer clic derecho en esta área, esta a la izquierda de la línea de tiempo, elegir Nueva Capa de Forma. O podemos subir a nuestro menú desplegable y elegir Nueva capa de forma. O puedes agarrar una herramienta de creación de capas de formas, elegir la forma que quieras y luego dibujarla. También aprendimos que si usas este método, digamos vamos a elegir una herramienta de polígono y mantengas pulsado el botón izquierdo del ratón, haz clic y arrastra Y si vas de turno, hará que tu polígono no tenga rotación sobre él. Traerá en último lugar el color del trazo y el ancho del trazo, así como el campo que escogiste. Además, recuerda que si creas una forma de esta manera, necesitas pasar a tu panel de alineación y solo alinearla al centro de tu composición. Por el contrario, si creas una forma eligiendo una nueva capa de forma, o subiendo a nuestro menú desplegable y eligiendo capa, nueva capa de forma. Trae una capa de forma, pero no hay contenido. Entonces tienes que agregar físicamente en todo lo que quieras agregar. Voy a seguir adelante y empezar desde este punto, y vamos a añadir un rectángulo. Y vamos a darle un relleno a este rectángulo. Y vamos a aumentar el tamaño de nuestra ruta rectangular abriendo nuestra opción de ruta rectangular aquí y aumentándola. Ahora una de las cosas que debe saber sobre los trazados de recorte es que se trata de una herramienta de animación de trazos. No es una herramienta de animación de relleno. Puedes aplicarlo a un relleno, pero los resultados que obtengas no van a ser los que más probablemente quieras. Puede haber algún caso raro en el que aplicar una ruta de recorte a un relleno funcione para sus necesidades. Pero el 99% de las veces ese simplemente no va a ser el caso. Trim paths está diseñado para animar trazos y te mostraré por qué Contenidos resaltados. Agreguemos un Trayectorias de recorte. Bien, si abrimos nuestras rutas de recorte aquí mismo, vemos que tenemos estas opciones, Inicio, desplazamiento final y recorte múltiples formas simultáneamente. Si haces clic en el menú desplegable, también tienes la opción de individualmente. Vamos a repasar lo que significa cada uno de estos. Pero primero quiero mostrarte lo que sucede si aplicas un recorte a un enfoque de relleno en nuestra animación final, que se establece por defecto en 100% y comienzas en 0% y te explicaremos por qué en solo un segundo Pero por ahora, mira lo que pasa cuando empiezo a fregar nuestro porcentaje final aquí. Como pueden ver, esta es una forma muy extraña de traer un relleno. Simplemente no se ve bien. Y si ajustas tu offset, puedes moverlo un poco. Y como dije, puede haber algún raro caso de que este sea el aspecto al que vas, pero la mayoría de las veces no lo eres. Así que solo ten en cuenta que el trazado de recorte está diseñado como una herramienta de animación de trazos. Y tiene sentido que este sea el caso porque recuerden, un camino realmente solo tiene un trazo. Una vez que se encierra un trazado, se convierte en una forma que puede contener un relleno así como un trazo Recortar trazados en realidad solo recortan trazados, o al menos eso es lo que está diseñado para hacer. Entonces, deshagámonos de nuestros caminos recortados aquí y deshagámonos de nuestro relleno. Y ahora agreguemos un trazo a este trazado rectangular. Y por defecto es blanco a dos píxeles de ancho. Así que sigamos adelante y aumentemos nuestro ancho de trazo. Lo haremos 50 pixeles. Y a lo mejor quiero hacer este camino rectangular un poco más grande con contenidos resaltados. Vamos a Agregar, y vamos a agregar un trim paths. Si abrimos caminos de recorte, vemos que tenemos varias opciones. Tenemos inicio, fin, offset, recorte, múltiples formas. ¿Qué significan estos? Para animar esto, es necesario agregar fotogramas clave Por defecto, la ruta de recorte, porcentaje inicial se establece en cero y el porcentaje final se establece en 100. Pongamos un fotograma clave al inicio de esta capa y movamos este 100% hacia abajo a cero. Adelante tal vez un segundo. Tráelo de nuevo hasta 100 para darle un bucle a eso. Y si lo vemos, podemos ver cómo anima los trazados de recorte en este rectángulo Bien, hablemos por un minuto sobre lo que realmente significa este 0% a 100% sobre el porcentaje final. Olvídate del porcentaje de inicio por ahora, lo cubriremos en una lección posterior. Piensa en el porcentaje final así. Cuando tu animación esté completa, debería estar 100% completa. Cuando no hay trazo visible, lo que significa que no tiene ningún recorte, estará en 0% Dado que su porcentaje final por defecto es 100% Ax está aplicando automáticamente trazados de recorte en su trazo como una animación completada 0% en el porcentaje final de un trazado de recorte es una animación incompleta y 100% es una animación completamente completa. Y entonces claro, tienes porcentajes en el medio. Solo estás recortando una trayectoria de trazo en. Es decir, si estás animando un trazo de completamente incompleto a parcial o completamente completo, entonces lo mejor es usar tu porcentaje final De nuevo, vamos a cubrir el porcentaje de inicio en otra lección. Lo principal a tomar de esta lección es recordar usar su porcentaje final si está recortando una trayectoria de trazo en 53. 05.10 Punto de inicio y dirección de recorte: Ahora hay algunas formas de ajustar donde quieres que comience esta animación. Una de esas opciones que ya hemos repasado es si cambias esta ruta rectangular haciendo clic derecho para convertirla a Bezier y luego resaltas la ruta, puedes seleccionar la esquina que quieras, puedes seleccionar la esquina que quieras, haz clic con el botón derecho y luego elige máscara y forma y establece el primer vértice a ese vértice Ahora se va a animar desde ese vértice, si queremos que se anime desde la parte inferior izquierda, simplemente hacemos clic derecho sobre la máscara de vértice inferior izquierda y damos forma al trazado y establecemos el primer vértice, y vemos que A partir de ahí, voy a controlar Z. Para volver a nuestro camino rectangular, va a haber momentos en los que quieras conservar la capacidad de ajustar tu redondez, capacidad de mover la posición, o quizás quieras ajustar tu talla Cualquiera de los dos tamaños de enlace, que si tienes este enlace marcado aquí, entonces tu tamaño x e Y permanece idéntico. O si lo desmarca, puede ajustar el tamaño tanto vertical como horizontalmente sin obtener distorsión para que el tamaño no esté vinculado Y lo que quiero decir con eso es decir por ejemplo, pensemos este cuadrado perfecto 500 por 500. Y ahora mira si bajas a tus propiedades de transformación. Y si desvinculas tu báscula. Y recuerda que la escala es porcentajes, donde el tamaño está en píxeles. Y esa es una distinción muy importante. Di que si desvinculamos nuestra escala y decimos que solo queremos hacer nuestra escala horizontal más grande, empiezas a obtener esta extraña deformación que tu trazo no sea consistente en todos los sentidos Nuevamente, esto es ajustar la escala de la capa de forma, que está en porcentajes. Quieres que esto esté en 100, 100 y para evitar esa distorsión, desvincula el tamaño de tu trayectoria rectangular a medida que lo haces más ancho, no hay distorsión de tu forma Y tu golpe dice que es consistente. Y el motivo es por esa distinción que mencioné. Tu tamaño está en píxeles. Entonces esto no afecta el escalado real y los porcentajes de la capa de forma. Solo ajusta el ancho y alto de píxeles de tu forma particular. Entonces eso es algo muy importante para recordar. Si vas a ajustar alguna forma, quieres ajustar el tamaño, no la escala de las propiedades de transformación. Bien, de vuelta al camino de recorte. Hagamos esto 500 por 500. En los casos en los que quieras conservar el control sobre el tamaño y la posición y la redondez, no quieres convertir esto un camino más bezier porque como acabamos de ver, una vez que haces eso, pierdes esa habilidad Entonces ahora es solo un camino y no tienes el control sobre el tamaño, o posición, o instancias de redondez donde quieres controlar dónde comienza esta animación Se puede manipular este desplazamiento. Ahora, el desplazamiento por defecto es cero grados y esto es básicamente una rotación que controla dónde comenzará tu animación A medida que empiezas a pasar por esto, puedes ver que puedes colocarlo tal vez en la esquina superior izquierda. Puedes bajar aquí y colocarlo en la esquina inferior izquierda. Así es como puedes controlar dónde comienza tu animación para un recorte de caminos. Ahora bien, si vemos esto, vemos cómo va la animación en el sentido de las agujas del reloj. Bueno, ¿y si quieres ir en sentido antihorario? Esto va a ser cierto para cada trazado de recorte de trazo que cree. Si miras debajo de la ruta rectangular, tenemos estas dos opciones aquí. Tenemos la dirección de la ruta inversa activada y la dirección de la ruta inversa fuera. Si simplemente haces clic en el que no está resaltado, cambiará la dirección de la animación. Mira ahora vamos en sentido antihorario. Haga clic en la primera opción, que está desactivada la dirección de la ruta inversa y va en sentido horario. Así es como puedes controlar dónde comienza tu animación usando offset, la dirección de tu pase de recorte. La animación se controla usando la dirección de ruta inversa. Alterna de apagado y encendido. 54. Porcentaje de inicio de rutas de recorte: Recogiendo de nuevo donde acabamos de dejar, vamos a este último fotograma clave aquí para nuestra animación Y pongamos un fotograma clave para comenzar y se pone en cero y vamos adelante otro segundo Y luego vamos a aumentar inicio al 100% Y se puede ver el efecto de esto tiene que anima encendido y luego se anima apagado Eliminemos ambos. ¿Qué pasa si animas solo la posición inicial? Bueno, di que cero, avanza a segundo, sube al 100% Si tienes fin, 0% trimas anima en este rectángulo Si estás usando end para animar esto en 0-100% tu porcentaje de inicio debe estar en cero Si aumentas tu inicio hasta 100, entonces simplemente se anima. No hay animación encendida. De igual manera, si tienes final configurado al 100% que es el predeterminado, pasa de inicio 0% hasta 100% Otra vez, simplemente anima off. Algunos de estos son un poco complicado, pero usa los valores predeterminados que después del efecto establece para ti Después de los conjuntos de efectos, los trazados de recorte comienzan en cero y terminan en 100% La forma más fácil recordarlo es usar su porcentaje final para animar trazos y luego usar su inicio para animarlos. Este es el efecto que obtendrías con porcentaje final usado primero y luego comenzar el porcentaje usado segundo. 55. 05.12 Recortar múltiples rutas: Ahora vamos a empezar de nuevo una compensación. ¿Qué pasa con este recorte de múltiples rutas simultáneas e individuales? Esta opción se utiliza cuando se tienen múltiples formas. Te voy a mostrar algunos escenarios diferentes y cómo funciona este recorte de múltiples formas. Sigamos adelante y agreguemos una elipse. Y vamos a aumentar la elipse aproximadamente del mismo tamaño que nuestro rectángulo Y luego vamos a moverlo. Estos están uno al lado del otro sin un grupo. Tanto el rectángulo como el trazado de elipse están usando los mismos atributos Es decir, el mismo trazo y los mismos caminos de recorte. Cualquier cosa que hagamos para alterar nuestro trazo va a aplicarse a ambos. Siempre que tengas formas o fuera de grupos, lo que venga debajo de ellas se aplicará a ambos. Digamos que queremos que tengan el mismo color de trazo y ancho de trazo. Abramos nuestras rutas de recorte y estableceremos un marco clave para las rutas de recorte en cero, avanzaremos 1 segundo y lo pondremos en 100. Y entonces sólo vamos a ver eso. Vemos que animan exactamente a la misma hora. Y exactamente de la misma manera, tienes unos cuantos controles que puedes usar para que estos sean algo únicos. Entonces, si queremos invertir la dirección de la animación para nuestro trazado rectangular, simplemente haga clic en la dirección de la ruta inversa en. Y ahora cuando lo vemos, vemos que van en direcciones opuestas. También podemos hacer que ambos vayan en sentido antihorario, o podemos hacer que el camino de la elipse vaya en sentido antihorario y el rectángulo vaya en sentido horario Pero, ¿y si queremos que el rectángulo se anime primero y luego en el círculo Bueno, ahí es donde entra en juego esta moldura de múltiples formas. Trempass por defecto es simultáneamente, lo que significa que el Trempass se va a aplicar al mismo tiempo, sin importar cuántas formas tengas aquí Sin embargo, si cambiamos simultáneamente a individualmente, cualquiera que sea la forma que sea más alta en nuestra jerarquía, vamos a animar Si vemos eso, vemos ahora que nuestro rectángulo viene primero y luego nuestra elipse Si notas, la animación es más rápida. Y la razón por la cual es porque está animando cada camino, por lo que en realidad tiene menos tiempo para animarlos individualmente. Esta es una animación de 1 segundo. Si tenemos que establecer individualmente, entonces está dando medio segundo para que cada forma se anime Mientras que, si tenemos que establecer dos simultáneamente, no es un segundo completo para animarlos al mismo tiempo Ves, eso es mucho más lento que si cambiamos esto individualmente. Ahora echemos un vistazo a lo que sucede si haces grupos de anuncios. Para tener un poco más de control sobre esto, subamos nuestro camino de labios en nuestro camino rectangular y pongamos nuestra posición a cero para que el sprite vuelva al centro, esa manera están uno encima del otro Entonces vamos a deshacernos de este camino de tendencia por ahora. Vamos a ir a contenidos, vamos a agregar un grupo. Ahora vamos a tirar de nuestro camino rectangular en el grupo uno. Agrega otro grupo y vamos a jalar nuestro camino de labios en el grupo dos. grupo uno es rectángulo y el grupo dos es, diremos círculo. Ahora podemos usar nuestras propiedades de transformación para controlar la posición, escala, rotación. Todo de cada forma individual obtenemos bajo nuestras propiedades transformadas. Para rectángulo, podemos simplemente mover nuestra posición hacia la izquierda. Y lo mismo para el círculo. Ábrelo, obtén nuestras propiedades transformadas para ese grupo y muévalo. Al notar, tenemos un derrame cerebral que está fuera de estos dos grupos. Nuevamente, este trazo se aplicará tanto al círculo como al rectángulo. Si movemos el trazo arriba por encima del círculo, vemos ahora que no se aplica al círculo, solo se aplica al rectángulo. Es la mejor práctica poner realmente tu trazo dentro del grupo para rectángulo, ahora tenemos eso dentro de un rectángulo. Agrupar, círculo, resaltar, círculo. Podemos ir a sumar y podemos agregar su propio trazo. Y ahora, entonces estos dos trazos son independientes el uno del otro como vemos este trazo aquí. Si subimos a nuestro panel de control de capa de forma, vemos que es rojo y 64 píxeles de ancho. Si destacamos este trazo, vemos que es de color blanco y de sólo dos píxeles de ancho. Aumentemos esto hasta 64 para que sean del mismo tamaño. Y podemos cambiar este color a lo que queramos y no afectará al trazo que está dentro del grupo para rectángulo. Bien, Ahora volvamos a los contenidos. Y si agregamos un pase de recorte, automáticamente agregará el recorte al fondo de esta jerarquía ¿Bien? Ahora bien, si tenemos este recorte pase aquí, y vamos a abrirlo y usemos nuestra animación final. Poner un fotograma clave, moverlo hacia abajo a cero, avanzar 1 segundo y aumentarlo a 100. Esto tiene exactamente el mismo efecto que lo que vimos cada vez que estas dos formas estaban fuera de los grupos. Y la razón por la cual es porque este pase de recorte está afectando a todo lo que está por encima de él. No importa si esto es un grupo o simplemente formas. Queremos más control sobre esto. A lo mejor queremos pasar algo de tiempo entre la animación de estas dos formas que se encienden. control D, que va a hacer una copia de nuestras rutas de recorte, tiene recorte uno en la pasada de recorte dos Vamos a mover el recorte uno dentro del rectángulo y recortar dos dentro del círculo. Podemos simplemente abrirlas. Abriremos nuestro pase de recorte. Abre nuestros caminos de recorte aquí para nuestro círculo. Digamos que podemos agarrar estos fotogramas clave y tal vez moverlos más allá de nuestro último fotograma clave y tal vez incluso un poco más Entonces hay algo de espacio aquí, voy a hacer un bucle de eso. Y como podemos ver, el rectángulo anima y luego la elipse, Esa es solo una forma de tener más control, es crear estos grupos donde pones tus formas dentro de grupos y además agregar todos los atributos que significan trazos rellenos, cualquier cosa por el estilo Así como tus herramientas de animación, Significado rutas de recorte. Dado que estos trazados de recorte solo está afectando a este rectángulo en este trazo dentro de este grupo, no hay razón para cambiar simultáneamente a individualmente, porque ahora solo va a afectar a esta forma. 56. Resumen de rutas de recortes: Solo para resumir esto, el paso de recorte es una herramienta de animación de trazos. No se pretende animar rellenos, sino sólo trazos. Y tienes una serie de controles a tu disposición. Se puede animar el porcentaje final. Se puede animar el porcentaje de inicio. Puede usar el desplazamiento para controlar dónde comienza la animación. Y si tienes varias formas, ya sea dentro de un grupo o dentro de la capa de formas, puedes elegir recortar individualmente varias formas. Y los recortará uno a la vez. Mientras que si los tienes establecidos la configuración predeterminada simultáneamente, se animarán al mismo tiempo y a la misma velocidad 57. 05.14 Capacitación básica de fusión de rutas: En esta lección, vamos a cubrir caminos de fusión. La ruta fusionada es una entidad de capa de formas cuya funcionalidad le permite formar formas complejas combinando diferentes formas mientras agrega y resta segmentos de formas superpuestos Además de incluir y excluir las intersecciones de esas formas. Puede ser un poco complicado, pero si sigues y prestas atención a la jerarquía de cómo se colocan las formas y sus rellenos y trazos en los trazados de fusión, encontrarás que puede ser una herramienta muy, muy útil. Y repasaremos algunas instancias en las que el uso de rutas de fusión es extremadamente útil, como crear iconos. Bien, así que sigamos adelante y creamos una nueva composición. Haremos nuestro habitual icono de nueva composición aquí, y vamos a llamar a esto merge paths. Todo se ve bien. Y haz clic bien. Ahora vamos a crear una nueva capa de forma. Tengamos esa capa de forma aquí. Usemos el botón Agregar. Y en realidad usemos el botón Agregar de nuestro panel de capas Shape aquí arriba solo para usar algo un poco diferente y para acostumbrarte a usar diferentes métodos de creación de estas capas de formas. Usando el botón Agregar, vamos a presionar Agregar, y vamos a agregar una elipse Y luego agreguemos un relleno. adelante y hagamos esta elipse un poco más grande, y tal vez cambiemos el color de la misma Algo así y tal vez un poco más grande. Bien, Luego con los contenidos resaltados, agreguemos una forma diferente, Algo más. Vamos a añadir un rectángulo. Ve cómo se ha colocado el rectángulo aquí, puedes ver el contorno del mismo. Y si ocultamos nuestro camino elipse haciendo clic en este globo ocular aquí mismo para rehuir, podemos ver que nuestro rectángulo está ahí mismo, hacerlos a ambos 500 píxeles Recuerde que el tamaño para las trayectorias de elipse y rectángulo está en píxeles, no en porcentajes Esto es en realidad 500 píxeles por 500 píxeles. Bien, ahora voy a compensar esto un poco. Para que puedas ver el efecto de usar rutas de fusión. Incluso podemos agregar un trazo en realidad. Para que puedas ver el efecto completo. El trazo en este relleno está afectando completamente a ambas formas. El rectángulo tiene este relleno y trazo, y la elipse tiene este relleno y trazo Cuando los combinamos, se puede ver que el trazo va alrededor de ambas formas, resalta los contenidos. Y vamos a agregar un merge paths. Y ahora fíjense dónde se sitúan los caminos de fusión. Se pone entre las formas y los atributos de trazo y relleno. Y eso es muy importante que los caminos de fusión estén en esta ubicación. Si haces click lejos ahora el trazo ha desaparecido de alrededor de la parte interna del círculo y el rectángulo. Y la razón por la cual es por este pase fusionado. Ahora mira si movemos el pase de fusión debajo del trazo y rellenarlo completamente elimina con ambas formas. Por lo que es muy importante donde coloques los caminos de fusión. Pon el pase de fusión entre tu forma y tu atributo de trazo y/o relleno, entonces deberías ser bueno. Bien, ahora vamos a abrir un pase de fusión y veremos que aquí tenemos algunas opciones. Bajo modo, está configurado para agregar. Eso es lo que incumple . Fíjate, sin embargo, esa es nuestra segunda opción. Si hacemos clic en Fusionar, si miras el trazo ahora solo fusiona estas dos formas Este es el mismo efecto que si no hiciéramos nada. Cuando fusionas caminos emergidos, el resultado es básicamente ni siquiera agregar caminos emergidos. Volvamos a encender eso. Así es se ve en el modo anuncio. Combina estas dos formas en una sola. Restar, va a restar el área donde se cruzan y el resto de la forma que está en la Lo que quiero decir con eso es esto. Volvamos a fusionarnos. Estas son nuestras dos formas. Estas dos formas se cruzan aquí mismo en la mitad derecha de la elipse y la mitad izquierda del rectángulo, si lo elegimos, restan el área donde se cruzan, así como el resto de la trayectoria del rectángulo que está en la posición más baja Y si hacemos click lejos, porque ahora mismo tengo esta capa de forma resaltada para que podamos ver todos los límites alrededor de ambas formas. Si hago clic lejos, ahora tenemos un semicírculo. Bien, ahora mira lo que pasa si muevo la elipse por debajo de la trayectoria rectangular Ahora lo que falta es la zona donde se cruza. Y el resto de la jerarquía de elipse es muy importante con caminos fusionados Repasemos un poco más de los modos. Esto es restar de nuevo. Lo que esté en la parte inferior se restará así como el área de intersección Debajo restar, hemos intersectado. Esto incluye el área donde se cruzan las dos formas. Y entonces la última opción es excluir intersecciones. Esto va a hacer lo contrario de lo que hace intersectar. Ahora tenemos aquí este espacio vacío donde se cruzan las dos formas Realmente puedes ver el efecto de esto cuando empiezas a mover algunas de estas formas alrededor. Voy a acariciar de nuevo para restar y luego ver como muevo este camino rectángulo alrededor Voy a seleccionar el turno de control H en una PC. Va a hacer desaparecer todas estas cajas delimitadoras. Esta es una opción útil a veces en los casos en los que necesitas ver tu pantalla, pero no quieres que aparezca como máscaras o cuadros delimitadores como en este caso controlar shift H. Ahora no podemos ver ninguno de los cuadros delimitadores y solo voy a mover este camino rectángulo alrededor Se puede ver el efecto que está teniendo. Voy a mover el trazado de elipse debajo del trazado rectangular y voy a mover el camino de elipse por ahora Y se puede ver el efecto que tiene. Esto es clave framable, en realidad puedes mover esta elipse de izquierda a derecha para un efecto como Esto es claro por debajo. Permítanme simplemente dar click en esta cuadrícula de transparencia tagle. Se puede ver que en realidad resta el área que es transparente debajo y volver a encenderla por ahora Ahora echemos un vistazo a Intersect. A medida que los movemos, se puede ver que el área que está apareciendo son las áreas donde se cruzan estas formas volver a encender eso, los columpios son cajas delimitadoras a medida que nos movemos El único área incluida es donde las dos formas se cruzan, excluyen las intersecciones Va a incluir todo excepto donde las dos formas se cruzan muy rápido Solo para recapitular, para poder usar trazados de fusión, tienes una elipse y un relleno y tienes un rectángulo Haz ambos aproximadamente del mismo tamaño. Diremos 500 pixeles cada uno. Si tienes formas y un relleno o un trazo, trazados de fusión se colocarán automáticamente entre las formas y el relleno o los trazos los desplazarán un poco. ¿Necesitamos agregar un trazo? Se va a agregar por defecto. Si lo haces emerge como si nunca hubieras agregado caminos emergidos, puedes ver que el efecto es exactamente el mismo, ya sea que hayas activado o no los caminos fusionados Agregar agrega estas dos formas juntas para formar una forma. , resta el área intersecada, así como el resto de la forma que está en la parte La intersección incluye solo las áreas de intersección de las dos formas Excluir intersecciones. Incluye todas las áreas distintas de las áreas intersecadas. 58. 05.15 Problemas con grupos con rutas de fusión: Vamos a crear una capa de forma. Ahora usemos algunos grupos. Así que vamos a agrupar el relleno de elipse, y vamos a hacer esta elipse un poco más grande Controlemos D para duplicar ese grupo. Vamos a agregar un rectángulo y deshacernos de nuestro camino de elipse, nuestro tamaño Haremos estos 415 cada uno. Haremos que nuestro camino rectangular sea azul. Ahora no tenemos un relleno que esté debajo de estas formas. Normalmente si solo agregas formas, tendrás tu relleno debajo de tus formas. Bueno, en este caso tenemos dos grupos pero no hay relleno debajo. Yo veo lo que pasa. Si vas a contenidos y vas a fusionar caminos. Se agrega automáticamente en un trazo y relleno para usted. La razón de ello es porque para que los trazados de fusión funcionen, tiene que tener un trazo y rellenar debajo de él. Ahora vamos a deshacernos de estos dos de aquí, y como pueden ver, desaparecen. Uno de los inconvenientes con el uso de grupos es que en realidad no puedes usar los rellenos de tus grupos porque está usando el relleno y el trazo que viene con los trazados de fusión. Cambiemos este relleno a tal vez como una naranja. Ahora ve que este relleno es rojo como podemos ver aquí arriba. Este relleno es rojo para nuestro círculo. Pero ahora no podemos ver el relleno rojo porque este relleno debajo de las rutas de fusión anula cualquier relleno que pueda tener en este grupo uno o grupo dos Porque todo es jerárquico. Tienes que usar el trazo y el relleno de los trazados de fusión para estas capas de forma aquí. A ver si nos deshacemos de este relleno aquí. Ahora ve solo se está reconociendo el trazo. Agrega un trazo a nuestro grupo uno. Pero no va a importar porque este trazo aquí abajo está anulando al trazo dentro del grupo uno Solo ten en cuenta las limitaciones que tendrás si incorporas grupos cada vez que estés usando rutas fusionadas. Dado que los trazados fusionados están destinados a ser utilizados para crear una sola forma, es mejor tener los campos de formas y fusionar trazados dentro del mismo grupo juntos como una sola unidad. Para poder utilizar trazados fusionados, hay que tener al menos dos formas. Pero esas formas se usarán con trazados de fusión para crear una sola forma. Esto puede resultar un poco confuso ya que normalmente queremos agrupar diferentes formas dentro de su propio grupo. Pero si recuerdas que fusionar trazados propósito es crear una sola forma a partir de la fusión de múltiples formas Debería ayudar a fusionar Pass se usa para crear una forma de al menos dos formas. Por lo tanto, no se debe utilizar el agrupamiento de esas múltiples formas. Todos deben estar en el mismo grupo o en la misma capa de forma por sí mismos. Una sola forma por grupo es la mejor manera de hacerlo. 59. 05.16 Fusionar rutas con múltiples formas: Ahora vamos a crear una nueva capa de forma. Vamos a agregar una elipse. Phil, solo aumentaremos esta trayectoria elipse. Ahora di qué pasa si quieres hacer como un pastel. Por ejemplo, quieres que se corte una rebanada de este pastel. Bueno, una forma de hacerlo es que puedes agregar una polystar. Abre eso, cambiemos nuestro tipo de estrella a polígono. Vamos a darle a este polígono sólo tres puntos. Y mira aquí está nuestro polígono justo aquí en el medio. Y en realidad podemos aumentar nuestro radio exterior para hacerlo más grande. Entonces vamos a girarlo alrededor de 30 grados. Mueva la posición. Va a cruzarse justo en el centro del círculo Puedes ver que queremos que la propina esté justo en el centro. Este es nuestro punto de anclaje aquí mismo. Esto es lo que queremos excluir aquí para sacar esa porción. Vamos a los contenidos y agreguemos caminos emerger. Y va a entrar por defecto para sumar, elegir, restar. Y como pueden ver ahora tenemos esta rebanada recortada. Parece un hombre palmaditas. Si elige intersectar, solo incluye esa intersección de exclusión de sector Incluye todo excepto la intersección. Ve algo muy rápido que podrías hacer. Di si restaste y L's duplican este control de capa de forma D. Ahora tenemos la capa de forma dos Usando la capa de forma uno, cambiemos estos trazados de fusión para intersectar Ahora bien, esto incluye sólo la parte que se intersecta. Si presionas para la posición en la capa de forma uno y simplemente la mueves hacia un lado un poco, haz clic en distancia. Esto ya está empezando a formar algo que podrías usar, posiblemente en un gráfico de información para mostrar un gráfico circular o como una porción de un pastel. Entonces tal vez algo que hay que destacar. Se puede cambiar el color de esto, algo así. Merge paths es algo que es muy sencillo de usar. Puede resultar confuso si te confundes tu jerarquía. Pero lo principal que debes recordar es poner caminos de fusión entre tus formas y tu campo. 60. 05.17 Crea preajustes de animación de capas de formas: En esta lección, te voy a mostrar cómo guardar tus capas de formas. Como ajustes preestablecidos, puede guardar cualquier capa de forma junto con esta animación como un ajuste preestablecido para que pueda usarla más tarde Esto es un gran ahorro de tiempo, especialmente si hay capas de formas y animaciones que usas de forma regular. O tal vez haya un icono de capa de forma o alguna otra imagen que hayas creado de la que estés realmente orgulloso y tardó mucho en crearla. Bueno, puedes guardar esa capa de forma como animación y tener acceso instantáneamente a ella en un momento posterior Si vas al contenido de tu capa de forma y te aseguras de que esté resaltada, sube a Animación y guarda el preset Animación. Esto te llevará a tus documentos, Adobe, la versión de after effects que estás usando y los ajustes preestablecidos de usuario Como pueden ver, tengo muchas carpetas porque llevo mucho tiempo haciendo esto, pero es posible que solo tengas algunas carpetas aquí. La primera vez que hagas esto, vamos a crear una carpeta para Tomy específicamente. Así que simplemente ve a la nueva carpeta, nombreme el nombre, y luego entraremos esa carpeta nombra tu preset, algo que recordarás. Por ejemplo, se trata de estrellas rotativas y haz clic en Guardar. Y solo espera a que los efectos posteriores guarden tu preset de animación. Así que ahora tienes guardado este preset. Y la forma en que puedes averiguar con certeza que se guardó correctamente es si eliminas tu capa de forma. Ahora vamos a crear uno nuevo. Clic derecho, nueva capa de forma. Ve a tu panel de efectos y presets. Si abres ajustes preestablecidos de animación, todos los presets que hagas estarán bajo ajustes preestablecidos de usuario Entonces, si abrimos esto hacia arriba, desplácese hacia abajo hasta encontrar la nueva carpeta que creó, que es Tomy aquí mismo. Si abrimos la utomía, vemos que tenemos estrellas giratorias Así que de hecho lo guardó. Incluimos animación en este preset. Una cosa muy importante para recordar es que dejará caer sus fotogramas clave donde sea que se encuentre su cabeza de reproducción Entonces di si mi cabeza de reproducción está a 3 segundos con esta capa resaltada, simplemente haz doble clic en estrellas giratorias y ahí está nuestro preset Ahora bien, si te golpeas para que aparezcan tus fotogramas clave, puedes ver que todos los fotogramas clave de hecho, sí se acercaron Pero quiero que sea al principio de la capa. Entonces controlemos Z para salir de eso. Regresa al comienzo mismo de tu capa. Y ahora se trata de estrellas giratorias de doble clic. Y vemos que nuestros fotogramas clave llegaron en el lugar exacto donde se encuentra nuestro cabezal de reproducción Y si lo vemos, podemos ver que es la misma animación que habíamos guardado antes. Déjame darte un ejemplo de algunas de las que he hecho. Voy a eliminar la capa de forma, clic derecho, nueva capa de forma, y ver que tengo todas estas carpetas. Así que he creado muchas capas de formas y animaciones a lo largo del tiempo. Entonces digamos por ejemplo, quiero mirar un avatar que había construido. En algún momento vuelvo al inicio de mi capa y simplemente hago doble clic en cualquiera de estas. Y de inmediato entra. Si abro la capa de forma, puedes ver en mis contenidos, tengo Avatar Man y todos los grupos que van de la mano con cómo se creó. Ahora bien estos grupos no fueron nombrados, pero te recomiendo encarecidamente si tienes la oportunidad de nombrar a todos tus grupos. De esa manera podrás cambiar fácilmente la configuración de grupos muy específicos. Como puedes ver, este avatar en particular cuenta con 17 grupos. Eliminemos el contenido. Simplemente resalte los contenidos y presione eliminar. Voy a ir a Gráficas y Cuadros traer o jugar de nuevo al inicio de la capa Y vamos a hacer doble clic en cualquiera de estos. Y tenemos un gráfico de datos como se puede ver, trajo en fotogramas clave, porque esto anima en Sólo voy a hacer un bucle de esto y luego podemos verlo. Así podrás guardar literalmente tantos de estos presets como quieras Y te recomiendo encarecidamente a medida que creas animaciones de capas de formas que las guardes como presets Nunca se sabe cuándo los va a necesitar en el futuro. Y algunas de estas capas de forma pueden contener muchos grupos. Por ejemplo, esta presentación de gráfico de barras de negocios. Como puede ver, todos los fotogramas clave volvieron a entrar con él. Si lo vemos, podemos ver que aquí están pasando muchas cosas. Cambié el nombre de todos mis grupos, gráfico de barras 123 y pantalla Si abrimos estos grupos, incluso podemos ver qué compone esos grupos. Todos estos son caminos. Yo uso las rutas de fusión aquí para el gráfico, y luego la pantalla es una ruta rectangular con el relleno. Así que recuerda, si quieres guardar tus capas de forma y sus animaciones como presets, resalta contenidos, ve a animación, guarda el preset de animación Asegúrate de estar en tus documentos, Adobe la versión que estás usando, ajustes preestablecidos de usuario Y o bien crear una carpeta o ponerla en una carpeta que tenga sentido. 61. 05.18 Revisión de la sección 05: Deberías estar súper orgulloso de ti mismo en este momento. Has pasado por todos y cada uno de los aspectos de las capas de forma. Desde los conceptos básicos de crear un rectángulo simple, hasta agregar rellenos y trazos, hasta aprender sobre vértices y diferentes tipos de propiedades de transformación A usar potentes herramientas de animación que incluso algunos diseñadores avanzados de gráficos en movimiento no saben usar a fondo. A partir de ahora, realmente eres una estrella de rock motion graphic. Hay una sección más que creé solo para aquellos de ustedes que se han atrevido a convertirse en un maestro de capas de formas La siguiente sección está llena de tutoriales donde tomarás lo que has aprendido y crearás diseños reales. Puedes ver estos tutoriales tantas veces como quieras, y en algunos casos, es posible que quieras volver a visitar los que están llenos de información densa Una vez que hayas aprendido estos trucos, pruébalos en tus clientes o en tu trabajo. Impresiona a las personas para las que estás creando diseños y deja que el mundo sepa con orgullo que eres un mago de capas de formas. Espero verte en la siguiente sección y mostrarte cómo hacer algunos diseños gráficos en movimiento realmente geniales e impresionantes. 62. 06.01 Sección 06: Tutoriales de capas de formas: Bienvenido de nuevo a los tutoriales de la sección Seis de Poder de las Capas de Forma . Aquí es donde has puesto a prueba lo que hemos aprendido. En esta sección, seguirás conmigo para crear elementos de cabaña, iconos, capas de formas a partir de la animación de texto y simplemente hacer algunos gráficos en movimiento realmente geniales. Estoy asumiendo que has aprendido lo básico. Entonces, si bien quiero que vaya demasiado rápido, si no tienes un fuerte asimiento de lo básico, tal vez te encuentres corriendo un poco atrás. No te preocupes, estoy aquí para ti. Puedes ver estos tutoriales tantas veces como quieras. También puedes contactarme en cualquier momento con preguntas o comentarios. Ahora vamos a ponernos manos a la obra y comencemos a hacer algunos diseños gráficos en movimiento realmente geniales. 63. 06.02 Crea una flecha animada: Bien, entonces vamos a repasar algunos tutoriales rápidos que deberían ayudar a fortalecer tu comprensión del recorte Te presentaré una variedad de formas en las que puedes usarlas para tus propias animaciones de capas de formas. Así que sigamos adelante y creamos una nueva composición. Haremos clic o crearemos un nuevo icono de composición y simplemente llamaremos a esta animación de trazado de recorte. Para nuestra primera animación, quiero crear una flecha usando una polystar y una línea Vamos a hacer clic derecho en esta área aquí mismo. Haga clic en Ir a Capa de Forma. Siempre que creamos una capa de forma como esta, no hay contenido, así que tenemos que agregar todo de una a la vez. Primero, agreguemos un grupo. Y luego de lado de ese grupo, vamos a agregar una polystar Y vamos a darle un relleno a ese polystar. Y sigamos adelante y cambiemos ese relleno a blanco. Bien, ahora vamos a abrir nuestras opciones de trayectoria de polystar. Aquí podemos cambiar esta poliestrella ahora a un polígono. Podemos ver ahora que se ha convertido en un pentágono en lugar de en una estrella Una de las opciones que tiene para estos ajustes de poliestrella son puntos, posición, rotación, radio exterior y redondez exterior Centrémonos en los puntos. Si cambiamos nuestros puntos de cinco hacia abajo a tres, ahora obtenemos un triángulo. Y podemos aumentar el tamaño de usar la opción de radio exterior aquí. Eso se ve bien, así como así. Volver a contenidos y queremos añadir otro grupo. En este grupo, vamos a sumar un camino. Pero antes de hacer eso, sé voy a estar creando una línea recta. Y una de las cosas que me gusta hacer cada vez que creo líneas rectas es usar mi regla. Vamos a ejecutar una PC. Golpea el control R para sacar a colación a tus gobernantes. Y vamos a sacar esto. Presiona nuestras comillas para obtener nuestras guías. Y pon tu regla justo en la mitad del punto central vertical. Ahora dentro de este segundo grupo, escojamos Agregar ruta. Trae a colación nuestra herramienta de pluma. Vamos a trazar una línea recta. Entonces con dos vértices, uno ahí y di uno aquí También necesitamos agregar un trazo, así que va a ser por defecto al blanco. Y vamos a aumentar esto para que sea un poco más grande. Una de las cosas que me gustaría hacer una vez que resaltes el camino es asegurarme de que esto realmente se haya ajustado a tu gobernante para asegurarte de que tienes esta capacidad Sube a la vista y asegúrate tener activado el complemento a las Guías. Si Snap to Guides no está habilitado e intentas hacer que se ajuste a ella o simplemente pasar por él, necesitamos alinear esto mejor para que esta punta de flecha esté en la parte superior de nuestra línea aquí Vuelve al grupo uno y luego abre tus propiedades de transformación para el grupo uno. Y ahora podemos subir nuestra posición de grupo uno. Entonces, como puede ver, las propiedades de transformación del grupo uno solo afectan al grupo uno. Una vez que tengamos este set, tal vez queramos cambiar el aspecto de esta poliestrella Ajustemos nuestro radio exterior para que sea un poco más pequeño para que se ajuste mejor. Y entonces esa es nuestra flecha con capa de forma resaltada. Ahora si haces clic derecho, ve a transformar. Y vamos a elegir Centro punto de anclaje y contenido de capa. Y siempre me gusta hacer esto, así de esa manera sé que mi punto de anclaje está centrado en la capa. Si solo haces clic en eso, ahora ves nuestros centros de punto de anclaje justo en el medio de toda esta capa de forma. Ajustemos nuestra posición. Si golpeas P para la capa de forma, ahora ves que esta es la posición para toda esta capa de forma. Entonces dondequiera que lo movemos o lo escalemos, afectará a todo lo que se encuentre dentro de este contenido, ¿de acuerdo? Así que vamos a ver eso de vuelta a 100, ¿de acuerdo? Y así antes de animar esto, quiero hacer algunos cambios más a nuestro trazo aquí Entonces veamos si escondemos a nuestro grupo dos. Vemos que esa es en realidad nuestra línea. Así que vamos a cambiar el nombre del grupo dos a línea. Y el grupo uno, llamaremos Arrowhead, para que así sepamos con cuáles estamos trabajando y son más fáciles de acceder Abramos nuestra línea. Queremos agregar trazados de recorte a este grupo de líneas. Abriremos eso y pongamos un marco clave para el final y pongamos el porcentaje a cero. Avanza 1 segundo y hazlo 100. De esa manera vemos que se anima en. Quiero cambiar el aspecto de esta línea, ver como tenemos esta dura ventaja en ella. Quiero hacerlo redondeado, y como aprendimos en una lección anterior, eso se controla usando nuestro trazo. Abramos nuestro trazo y cambiemos nuestro límite de línea. Verlo por defecto es tapa a tope, a tapa redonda. Y déjame acercarme un poco aquí. Ya puedes ver como eso ha cambiado esto antes de que tuviéramos tope trasero, ahora tenemos gorra redonda. Y una de las cosas que estoy notando es que este camino en realidad se extiende bien en nuestra punta de flecha Realmente queremos que el final de este camino se dirija al fondo de nuestra punta de flecha Así que tomemos nuestro grupo de puntas de flecha, abramos eso, vayamos a nuestras propiedades transformadas para Y solo mueve esto hasta donde se encuentra con casi la cima de este camino aquí. Bien, entonces ahora vamos a querer que esto se incremente desde el fondo de esta punta de flecha Ver ahora mismo, si animamos esto, decimos fuera anima desde el medio Queremos que esto se anime desde abajo. Y esta es una de esas veces que tu punto de anclaje es importante. Elige y. Trae tu herramienta de pan alrededor, que se ve así. Y solo mueve el punto de anclaje hasta el fondo mismo de esta punta de flecha Entonces ahora a medida que ajustamos la escala de este grupo, podemos ver que va a animar desde abajo Vuelve a salir y vemos que nuestro marco clave para nuestra línea se controla usando nuestro pase de recorte. Vamos a este último fotograma clave, este segundo fotograma clave para nuestra línea, y luego vamos a establecer un fotograma clave para nuestra escala Esto va a ser para nuestro grupo de puntas de flecha. Nuevamente, estas son las propiedades de transformación solo para la punta de flecha Por lo que esto sólo afectará a nuestra punta de flecha ir adelante 1 segundo Y vamos a establecer un fotograma clave al 100% este primer fotograma clave que queremos poner a cero. Y eso va a animar esto de abajo hacia arriba. Ir a unos 3 segundos y golpear en. Para que de esa manera podamos darle un bucle, elija nuestra ampliación para que quepa. Pulsa las comillas para deshacerte de nuestras guías y pulsa cero en tu teclado numérico para verlo, la punta de flecha viene un poco lenta, así que tal vez hagamos esa animación un poco más rápida Entonces nuestro primer fotograma clave es a 1 segundo. Si mantienes el turno y la página abajo, solo tienes que bajar la página dos veces para ir a 1020 fotogramas, podemos volver a colocar nuestro fotograma clave hacia donde está nuestro cabezal de reproducción Y luego si haces clic derecho, puedes ir a Asistente de fotogramas clave y elegir Facilidad Así que esto va a facilitar cada vez que se anima adentro. Entonces echemos un vistazo a esto. Y sigue siendo un poco lento, así que quiero agregar un poco más de velocidad. Quiero entrar rápido y luego en su lugar de descanso final. Y la forma en que lo hacemos es con este segundo fotograma clave resaltado. Haga clic aquí mismo. Este es nuestro editor gráfico. Y vamos a estar usando esto bastante en todos nuestros tutoriales, así que solo haz clic en eso. Esta es la representación visual de esta facilidad en. Si tomamos este mango aquí mismo, esto es para el segundo fotograma clave Y tira todo el camino hacia la izquierda. Y así esto va a hacer que la velocidad de este fotograma clave entre rápido y luego se acerque a su punto de descanso final Así que volvamos a hacer clic en este botón Editor de gráficos para volver a nuestra vista de línea de tiempo. Y vamos a verlo ahora. Así que ve que entra rápido, y luego se flexiona. Y con la capa de forma una selección resaltada, esto trae solo nuestros fotogramas clave. Entonces ahora podemos ver solo los fotogramas clave sin toda la otra información frente a nosotros. Y todavía quiero que esto sea más rápido. Entonces, la forma en que haces animaciones más rápido es acercar los fotogramas clave Así que vayamos a nuestro primer marco clave para nuestro camino y cambiemos página hacia abajo 12. Y vamos a agarrar todos estos fotogramas clave y traerlos de vuelta y ver cómo se ve esto Ahora podemos ir incluso un poco más rápido. Así que vuelve al inicio de nuestra página de cambio de capa hacia abajo una vez para avanzar diez fotogramas a partir de este punto. Bajaremos la página una vez para seguir adelante otros diez fotogramas. De esa manera, toda nuestra animación ocurre a lo largo de 20 fotogramas. Y luego vamos a ir a 1 segundo hit, terminar un bucle de la misma. Y ahora vamos a verlo. Entonces esa es nuestra flecha, viene bastante rápido. Y luego la punta de flecha llega a un lugar de descanso. Y una facilidad más interesante en. Ahora, cada vez que mires esta animación, piénsalo como una sola animación. Entonces, desde el principio hasta el final, es solo un movimiento. Así que no quieres que tus marcos clave para tu camino se faciliten dentro o fuera. Estos se llaman fotogramas clave lineales. Este fotograma clave se denomina fotograma clave Bezier. Hay algunos tipos diferentes de marcos clave. Los principales con los que trabajarás son lineales y bezier También hemos activado los fotogramas clave de retención, pero vamos a repasar eso en una lección diferente por ahora Solo para que lo sepas, siempre que tus fotogramas clave tengan esta forma de diamante, eso significa que son lineales. Si tiene una facilidad de salida o esta es una facilidad de entrada o una facilidad fácil, todos estos se consideran marcos clave más bezier Así que queremos que estos tres primeros fotogramas clave sean todos lineales y este último sea una facilidad de bezier Y hemos manipulado la velocidad usando el editor de grafos con esta animación Como veis, volvamos a abrirlo. Tenemos dos grupos a los que hemos renombrado, la punta de flecha y la Ahora nuestra línea es un camino que usamos los caminos de tendencia al manipular nuestro porcentaje 0-100 Y luego al final de esa animación, creamos una nueva animación creamos una nueva animación con nuestra punta de flecha manipulando la escala del grupo de puntas de flecha pasando de cero usamos los caminos de tendencia al manipular nuestro porcentaje 0-100 Y luego al final de esa animación, creamos una nueva animación con nuestra punta de flecha manipulando la escala del grupo de puntas de flecha pasando de cero a 100. Y lo aligeramos y luego manipulamos la velocidad con nuestro editor gráfico Entonces esa es solo una animación de capa de forma realmente rápida puedes usar que incluye rutas de recorte y además incorpora grupos y te ayuda a aprender y hacerte una idea de cómo estas propiedades de transformación de cada grupo afectan solo a ese grupo. 64. 06.03 Crea una animación abstracta: Hagamos otra animación rápida aquí. Voy a hacer algo un poco más abstracto, resaltaron los contenidos. Vamos a agregar un grupo. Llamemos a este círculo grupal uno. Entonces vamos a agregar una elipse y darle un relleno a esa elipse Entonces cambiemos el color de relleno de rojo a como un azul claro. Entonces quiero tener dos de estos círculos. Controlemos D para duplicar el círculo uno y hará el círculo dos. ¿Bien? Ahora quiero que estos dos círculos estén a ambos lados de esta comp. Entonces con el círculo uno resaltado, entremos en nuestras propiedades de transformación y movamos esto hacia la izquierda. Vamos a ir a 500 píxeles negativos. Entonces círculo dos, Abre nuestras propiedades de transformación para este grupo y haz que esta posición sea de 500 píxeles. Si sacamos a colación nuestros guías, podemos ver que estos están a la misma distancia de los bordes de nuestra comp. Vamos a moverlo también hacia abajo a nuestro punto medio en el medio aquí Recuerda que hacemos click derecho sobre nuestra capa Shape. Ir a Centro de Transformación, Punto de Anclaje y Contenido de Capa. Eso pone nuestro punto de anclaje justo en el medio de esta capa de forma. Presiona P para subir nuestra posición para la capa de forma. Y déjenme abrir esto. Esta es nuestra posición dentro de las propiedades de transformación de la capa de forma. Recuerda, nuestro punto medio es 960 por 540, porque esta composición es 1920 por 108960 Por 540 es el punto central en una composición de ese tamaño. Quiero crear una línea irregular que entre estos dos puntos y se anima de vez en entre estos dos puntos y se anima Y también quiero escalar estos puntos de vez en cuando. Entonces así es como lo hacemos. Vuelva a los contenidos y agreguemos otro grupo. Cada vez que añades algo a una capa de forma, la va a mover al fondo de la jerarquía. Entonces mira nuestro grupo uno ahora está debajo del círculo uno y el círculo dos. Destaca el grupo uno y agrega un camino y sacará a colación nuestro pinole Voy a dibujar como una línea irregular entre estos dos puntos aquí Y luego vamos a agregar un trazo. Y ahora quiero que este trazo sea del mismo color que nuestros puntos. De la forma en que lo haces, hagamos clic en Stroke y agarremos este cuentagotas Y luego vamos a hacer clic en uno de estos círculos. Hará que el trazo de este camino sea el mismo color exacto que nuestros círculos. Haga clic en Bien. Y luego aumentemos el ancho de trazo de esta línea. Todavía quiero jugar con cómo se ve esta línea. Destaca el grupo uno. Y simplemente renombrar esta línea irregular. Abre nuestras propiedades de trazo. Y quiero que esto tenga un borde redondeado y esquinas redondeadas aquí. Como aprendimos antes, eso está debajo de nuestro límite de línea y el límite de línea de unión va a ajustar la forma en que se ven los extremos de este camino. Entonces no estos puntos intermedios sino solo los extremos de la misma. Entonces cambiemos eso a gorra redonda. Y como pueden ver, voy a activar y desactivar esto, ese es el efecto que tiene una gorra redonda. Pero también quiero que estos puntos intermedios se redondeen también. Entonces vayamos a unirse a la línea. Por defecto es la unión menor, que son estas aristas angulares Y vamos a cambiar eso a round join. Ver, ahora todo esto es redondeado. Ahora, solo cambia la forma en que se ve esta línea, la forma en que haces eso. Subamos a nuestra línea irregular y resaltemos el camino. Ahora bien, esto nos da la capacidad de mover estos puntos individuales y puedes saber cuándo puedes hacerlo porque ver que están claros dentro de cada punto aquí. Además, si solo haces clic en línea irregular, aunque estén rellenadas, puedes agarrar un punto y podrás moverlas. No obstante, digamos que si tienes círculo resaltado y entras aquí e intentas manipular los puntos en tu línea irregular, no funcionará Asegúrese de que tiene resaltado la línea irregular o la ruta. Y entonces de esa manera se pueden manipular algunos de estos puntos. Arrastra estos un poco, hazlos diferentes alturas así. A lo mejor disminuirá el ancho del trazo. Hagámoslo 15 cambio, tal vez la altura de esto, tenemos algo así, algo muy abstracto. Pero estamos haciendo esto principalmente con fines ilustrativos. Y para mostrarte cómo usar rutas de recorte y cómo usar propiedades de transformación de grupo. Siempre que tengo una animación como esta, me gusta hacer la jerarquía de mi capa de forma en orden de cómo se van a animar las cosas Quiero que este círculo entre primero, luego el jagonline, luego este círculo Y luego quiero que todos animen fuera del círculo uno viene primero Vamos a mover el círculo uno a la parte superior del círculo dos, tener la línea de jagon, movernos entre el círculo uno y el círculo dos Entonces el círculo dos estará al final de nuestra animación. Primero, animemos el círculo uno. Vamos a abrir el círculo uno. Este es nuestro círculo un grupo. Y estas son propiedades transformadoras para este grupo. Pongamos un marco clave para la escala. Y solo haz zoom aquí un poco. Mantenemos presionada la página de mayúsculas una vez para avanzar diez fotogramas. Pongamos otro fotograma clave y luego cambiemos la página hacia abajo por diez fotogramas, porque quiero que este círculo rebote, va a rebotar y luego llegar a su lugar de descanso final. Para hacer eso, estamos al 100% para hacerlo más grande, solo necesitamos aumentar esto. Decir a tal vez 110. Entonces es un poco más grande de lo que se hace más pequeño. Queremos que nuestro primer fotograma clave se establezca en cero, para que así se anime En destacamos todos estos fotogramas clave. Solo estoy manteniendo pulsado el botón izquierdo del ratón y resaltando todos estos fotogramas clave. Haga clic derecho sobre cualquiera de ellos. Asistente de fotogramas clave fácil S o como puedes ver, nueve hace lo mismo Entonces podemos ver esa animación. Entonces eso entra, mira cómo rebota un poco. A lo mejor quiero que el rebote sea un poco más extremo. Entonces hagamos esto 120. En cambio, queremos que nuestra línea empiece a animarse, ¿verdad? A medida que entra este círculo, digamos este punto medio. Bajemos a la línea irregular. Y queremos añadir unas rutas de recorte. Ahora vea que es un poco engorroso hacia arriba y desplazarse hacia Entonces esta de esas veces es posible que quieras usar tu panel aquí arriba. Es así que no tienes que desplazarte por todos estos grupos de aquí abajo. Entonces lo vamos a jag una línea resaltada. Sube a nuestro panel de control de capas de formas. Haga clic en Agregar. Vamos a agregar un camino de recorte. Vamos a poner un fotograma clave para el final y moverlo hacia abajo a cero Avanzar el turno 12 y aumentar nuestro porcentaje final a 100. Queremos asegurarnos de que dejamos estos lineales porque esta es una animación sólida. La razón por la que tenemos estos beziers porque esta elipse va a rebotar Sin embargo, queremos que nuestra línea vaya recta y rápida. No queremos relajarnos porque queremos que aparezca como si se tratara de una animación sólida. Pasemos al final de esta animación que es el segundo fotograma clave para nuestro S resaltar estos fotogramas clave para escala en nuestro grupo Un círculo uno, control C para copiarlos. Y asegúrate de que solo la escala esté resaltada para que de esa manera no copies la posición ni nada más. Bajar al círculo dos y controlar V y verlo pegar los fotogramas clave que creamos para el círculo uno. Ahora si te golpeamos, podemos ver todos nuestros fotogramas clave. Estos son los fotogramas clave que conforman la animación. Vamos a ver esto muy rápido. Algo muy abstracto, pero te das la idea de algunas de las cosas que puedes hacer con capas de forma y con grupos y con trayectorias de tendencia. Ahora quiero animarlos fuera. La forma en que animaría estos fuera es resaltar estos fotogramas clave para nuestra escala, para el círculo uno, copiar y pegar Ahora bien, si escribes Click, asegúrate de que todos estos estén resaltados. Verás algo en Asistente de fotogramas clave llamado fotogramas clave inversos de tiempo Toma los fotogramas clave que has seleccionado y revierte el orden de los mismos. En lugar de ir 0-115 a 100, ahora irá 101150 Eso queremos y te voy a mostrar por qué. Hagamos clic en Fotogramas clave inversos de tiempo. Desea que estos dos fotogramas clave tengan el mismo valor porque quiere seguir siendo ese tamaño durante este periodo de tiempo El porcentaje de escala es de 100 aquí. Y también aquí, se va a animar así. Entonces ahora necesitamos esta línea para animar fuera. Pasemos al segundo fotograma clave, la forma en que lo hicimos la primera vez. Y tenemos que abrir todos nuestros contenidos aquí. De esa manera podemos ver lo que estamos haciendo. Y vamos a poner un fotograma clave para comenzar en 0% e ir adelante 12, terminar esa animación en 100 en porcentaje de inicio Entonces de esa manera entrará y luego volverá a salir. Así que ve al último fotograma clave y dale un golpe para que aparezcan de nuevo nuestros fotogramas clave Y queremos copiar estos fotogramas clave del círculo uno, esta es la animación de copy Y luego resalta la escala para el círculo dos y control V para pegar y luego podremos ver tu animación. Tenemos un círculo que entra, el número, la línea, y luego tenemos un segundo círculo y ellos se animan, y ellos se animan Esta es una animación muy abstracta. La razón por la que quería mostrarte esto es porque utiliza varias técnicas. Estamos usando trazados de recorte solo en un grupo, este grupo de líneas dentadas Al tener trazados de recorte dentro de este grupo solo se aplica a este grupo en lugar toda la animación dentro del grupo círculo uno. Sólo estamos afectando las propiedades de transformación de ese círculo. Esta animación a escala sólo afecta al círculo uno. Asimismo, con el círculo dos afectando la escala dentro de las propiedades de transformación del círculo dos afectando la escala de este círculo dos. Observe que no afectamos la posición ni el tamaño de esta trayectoria de elipse Técnicamente, podríamos haberlo hecho, pero me resulta mucho más fácil usar tus propiedades transformadas de tus grupos antes manipular el tamaño o la posición de tu trayectoria elipse La única vez que realmente ajustaría tamaño de este trazado de elipse es decir una vez que haya hecho esta animación, estoy como, bueno, ¿ sabes qué? Realmente quiero que estos círculos sean más grandes Y la forma rápida de hacerlo es simplemente aumentar el tamaño de tu trayectoria elipse aquí Decir tal vez que sea 180 y luego subir al círculo uno, podemos hacer que sea del mismo tamaño, 180. Aún conserva esa animación de escala sin tener que hacer ajustes en varios fotogramas clave. Siempre que estés haciendo animaciones con capas de formas y estés usando grupos, intenta usar las propiedades de transformación de tus grupos antes de cambiar el tamaño o posición de tus formas reales. 65. 06.04 Crea estrellas y líneas animadas: Vamos a hacer clic derecho en el área a la izquierda de la línea de tiempo. Haga clic en Nuevo y cree una capa Shape. Y luego abramos nuestra capa de formas, resaltemos los contenidos. Y vamos a añadir un polystar. Y luego vamos a darle un relleno a ese polystar. Y cambiaremos el rojo predeterminado a algo, tal vez como un verde claro contenido resaltado De nuevo, agreguemos un grupo, entonces queremos sacar nuestro polystar y nuestro relleno dentro de este grupo Bien, ahora con el grupo uno resaltado, agreguemos un repetidor Y una de las cosas que debes saber cada vez que agregas un repetidor es que tiene ajustes predeterminados Como todo lo demás, siempre toma por defecto tres copias. Y tus propiedades transformadas siempre se verán así. Su punto de anclaje y rotación se establece en cero. Tu posición siempre se establece en 100 píxeles en el eje X, cero en la Y. Lo que queremos hacer es aumentar el número de copias. Digamos que hagamos ocho. Entonces para extenderlos, mueva nuestra posición hacia la derecha. Mira a medida que cambias este valor inicial de 100, cuanto mayor sea el valor, más espaciador va a haber entre tus copias. Y cuanto más disminuyas el valor, más cerca están hasta llegar a cero y están uno encima del otro. Y entonces si sigues yendo a la izquierda, haciéndose más pequeño, entrando en negativos, va en sentido contrario Queremos ir, algo así. Ahora fíjate que nuestras estrellas se van fuera de nuestra composición. Tenemos que mover eso. La forma en que vamos a moverlo es usando las propiedades de transformación de este grupo uno. Vamos a abrir las propiedades de transformación del grupo uno y simplemente mover nuestra posición hacia la izquierda. A ver que todavía no encajan del todo. Entonces volvamos a nuestro repetidor y hagamos algunos ajustes más Haz esto un poco más pequeño. Si queremos hacer las estrellas más pequeñas, puedes entrar en las propiedades de transformación de tu repetidor, pensarías, y simplemente disminuir la escala Pero mira eso no funciona, estas estrellas más pequeñas, Aquí no es donde necesitas hacerlo, así que quieres que eso vuelva a 100. Lo que quieres hacer es entrar en tu grupo transformar propiedades y disminuir el tamaño ahí. Asimismo, quieres mover tus estrellas usando las propiedades de transformación del grupo uno. Voy a centrarme en esto justo ahí mismo. Sigamos adelante y cambiemos el nombre de este grupo uno por estrellas. Bien, ahora bajemos a nuestro gobernante y vayamos justo por encima de nuestras estrellas. Y vamos a agregar otro grupo, y vamos a agregar un camino. Vamos a poner dos vértices, uno por encima de la primera estrella y luego otro por encima de la última estrella Dentro de este grupo, queremos agregar un trazo. Y vamos a hacer clic en el color del trazo. Agarra el cuentagotas, y elegiremos el mismo clic verde Bien. Ahora vamos a aumentar el tamaño del trazo. Como pueden ver, la tapa final es una gorra a tope y tiene ese borde duro, así que quiero ajustar eso. Abramos nuestra configuración de trazo y cambiemos la tapa de culata a una tapa redonda. Y voy a presionar mis comillas para deshacerme de mis zonas seguras. Ahora mismo me voy a deshacer de este gobernante. Sólo tienes que sacarlo de la pantalla. Llama a esta línea superior luego con la línea superior resaltada, controla D para duplicar eso. Cambie el nombre de la línea superior dos a la línea inferior. Ahora bien, si abrimos nuestro grupo de resultados, vaya a nuestras propiedades de transformación para el grupo de línea de fondo. Y ajustemos nuestra posición para que vaya justo debajo de nuestras estrellas así, ¿de acuerdo? Y como pueden ver, nuestro punto de anclaje no está en el centro de este grupo. Si querías que eso estuviera en el centro, presiona Id. Para que aparezca su herramienta de pan alrededor, puede mover nuestro punto de anclaje directamente al centro. Hagamos lo mismo por nuestro top line. Vamos a moverlo ahí mismo. Vamos a revisar nuestro grupo de estrellas y ver que nuestro punto de anclaje está en el centro de la estrella original, que esta es la que hace todas las copias. Solo movamos eso al centro de todas nuestras estrellas. Ahora todo está centrado y alineado. Bien, quiero que esta línea superior se anime de izquierda a derecha Y luego quiero que la línea de fondo se anime de derecha a izquierda Al mismo tiempo, quiero que todas estas estrellas roten usando un guión llamado tiempo. Demos esto paso a paso. Entonces nuestra línea superior va a ser nuestra primera animación. Vamos a moverlo a las estrellas más altas viene a continuación, y la línea de fondo viene a continuación. En realidad, nuestra línea superior y la línea de fondo estarán animando al mismo tiempo, pero esto simplemente nos da un poco más de organización Abra la línea superior con la línea superior resaltada. Vamos a agregar una ruta de recorte, abrir pasada de recorte y queremos poner un fotograma clave para nuestro porcentaje Mueve eso hacia abajo a cero. Avanza manteniendo presionado el turno en la página hacia abajo 12. Y aumentemos esto al 100% Si tenemos resaltado el pase de recorte, podemos controlar C para copiarlo. Y una de las cosas a tener en cuenta es que pegará tus fotogramas clave donde sea que esté tu cabeza de reproducción Voy a dejar mi cabeza de reproducción aquí mismo en los segundos fotogramas clave, cuando controle V va a pegar el primer fotograma clave en la misma ubicación de este fotograma clave para el control de línea de fondo V. Y como podemos ver, los fotogramas para el control de línea de fondo V. Y como podemos ver, clave entraron. Entonces es así. Bien, pero ahora quiero que esta segunda línea se anime en sentido contrario Si abrimos nuestro grupo de líneas de fondo, podemos hacer clic en la dirección de ruta inversa en esto invertirá la dirección del camino, ahora va en dirección opuesta así. Bien, vayamos a este último fotograma clave en la línea de fondo. De esa manera podemos ver nuestros marcos clave para las trayectorias de tendencia. Volvamos a subir a la línea superior y poner un marco clave para comenzar en 0% de cambio de página hacia abajo 12, y aumentar el porcentaje de inicio a 100. De esa manera esto anima de vez en cuando. Entonces queremos resaltar estos dos fotogramas clave en nuestro inicio desde el pase de recorte y el control C. Bajamos a nuestro pase de recorte para nuestro resultado final, resalte el control de inicio V, y luego pegará los mismos valores exactos. Terminamos con algo así. Estos animan encendido y luego apagado. También mencione que quería que todas estas estrellas estuvieran rotando ya que esto está sucediendo. Vamos a entrar en nuestro grupo de estrellas aquí. Pasemos a las propiedades transformadoras de este grupo para las estrellas. Ahora bien, esta rotación, si manipulas esto, verás que gira toda esta capa. Eso no es lo que queremos. Volvamos a poner esto a cero. Abramos nuestro repetidor, porque recuerda que tiene sus propias propiedades de transformación Entonces, si vamos al repetidor transformamos propiedades y empezamos a rotar las estrellas ahí, vemos que eso tampoco es exactamente lo que queremos Si desea rotar todas estas estrellas, no lo hace en el nivel de propiedad de transformación repetidor o en el nivel de propiedad de transformación de grupo Entonces, ¿cómo hacemos que estos roten? Bueno, si volvemos a nuestro polystar, veremos que tenemos una opción de rotación Esta es solo nuestra primera estrella. Como podemos ver cuando tenemos polystar resaltado, este es el único que realmente estamos controlando Estas otras instancias de la estrella son copias. Entonces, sea lo que sea que le hagamos a la primera poliestrella, las otras estrellas seguirán su Digamos si, por ejemplo, si nos movemos sobre nuestra posición, veamos que todos se mueven con ella. De igual manera, si cambiamos nuestra rotación, todos hacen lo mismo que hace el primero. Si quieres Mac Alt, haz clic en rotación y escribe la palabra tiempo, escribe tiempos, o un asterisco y el número 50 Esto va a girar a una velocidad de 50. Veamos cómo se ve esto. Al manipular la rotación del camino de las poliestrellas, podemos rotar todas las estrellas que están dentro de esta capa de forma Porque la forma en que funciona el repetidor es que hace copias de la primera instancia de tu forma Ahora mira si quisiéramos que esto fuera más rápido, simplemente cambiaríamos el valor, digamos, a 250. Y se puede ver como esto ahora rotará más rápido. Si querías ir en sentido contrario, simplemente lo haces negativo. Vamos a decir negativo 150. Con este ejemplo, cubrimos algunas cosas. Si crea un trazado y luego cambia su configuración de trazo de en su límite de línea a límite de redondeo. Redondeará los bordes de tu línea. Cuando agrega un recorte a un grupo, ese recorte solo afecta a ese Este grupo es ahora autónomo a estos otros grupos. Simplemente duplicamos la línea superior para crear la línea de fondo. Y luego movió la línea de fondo usando las propiedades de transformación de esa posición de línea de fondo hacia abajo 101 píxeles. Queríamos que el camino de recorte fuera en dirección opuesta a la línea superior. Cambiamos el camino de dirección en el que invertimos la dirección del camino. Eso invierte la dirección de la animación para el trazado de recorte Entonces para las estrellas, usamos el repetidor, La rotación para el grupo y la rotación para el repetidor no tienen el efecto deseado Si quieres rotar las estrellas, necesitas ir a la trayectoria de poliestrella y usar la rotación para la trayectoria de poliestrella 66. 06.05 Crea un icono animado: Bien, entonces vamos a crear un icono usando formas. Y voy a usar Merge Paths como dispositivo. Mostrarte algunas cosas realmente geniales que puedes hacer con la creación de iconos en after effects para darle un poco más de vida o para que sea un poco más estilizada Hagamos clic derecho en esta área a la izquierda de nuestra línea de tiempo, nueva capa de forma. Y voy a estar creando algunos grupos y nombrándolos, solo sígueme aquí y haz lo que hago Vamos a agregar un grupo, luego ese grupo, vamos a agregar una elipse Démosle un relleno y un trazo a eso. Y vamos a estar creando una cámara, por cierto, déjame seguir adelante y nombrar a esta cámara. Inclinar este grupo una lente. Aumentemos el tamaño de esta trayectoria elipse. Hagamos el relleno como un azul más claro, el trazo. Si agarras el cuentagotas y simplemente haces clic en tu relleno, es del mismo color azul pero luego oscurece un poco Lo hago bastante como quiero decir en la misma familia de colores. Y solo quiero un tono más brillante o más claro de un color. Esa es una forma de hacerlo. Simplemente agarra el cuentagotas, haz clic en el color que ya tienes, y luego oscurelo, o aligerarlo dependiendo de lo Resalta los contenidos aquí. Y luego agreguemos un segundo grupo y este va a ser nuestro cuerpo debajo del cuerpo. Vamos a agregar un rectángulo y vamos ese rectángulo de Phil y Stroke. Desmarca este tamaño de ruta rectangular, este enlace aquí. Para que así podamos manipular nuestro tamaño horizontal y verticalmente. Queremos ser más de un rectángulo más ancho. Nosotros no lo estamos. Cambiemos este cuerpo. Puede ser de cualquier color realmente. Voy a hacer tal vez como un trazo naranja. Yo haré lo mismo. Yo elegiré el color de la carrocería y luego lo oscureceré un poco A lo mejor hacer este trazo de diez píxeles de ancho para que aparezca mejor. Volvamos a los contenidos y agreguemos otro grupo y llamaremos a este flash dentro de ahí. Vamos a agregar un rectángulo y relleno y un trazo. Así que vamos a subir posición sobre dónde estaría tu pequeño clicker Voy a hacerlo de este color naranja pero a lo mejor darle un poco más oscuro. Llena de esa manera destaca más. Y otra vez, voy a elegir ese naranja y oscurecerlo, hacer esto de diez pixeles de ancho también Esto es lo que tenemos hasta el momento. Bien, ahora para este cuerpo flash, quiero agregar un poco de topper a esto de aquí mismo con la trayectoria rectangular resaltada Voy a controlar D para duplicar eso. Voy a desvincular el tamaño de la ruta del rectángulo superior para que pueda ir más ancho Y más flaco, algo así. Bien, este es un momento los caminos de fusión vendrían de utilidad. Mira como tengo estas dos formas y el trazo va alrededor de ambas formas. Solo quiero que el trazo dé la vuelta a toda la pieza aquí con flash resaltado, solo agreguemos un merge paths y veamos de inmediato sale y ese modo está configurado para agregar. Ves, eso es sin él, y eso es con él. Esta es una de esas veces que fusionan caminos viene en muy útil para redimensionar esto un poco para ponerme más como lo que estoy queriendo Sólo estoy ajustando la escala de esto en la posición. Ahora. A ver puedo mover este flash realmente hacia abajo con flash resaltado. Ver He transformado propiedades para este grupo. Puedo animar eso, donde hace clic hacia abajo ahora también, este es nuestro cuerpo básico No es un gran esquema. Déjame jugar con el color de la lente aquí, así que de esa manera es un poco más agradable de ver, quédate en la familia naranja aquí. Aumentemos este tamaño de lente para que sea un poco más grande. Quiero añadir como un pequeño reflejo aquí en nuestro lente. Una forma de hacerlo, agreguemos otro grupo. Ahora ten en cuenta que los grupos siempre se agregan al final de tu lista jerárquicamente Mira cómo este grupo llegó por debajo de Flash. A veces es posible que necesites mover a tus grupos. En este caso lo hago. Quiero agregar una reflexión. Mueva el grupo uno por encima de la lente y escriba reflexión. Entonces para la reflexión, vamos a agregar una elipse y un relleno Queremos que ese relleno sea blanco, resaltado, trazado elipse y control D. Para duplicarlo con reflejo resaltado, agreguemos caminos de fusión y va justo entre nuestras formas y nuestro relleno aquí Quiero tener una forma curva aquí para esta reflexión. Y la forma en que voy a hacer eso es seleccionar modo bajo caminos fusionados. Vamos a elegir restar Ahora ve que ambos desaparecieron. Y la razón por la cual es porque ninguno de estos caminos elipse se ha movido todavía. Están justo uno encima del otro. A medida que empiezo a mover esto de nuevo, empezamos a ver a qué voy por aquí. Si hago clic lejos, podemos ver cómo es como una media luna. Ahora resaltemos la reflexión y abramos las propiedades de transformación para la reflexión. Y podemos poner esto donde queramos. Incluso podemos ajustar la escala de la misma. Si entramos en nuestro campo bajo nuestros caminos de fusión, disminuyamos la opacidad hasta cerca del 50% Es muy ligero Ahí es como un poco de reflexión. En realidad, tal vez podamos moverlo al otro lado. Puede verse mejor allá. Ahora bien, si controlamos el turno H para deshacernos de todas nuestras líneas, esa manera vemos mejor lo que estamos haciendo. Voy a estar moviéndome alrededor la posición de esta elipse trayectoria dos para ver cómo quiero que esto se vea exactamente solo estoy metiendo con la posición de la trayectoria de elipse dos Quiero hacer unos botones por aquí, y quiero que sean dos tonos. Te voy a mostrar lo que quiero decir con eso. Sigamos adelante y sumemos otro grupo. Vamos a mover a este grupo a la cima, y vamos a llamar a este botón. Y vamos a añadir una elipse y volver a darle a esa elipse un relleno. Cambiemos el color. Cuentagotas elegirá el naranja, pero queremos que esto sea mucho más oscuro transformar propiedades Para botón, vamos a moverlo a este lado de la cámara con el botón resaltado. Vamos a agregar un rectángulo. Ahora quieres que la elipse rectangular tenga el mismo tamaño, o ambas por defecto sean 100 píxeles Eso está bien con el botón resaltado. Vamos a sumar caminos surgidos y queremos establecer esto para restar Bien, ahora vamos a mover nuestro camino rectangular sobre. Aquí tenemos medio círculo. Controle el turno H nuevamente para recuperar nuestras líneas, podemos hacer mediciones más precisas. Aquí tenemos medio botón. Quiero que el botón sea de dos tonos, y estoy seguro que has visto esto en algunos íconos, y esta es una forma de hacerlo Llamaremos a este botón a la izquierda con botón izquierdo, resaltado, control D para duplicarlo. Cambiaremos el nombre de este botón a la derecha. Abre, botón a la derecha. Vamos a cambiar el relleno de esto a algo mucho más ligero. Para hacer estos dos tonos, todo lo que tengo que hacer es mover esta trayectoria rectangular el mismo número de píxeles en sentido contrario. A ver estamos en 49.4 Vamos a hacerlo 50. Botón izquierdo para nuestra posición. Hagamos eso 50. Y luego hagamos nuestra posición para botón a la derecha, negativa 50. Ver ahora tenemos un botón de dos tonos nuevamente. La forma en que lo hice fue que agregué un merge paths con el rectángulo en la parte inferior. Y moví la trayectoria rectangular 50 píxeles hacia la derecha. Duplicé eso, cambié el color de la misma a algo más claro. Y luego mover el camino rectángulo negativo 50 píxeles que pesa la misma medida exacta lejos del punto central resaltado contenido. Y vamos a agregar en otro grupo y moverlo por encima de nuestros botones. Vamos a cambiar el nombre de este botón. Pero ahora podemos traer botón a la izquierda y botón derecho dentro de ese grupo. Una cosa a tener en cuenta es que, medida que creas estas capas de forma, tu punto de anclaje siempre va a estar por defecto al centro de la propia capa de forma. Si golpeas Y, veremos que nuestro punto de anclaje aún está en el centro de nuestra capa de forma, a pesar de que movimos nuestra capa de forma sobre esta área. Seleccione Y para la herramienta de dolor alrededor con el botón resaltado, simplemente tome este punto de anclaje y tire de él. Ponlo aquí mismo en el medio. Disminuye el tamaño de ese botón y se moverá de manera uniforme. Esta coloración tiene que ser un poco mejor. Déjame hacer algunos ajustes. Aquí es un poco más oscuro, muchos íconos. Vamos a tener esta mirada donde dos tonos divididos por el medio Un lado está sombreado. Podemos hacer lo mismo con el cuerpo. Bien, con el trazado rectangular para el cuerpo resaltado. Controlemos para duplicarlo. Resaltar Cuerpo. Y luego vamos a agregar unos trazados fusionados que lo pondremos entre nuestras formas y nuestros atributos de trazo y relleno. Escojamos el modo para restar. Como vemos nuestros rectángulos de crecimiento desaparecen porque están uno encima del otro Ahora vamos a mover la trayectoria rectangular dos sobre aproximadamente el punto medio. Entonces si volvemos a duplicar el cuerpo, abrimos nuestro segundo camino rectangular y lo movemos negativos 500 píxeles. Y ahora podemos cambiar este color a algo ligeramente diferente. Ahora nuestra cámara tiene esos dos tonos, nosotros más oscuros por un lado y más claros en el otro lado. Esto es algo que no es completamente necesario, pero si quieres ese color de dos tonos, esta es una manera fácil de hacerlo. Vamos a nuestro flash. Solo quiero mostrarte algo que genial muy rápido. Abre nuestras propiedades de transformación para flash. Pongamos un marco clave para la posición. Si cambias página hacia abajo una vez va diez fotogramas. Podemos mover eso ahí abajo. Control de cambio de página hacia abajo. Copia este fotograma clave, controla C y luego controla V para volver a ponerlo, resalta todos estos fotogramas clave Haz clic derecho y elige E's fáciles. A lo mejor mover esto alrededor de un segundo más o menos. Si lo miras, eso ayuda. Haga clic en él. Puede establecer algunos fotogramas clave para hacer clic en eso y ver que este grupo controla el cuerpo del flash Bien, hagamos algo interesante con este botón de aquí. Siempre que nuestra cámara haga clic hacia abajo. Vamos a abrir tanto el botón derecho como el botón izquierdo. Y aquí queremos enfocarnos en nuestros rellenos. Quieres asegurarte de que esto esté alineado con los fotogramas clave para la animación de tu flash Ponga un fotograma clave para el color en ambos. Avanza hasta donde se alinea este fotograma clave, cambia los colores. Hagamos este naranja brillante y tal vez un blanco. Y luego volvemos al final de la animación. Y solo queremos copiar estos fotogramas clave iniciales. Entonces de esa manera el primer y último fotograma clave son los mismos que ves a medida que atravesamos. Tiene flash. Míralo. A medida que hace clic, parpadea. Quizás quieras que esto vaya un poco más rápido. Si ocultas la capa y te eliges, puedes ver tus fotogramas clave y acercarlos un poco más. Yo haría todos estos clics fáciles o nueve, si lo miras, tienes una cámara que hace clic, Flashes, ahí tienes. Este es un icono muy sencillo de una cámara. Esta es una forma de animarlo muy rápido. Puedes ver cómo entró el uso de pads fusionados. Muy útil para crear el reflejo y para crear este botón de dos tonos por aquí, e incluso para crear nuestro botón de flash. Al igual que con cualquier otra característica de las capas de formas, te recomiendo encarecidamente que experimentes mucho con los pads de fusión, busques otros tutoriales, vuelvas un poco loco con él y veas qué se te ocurre. Cuanto más tiempo gires con él, más acostumbrado estarás. Tendrás más confianza en usarlo en tus animaciones de capas de formas. 67. 06.06 Crea un diseño animado de vacaciones circular: Bien, entonces en este tutorial vamos a crear una insignia patriótica usando algunas formas en el repetidor Crea una nueva composición usando nuestro nuevo icono de composición aquí mismo. Y queremos mantener todos nuestros ajustes igual que los hemos tenido. 192-010-8029 0.97 10 segundos. Y vamos a llamar a esta insignia patriótica. Golpea Bien. Haga clic derecho en esta área aquí abajo junto a nuestra línea de tiempo. Y elige Nueva Capa de Forma. Y voy a nombrar a estos grupos a medida que avanzamos para que así podamos mantener todo agradable y organizado. Primero, cambiemos el nombre de nuestra capa de forma Insignia Patriótica. Y ahora agreguemos nuestro primer grupo, y vamos a llamar a esto estrellas Con estrellas resaltadas, sigamos adelante y agreguemos una estrella poli. Y vamos a agregar un relleno. Ahora queremos que este relleno sea blanco. Crea ese blanco. Ahora con contenidos resaltados, vamos a agregar un repetidor Utilizando los conocimientos que hemos adquirido en las últimas lecciones. Sabemos que necesitamos hacer algunos ajustes a este repetidor y su configuración para nuestras copias Estamos, diremos 16 copias de eso. Ahora recuerda, nuestro punto de anclaje en posición necesita estar todo puesto en cero en los ejes x e y para que solo tengamos una forma visible, que está justo aquí. Vamos a nuestro grupo de estrellas y abramos nuestras propiedades transformadas. Y necesitamos mover esto hacia arriba hacia arriba, volviendo a bajar a nuestras propiedades de transformación repetidora, necesitamos ir a nuestra rotación y dividir 360 por el número de copias que tenemos, que es 16, para obtener ese círculo perfecto de estrellas Y solo hagamos algunos ajustes al tamaño de estas estrellas. Usaremos las propiedades de transformación de las estrellas del grupo. Solo bajemos esto tal vez a algo así. Ahora estamos en el 30%. Necesitamos tener un anillo y también necesitamos tener antecedentes yendo a contenidos. Vamos a agregar un grupo y me aseguraré este grupo vaya por debajo del repetidor ¿Bien? Porque si va por encima de él, el repetidor va a repetir eso Y te voy a mostrar a lo que me refiero, tocamos esto antes, pero solo quiero enfatizar esto para que así, ya lo sabes. Agrupe uno, agreguemos en una elipse, y luego agreguemos en un trazo ¿Bien? Y tenemos que hacer este trazo. Lo haremos rojo. Bien, aumentemos el tamaño de esta trayectoria elipse. Es casi lo mismo que nuestras estrellas aquí. Y luego vamos a aumentar el ancho del trazo. Recuerda que por defecto es de dos píxeles de ancho. Queremos ir más allá de nuestras estrellas. Nos acercamos, vemos que va justo más allá de nuestras estrellas. Algo así. Ahora cambiemos el nombre de este grupo a raya roja. Y ahora mira, mira qué pasa si movemos la franja roja por encima del repetidor El repetidor va a intentar repetir esa franja roja. La razón por la que voy a ver una copia del mismo es porque tiene los ajustes que son similares a nuestras estrellas. Si mueves la posición, en realidad puedes obtener algunos efectos bastante geniales aquí. Y sin embargo, solo otro ejemplo de experimentación y de lo que se puede sacar del repetidor Esto no es exactamente lo que queremos, pero es un efecto genial, ¿de acuerdo? Entonces eso es si la franja roja está por encima del repetidor, así que vamos a moverla abajo Entonces ahora necesitamos un fondo, así podemos volver a la franja roja aquí. Y en realidad podemos agregar un relleno a esto. Cambiemos esta franja roja solo a fondo. Ahora nuestro relleno va a por defecto a rojo. Cambiemos eso a algo de azul. Asegúrate de tirar de tu relleno debajo de tu trazo. El trazo está en realidad en la parte superior del relleno. De esa manera va más allá de nuestras estrellas. Una de las cosas que es muy importante con las capas de forma es la forma en que se presentan las cosas de manera jerárquica Al igual que con Photoshop o Illustrator, es solo estratificar. En una situación como esta, cuando el relleno está por encima del trazo, vemos que el trazo está realmente detrás del relleno. Ahí hay más del trazo , simplemente no lo podemos ver. Queremos poner el relleno debajo del trazo. Hagamos algunos ajustes a nuestras estrellas. Aquí tenemos bajo nuestro camino polystar, tenemos este tweak de radio interior y exterior con esos, solo hazlo un poco más agudo Podemos jugar con la redondez de la misma, algo así Tal vez incluso podamos aumentar el número de estrellas que tenemos. Volvemos a nuestro repetidor. En realidad hagamos esto 20 copias y bajemos a nuestra rotación. Y recuerden que tenemos que ir 360 divididos por el número de ejemplares, que es 20. Y eso llena aún más esa zona. Esa es nuestra Insignia Patriótica ahí mismo. Vamos a darle un poco de rotación, solo podemos destacar Patriotic Badge Layer Entremos en nuestras propiedades transformadoras de esta Capa de Insignia Patriótica, Alt Haga clic en Rotación y escriba tiempos de tiempo el número que desee. Voy a hacer 25. Entonces tenemos esta insignia patriótica rotativa. Puedes poner lo que quieras en el medio. A lo mejor algo así como placa patriótica. Yo sólo voy a hacer algunos ajustes al texto aquí. Puedes poner todo lo que quieras aquí. Se puede poner otra imagen ahí dentro. Puedes poner texto ahí, cualquier cosa que quieras. Ahí está nuestra insignia patriótica. Apenas un par de formas, un repetidor y círculo de estrellas Puedes agregar todo lo que quieras alrededor de esto. Se le puede agregar. Puedes agregar más estrellas. Se pueden cambiar los colores de. Es muy sencillo de hacer. Recuerda, siempre que estés trabajando con un repetidor, jerarquía es de suma importancia El repetidor afecta todo por encima de sí mismo y eso incluye otros repetidores, cualquier grupo, cualquier forma, cualquier cosa por el estilo Entonces, si vas a usar un repetidor y quieres usar múltiples formas que no quieres que se vean afectadas por él, asegúrate de saber dónde está tu repetidor en relación con tus otras formas en tus otros grupos Diviértete y ve qué cosas geniales puedes crear usando esta herramienta muy poderosa. 68. 06.07 Crea un fondo animado: Te voy a mostrar cómo usar el repetidor para hacer una transición de fondo en teselas, como estás viendo ahora mismo El repetidor es una herramienta poderosa dentro las capas de forma y hay una serie de usos para ello. Como siempre, puedes guardar esto como un preset y usarlo en futuros proyectos fácilmente. Vamos a crear una nueva capa de forma, agregar un grupo y llamaremos a este grupo un rectángulo maestro, uno. Y luego queremos agregar otro grupo dentro de esto. Vamos a nombrar a este rectángulo uno dentro de este grupo. Agreguemos un rectángulo, un trazo y un relleno. Ahora cambiemos este relleno a como una naranja. Cambia el trazo, copiemos el color del relleno, pero luego hazlo un poco más oscuro para el trazo. Y aumentemos esto a 150. Aumentemos nuestro tamaño de trazo a 27. Por ahora, solo queremos animar el trazo. Entonces vamos a ocultar este relleno. No lo eliminaremos, sólo vamos a ocultarlo. Entra en nuestro camino rectangular. Vamos a establecer un marco clave en cero. Y haremos que la talla sea cero. Adelante como un segundo. Haz esto 150. También queremos animar nuestro ancho de trazo Así que vamos a establecer un fotograma clave para 27, pero queremos mover esto a unos 15 fotogramas Volvamos a cero y fijemos el ancho de trazo 20. Arriba en un segundo, haremos ese cero también. Destacemos todos estos fotogramas clave y hagamos clic en nueve para hacerlos más bezier Y tienes algo así. En nuestro rectángulo maestro, vamos a agregar un repetidor, y esto repetirá todo por encima de él Entonces básicamente, este rectángulo de aquí, se puede ver que el repetidor ya está haciendo algún trabajo Agrega tres copias. Por defecto queremos agregar 21 copias. Queremos que nuestra fila vaya de izquierda a derecha con nuestro punto de anclaje en el centro. Entonces es una buena idea tener estos ejemplares establecidos en un número impar. El punto medio es diez, pongamos diez negativos Y también queremos compensar estos para que no se toquen. Y ahora podemos volver a nuestro rectángulo fuente. Cambiemos esta rotación a 45. Entonces podemos volver a nuestro repetidor una posición. Y queremos mover esto, apenas están tocando. Y lo que tenemos hasta ahora es esto, vamos a nuestro repetidor uno y vamos controlar D. Así que vamos a duplicar el repetidor Para repetidor uno, tenemos nuestra posición establecida en 19040. De hecho, fijemos esto en el 2000. Lo que queremos hacer es que queremos hacer lo contrario para el repetidor dos Queremos que nuestro valor X sea cero y nuestro valor Y sea 200. Y ahí tienes, tenemos esta matriz. La forma en que lo conseguimos fue repetidor uno, X es 200, Y cero Repetidor dos, X es cero, y es 200, Tenemos eso ahí mismo para rellenar los agujeros Duplicemos este rectángulo uno, y queremos incluir nuestro relleno con esto, queremos asegurarnos de que estos bordes estén tocando, pero no necesariamente superpuestos. Para el repetidor uno, volvamos a aquí y extendamos esto un poco más Digamos 210. Y luego para el repetidor dos, queremos asegurarnos de que este sea 010 Ahora para rellenar todo el control de pantalla D, el rectángulo maestro. Si abrimos esto, vamos a ir a las propiedades de transformación. Para el rectángulo maestro dos, queremos mover la capa sobre. Entonces llena todo el espacio en blanco. Así como así, no queremos dejar ningún espacio en blanco. Ahora puedes mantener pulsado el botón de control y ajustar tu posición. Se mueve mucho más despacio. Tenemos esto, queremos meterse con estos marcos clave. Lo que queremos hacer es este es nuestro segundo grupo rectángulo maestro. Pasemos esto a unos diez fotogramas. Para esta animación de este primer rectángulo, queremos que este se desplace. Entonces vamos a llegar a unos cinco fotogramas. Agarra a este grupo de aquí, muévelo. Tenemos esa moción. Entonces lo mismo para nuestro segundo rectángulo. Página abajo 12345. Y muévanse estos. Lo que terminamos teniendo es así de genial. Quieres tu color, tu relleno. Quieres que ese sea el color que vas a decir. Por ejemplo, si se supone que el fondo es como un azul, quieres cambiar a como el azul que quieras. El trazo, me gusta elegir el mismo color que mi relleno, pero luego simplemente lo oscurece Y quieres hacer eso para ambos rectángulos. Simplemente acaricia esto, consigue frotar el cuentagotas, elige el trazo de eso Para el relleno, quieres que sea ese azul. Se puede ver esto como un preset y traerlo instantáneamente Y te voy a mostrar como hacer eso. Guarde sus rectángulos, repetidores y sus propiedades de transformación Si no guarda sus propiedades de transformación, el ajuste preestablecido mostrará un valor de propiedad de transformación predeterminado. Ve a Animación, guarda el preset de animación. Te va a traer de vuelta a tus ajustes preestablecidos de usuario. Y como pueden ver, tengo un montón de carpetas que he creado aquí. Estos se reflejan en su proyecto atterfix. Entonces quiero entrar en transiciones, y voy a llamar a este repetidor transición de fondo de diamante Haga clic seguro. Podemos entrar aquí a nuestro contenido y simplemente borramos eso. Entra en tus ajustes preestablecidos de animación. Los presets de usuario se pusieron en las transiciones y lo puedes encontrar aquí, repetidor, diamante, transición de fondo O puedes ir y simplemente hacer una búsqueda como yo lo haría escribir en diamante, y lo ves aquí mismo. Ahora bien, este preset sí tiene fotogramas clave, por lo que sí importa dónde se encuentre su cabezal de reproducción, porque donde sea que esté su cabezal de reproducción es donde se dejarán caer los primeros fotogramas clave Entonces puedes volver al principio o si no quieres, puedes ir a cualquier parte de la capa y hacer clic en ella te lleva de vuelta al principio. Vamos a arrastrar esto. Y ahí vamos otra vez. Desea asegurarse siempre que guarde estos, si ajusta las propiedades de transformación de uno de estos grupos, también tiene que resaltar la transformación. De lo contrario, hay una configuración predeterminada para las propiedades de transformación. Y así es como se crea un fondo en teselas usando el repetidor 69. 06.08 Crea transiciones de capas de formas: Te voy a enseñar algunos trucos muy chulos. Primero, haremos esta transición de capa de forma, luego vamos a agregar una expresión multiplicar y dividir que creará versiones alternativas del degradado de color que estás viendo ahora mismo. También agregaremos controles para que pueda alterar la ubicación del punto de anclaje de esta capa de forma, lo que esencialmente le permite tener cuatro posibilidades de transición con solo esta capa. Entonces vamos a agregar expresiones de casilla de verificación que te permitirán alternar fácilmente entre los esquemas de colores multiplicar y dividir Finalmente, podrás guardar esta transición de capa de forma junto con todas estas entidades agregadas como un preset para que puedas llevarlo a tus comps con solo hacer clic en un botón Aprenderás sobre los puntos de anclaje de la capa de forma, cómo afectan tus animaciones y la importancia de las matemáticas. Cuando se trabaja con capas de forma, el tamaño de tu comp es extremadamente importante debido a muchas matemáticas que vamos a hacer. Entonces voy a crear una composición que sea 1920 por 1080. Y vamos a llamar a esta transición rectangular. Haga clic derecho, Y vamos a elegir nueva forma Capa. Y cambiemos el nombre de esta transición de rectángulo de capa de forma. Y vamos a abrir nuestra capa de forma. Y vamos a sumar un grupo y llamar a eso dividir. Y esto va a tener más sentido más adelante, pero por ahora mismo, vamos a configurar el proyecto para que no tengamos que hacer muchos cambios más adelante dentro de nuestro grupo divisorio. Agreguemos otro grupo y llamemos a esto 01, ¿de acuerdo? Y luego dentro de 01, vamos a agregar un rectángulo y darle un relleno a ese rectángulo, ¿de acuerdo? Ahora bien, una de las cosas que es importante saber sobre el tamaño de la ruta del rectángulo, que es lo que estamos a punto de ajustar, es que no está en porcentajes como lo es nuestra escala de capa. Si abrimos nuestra escala de capa, podemos ver que esto es en porcentajes x e Y. X siendo izquierda y derecha, y siendo Y de arriba a abajo forma los tamaños de ruta de capa. Tu tamaño de la ruta del rectángulo está en realidad en píxeles, no en porcentajes. Entonces nuestra comp es 1920 por 1080 y necesitamos hacer que nuestro tamaño de ruta rectangular sea el mismo. Entonces desbloqueemos nuestras dimensiones de tamaño y solo hagamos 1920 en X, en 1080 en Y. Bien, entonces ahora necesitamos mover nuestro punto de anclaje a la esquina inferior izquierda de nuestra capa de forma. No estamos usando el punto de anclaje de la capa que está aquí abajo. Vamos a usar el punto de anclaje de nuestro grupo uno. Entonces hay una gran diferencia. Siempre que estés haciendo este tipo de animaciones. Necesitas ser muy consciente de qué propiedades transformadoras estás usando porque hace Entonces, para llegar nuestro punto de anclaje a la esquina inferior izquierda, necesitamos ajustar nuestra configuración de punto de anclaje. Todas las capas de forma por defecto su punto de anclaje al centro de la capa de forma. Entonces ya que estamos 1920 por 1080, vas a ir 960 píxeles negativos a la izquierda, lo que va a mover nuestra capa de forma hacia el centro. Y luego 540 píxeles hacia arriba. Si acercas y pulsas Y, en realidad puedo sacar este punto de anclaje. Entonces así es como se ve el punto de anclaje de este grupo. Si simplemente haces clic en la capa aquí, puedes ver así es como se ve el punto de anclaje de toda la capa. Entonces nuevamente, solo vamos a estar alterando el punto de anclaje del grupo. Así que volvamos a hacer clic en uno. Y vemos que está justo aquí. Así que ahora para conseguir esta capa de forma llene toda nuestra pantalla, necesitamos compensar lo que hemos hecho a nuestro punto de anclaje. Y la forma en que lo haces es simplemente poner los mismos valores para la posición, por lo que negativo 96540 Y ahora nuestra capa de forma está exactamente donde necesitamos que esté. Bien, así que vamos a seguir adelante y animar esto nuevo usando las propiedades de transformación de este grupo uno, vamos a poner un fotograma clave para rotación y establecerlo en negativo 90, así así girará hacia arriba hacia la izquierda como puedes ver aquí mismo Y luego mantengamos pulsada la página de desplazamiento hacia abajo para ir diez fotogramas. Y vamos cinco más. Así que página abajo 12345, zoom aquí un poco y haremos que nuestra rotación sea cero Y en este punto, sigamos adelante y acortemos nuestro enlace comp para que así sea un poco más fácil de ver Así que vayamos a tal vez 6 segundos. Y pulsa en tu teclado y trae sobre tus mangos, botón derecho Haz clic en esta barra superior y elige recortar comp para trabajar ruta el segundo fotograma clave resaltado. Cambia esto a una facilidad en. Sube a nuestro editor gráfico y vamos tirar de la manija hasta la izquierda. Entonces lo que conseguimos es eso, así que entra rápido. Y luego poco a poco se va acomodando a su posición, cerrar aquí a este grupo Y vamos a duplicar esto cuatro veces. Entonces necesitamos cinco grupos, uno a cinco. Y debería cambiarle el nombre por ti. Acaba de golpear el control D1234. Y así tenemos nuestros cinco grupos todos con la misma configuración exacta. Entonces ahora si te golpeamos para abrirte para ver nuestros fotogramas clave, vamos a compensar cada una de estas rotaciones en tres fotogramas Page down, 123, pasar por encima del grupo dos, porque queremos que esto sea escalonado de abajo hacia arriba 123, detente el siguiente conjunto de fotogramas clave, 123, los siguientes fotogramas clave y 123, esos fotogramas clave finales allí Entonces ahora mismo no se puede decir realmente lo que está haciendo porque todos son del mismo color. Eso vamos a cambiar. Entonces ahora la forma en que obtenemos el esquema de color es que necesitamos agregar un efecto. Así que vamos a efectuar controles de expresión, control de color, y eso por defecto es rojo Con esta capa seleccionada. Entra en tu buscador aquí. Esto es algo que quizás no sepas que existía. Pero si necesitas encontrar algo muy específico, puedes entrar en tu caja más fina y escribir cualquier propiedad que quieras encontrar Así que vamos a escribir en color. Y como podemos ver, aparecen todos nuestros colores de esta capa de forma. Así que vamos a ser padres nuestro relleno para el grupo uno hasta el grupo dos. Y luego vamos al grupo de padres dos al grupo tres, grupo tres al grupo cuatro, grupo cuatro al grupo cinco. Vamos a padres este color de relleno del grupo cinco hasta nuestro control de color. Ahora todavía vemos que todos estos colores son exactamente iguales. Entonces ahora voy a mostrarte cómo conseguimos ese gradiente. Seleccionemos nuestra capa de nuevo y pulsemos E para que aparezcan nuestras expresiones. Y como pueden ver, estas son expresiones en nuestros colores. Al final de esto después del color, vamos a escribir dividido por 1.5 y es por eso que nombramos a este grupo Divide Por cierto, ya puedes empezar a ver a medida que avanzas por aquí, cómo empiezan a cambiar los colores en nuestros rellenos . Para los cuatro grupos inferiores, vamos a dividir por 1.5 No vamos a poner eso en este color superior porque queremos que nuestro color superior sea el color que elegimos en nuestro control de color. Ahora bien, si fregamos un poco por aquí, podemos ver cómo tenemos nuestro gradiente. Y puedes alterar esto ajustando tu control de color. Si lo haces más oscuro, todos se vuelven más oscuros, más brillantes. Todos se vuelven más brillantes. Ahora para hacer variaciones, en realidad puedes padre del color de arriba a abajo. Uno iría a 22, a 33, a 44 a cinco. Entonces cinco irían a tu control de color, y eso solo invertiría la dirección de tu degradado. Entonces ahora necesitamos esto para animarnos. Entonces abramos nuestros grupos aquí, y comenzaremos con el grupo cinco. Y necesitamos abrir nuestro camino rectangular. Las dimensiones del trazado rectangular son diferentes a las propiedades de transformación de su capa, sin importar dónde se encuentre su punto de anclaje. Siempre que ajustes el tamaño de este, siempre estará predeterminado al medio. Y así no importa si tu grupo, tu capa de forma o el punto de anclaje de capa se establece en el medio o no. Este tamaño de ruta rectangular, ya que está en dimensiones, siempre se establece por defecto en el medio pase lo que pase Entonces aquí es donde está nuestro último marco clave de todo. Así que vamos hacia adelante 123 fotogramas y vamos a ajustar nuestro tamaño de ruta rectangular. Pongamos un marco clave aquí mismo. Después ir hacia adelante, desplazar página hacia abajo. Sólo haremos diez fotogramas en vez de 15. Y ahora puedes hacer que este primer valor sea cero si quieres que se anime donde se cierra desde un lado O puedes hacer el 10800 y se cierra de arriba a abajo, que prefieras Lo mantendremos así donde se cierre de arriba a abajo. Así que vamos a destacar este primer marco clave y vamos a hacer que esto sea fácil. Y como hicimos con nuestro otro conjunto de fotogramas clave, abre el editor de grafos, y esta vez vamos a tirar del asa hacia la derecha. Entonces va a empezar lento y luego ir rápido. Y en realidad, hagamos este último fotograma clave y facilitemos para que de esa manera no desaparezca Vamos a abrirlo de nuevo el editor de grafos y tal vez hacer que esto no sea tan extremo sobre así. Entonces comienza un poco lento, pero no solo desaparece completamente tan rápido. Ahora podemos resaltar esos fotogramas clave y presionar el comando C para copiar. Y subamos a nuestro buscador y tecleemos el tamaño. Y nuevamente vemos nuestros tamaños de trayectoria rectangular. Y sólo vamos a ir hacia delante tres cuadros por cada grupo descendente. Entonces 123 página abajo y ve a nuestro tamaño de ruta rectangular. Para cuatro, golpeamos el comando V123, el comando V123, comando del grupo dos V123, y para el nuestro último, comando V. Ahora bien, si vemos esta transición, entonces entra de lado y luego desaparece en el luego desaparece en Esta podría ser una transición que podrías ahorrar ahora mismo, pero vamos a incluir muchas más opciones. Bien, así como podemos ver ahora mismo, esto se está animando desde la esquina izquierda Bueno, y si quisieras animarte desde la esquina derecha en la parte inferior o la esquina derecha en la parte superior o la esquina superior a la izquierda Hay una solución muy fácil para eso. Vaya a su panel de efectos y presets escriba en transform y simplemente haga doble clic en eso para agregarlo a la capa Renombrar transformación Haga clic en Entrar, puede cambiar el nombre esta y nosotros nombraremos esta dirección. Y todo lo que necesitas hacer para cambiar la dirección de donde se anima esto es alterar tu escala Entonces mira esto por defecto a escala uniforme. Vamos a desmarcar eso. Entonces ahora tienes altura de escala y ancho de escala. Y todo lo que vas a hacer es cambiar su valor, digamos el superior, a 100 negativo. Bueno ahora se va a animar desde abajo, pero va a terminar en la parte superior así Ahora bien, si cambiamos el ancho de la escala a 100 negativo, va a cambiar de lado. Ahora está animando desde la derecha y terminando en la parte superior Y entonces si cambiamos nuestra altura a 100, se va a animar adentro desde la derecha y terminar en la parte inferior Esencialmente tienes cuatro opciones. O bien hacer estos valores 100, 100, negativos 100, negativos 100, negativos 100, o negativos 100 100. Cambiar eso va a cambiar la forma en que esto se va a animar en Así que volvamos y solo hagamos esto 100.100 Digamos que quieres que el degradado vaya en una dirección diferente, o simplemente quieres que el esquema de color sea un poco diferente Duplicar el grupo que dice dividir y ahora vamos a nombrar esto multiplicar. Y si destacamos, multiplicamos y escribimos en color, obtenemos todas nuestras opciones de color para este grupo. Y vamos a cambiar todos estos divididos por 1.5 a, multiplicados por 1.5 Y hay otra cosa que vas a tener que cambiar, te voy a mostrar eso en tan solo 1 segundo. Pero primero, cambiemos todas estas expresiones a multiplicadas por 1.5 ¿Bien? Entonces ahora, aunque estemos en nuestro grupo multiplicar, podemos ver que nuestras expresiones aún dicen dividir. Y la razón por la cual es porque acabamos duplicar el grupo de división, pero todas las expresiones permanecieron igual. En realidad necesitamos cambiar dividir para multiplicar. Entonces hagámoslo. Entonces lo que dice esta expresión es que queremos que nuestro color uno se apadice a dos, pero vamos a multiplicar eso por 1.5 Tenemos nuestro control de color aquí arriba Cambiemos el nombre de esto a Dividir, porque queremos un color diferente para nuestro multiplicar. Así que duplica eso y nombra a este color multiplicar. Y ahora en nuestro grupo multiplicar, recuerden en nuestro grupo cinco, nos criamos eso al color padre esto Ahora para multiplicar el color, cambiemos el color del púrpura multiplicado. Entonces, si ajustas tu color, puedes ver cómo multiplicar realmente afecta tus colores de manera diferente. Tu alcance es mucho menor. Siempre que uses multiplicar, necesitas hacer el color de relleno. Mucho más oscuro. Sin embargo, uno de los temas que tenemos es que tenemos multiplicar y dividir ambos al mismo tiempo. Y si queremos elegir cuál queremos porque no quieres que dos transiciones ocurran al mismo tiempo. Podemos arreglarlo. Seleccionemos Rectángulo. Controles de expresión de efecto de transición, control de casilla de verificación, y nombraremos este control de división y lo duplicaremos. Y nombra a éste multiplicar control y cambiar para dividir color y multiplicar color. Vamos a usar estas casillas de verificación para apagar y encender estos grupos. La forma en que hacemos eso, vamos a seleccionar multiplicar. Y aquí queremos cerrar todos estos grupos. Y estamos buscando las propiedades transformadoras del grupo multiplicado. Tomemos nuestra opacidad y vamos a escoger látigo, control de multiplicar Y una cosa que hay que añadir al final de esta expresión es por 100 veces. Y entonces vamos a hacer lo mismo por dividir. Bajar a nuestro grupo de división transformar propiedades. Y vamos a llevar nuestra opacidad y recoger látigo eso a la casilla de verificación de control de división Abre eso y necesitamos sumar tiempos 100. Y así como puedes ver ahora ninguno de ellos está apareciendo, así que todo lo que tienes que hacer es simplemente hacer clic en esta casilla de verificación la que quieras Entonces si quieres el color de división, tenemos esto, apágalo, puedes elegir multiplicar control, y ahora tenemos la versión multiplicar. Lo que esencialmente tenemos aquí es la capacidad de cambiar nuestra dirección, que estas animen desde cada una de las cuatro esquinas Y podemos tener dos esquemas de color diferentes que podemos cambiar y se actualizan instantáneamente. Entonces hay mucho que hacer en esta capa de una forma. La forma de guardar esto como un preset es que queremos resaltar todo, nuestros contenidos, efectos y propiedades de transformación. Ve a la animación, guarda el ajuste preestablecido de animación y asegúrate de estar en los documentos. Adobe la versión que estoy usando, 2019 esta vez, y presets de usuario Vamos a agregar una nueva carpeta y se puede nombrar a esta forma transiciones de capa. Y vamos a seleccionar esta carpeta, y vamos a nombrar sólo esta transición rectangular. Tal vez subraye el control múltiple, presione guardar y deje que eso guarde este preset Bien, y ahora para asegurarnos de que la guardamos correctamente, abramos nuestra capa de formas aquí y simplemente eliminemos todo tu contenido. Asegúrese de que no haya marcos clave. Si te golpeas, no tenemos otros fotogramas clave. Y entra en nuestro panel de efectos y presets aquí y simplemente claro eso. Abre nuestros presets de animación y vemos nuestra carpeta aquí. Las transiciones de capa de forma ya se han creado. Entonces eso va a reflejar lo que tengamos en nuestros documentos. Presets de usuario de Adobe. Debes asegurarte de estar al principio de tu capa en el segundo cero. Y di si necesitas llegar ahí y tu cabeza de reproducción está en otro lugar, si solo golpeas a I, te lleva al principio Abramos nuestra carpeta de transiciones de capas de formas y simplemente hagamos doble clic en el rectángulo. Multi control, ya tenemos todos nuestros marcos clave apareciendo. Miramos aquí a nuestros efectos. Tenemos los efectos que añadimos. Y si lo jugamos, podemos ver que juega perfectamente. Siempre habilito el desenfoque de movimiento solo porque se ve mucho mejor. Entonces así es como se crea una transición de capa de forma con múltiples controles. Entonces puedes usar esta capa de una forma y tienes dos esquemas de color diferentes y tienes cuatro direcciones diferentes en las que puede animar Si quieres que esto se anime desde un lado en lugar de desde la parte superior Todo lo que tienes que hacer para este tamaño de ruta rectangular , esta animación sale. Empezamos con 1920 por 1080, aquí mismo. Y mira, optamos por ir a 19200, así que solo cambia esto a 01080, y todos estos se animarán desde 70. 06.09 Crea sombras largas con el repetidor: Te voy a enseñar cómo hacer largas sombras para texto. Las sombras largas se pueden lograr de varias maneras. Pero quería hacer este tutorial porque se enfoca en capas de formas, que es algo que me entusiasma mucho. Hay mucho por lo que pasar. Así que vamos a sumergirnos en control para que aparezcan tu herramienta de texto. AE de siete minutos es lo que voy a usar para centrar esta capa transformar el punto de anclaje central en el contenido de la capa. Y puedes ver que también tienes un atajo aquí, Control y ver que centra nuestro punto de anclaje en medio de nuestra capa de texto aquí. Entonces abre nuestro panel Linn, y vamos a mover esto al centro de la composición, nuestra ampliación y golpeemos Vamos a aumentar esto un poco, Bien, así que cada vez que conviertas texto en capas de forma, va a tirar sobre cualquier información de relleno o trazo que tengas. Porque recuerda con capas de forma además de una forma, también necesitas un relleno y/o un trazo. Y también puedes agregarle algunas herramientas de animación. Estaremos agregando el repetidor, así que si hacemos clic en este cuadrado o cuadrado de color de trazo detrás nuestro cuadrado de relleno y simplemente hacemos clic en eso, lo hacemos rojo, y decimos bien. Y ahora, así tienes la opción de rellenar sobre trazo o trazo sobre relleno. Me gusta hacer relleno sobre trazo y cinco píxeles está bien para nuestros propósitos porque realmente no voy a usar el trazo en este tutorial. Pero sí quiero que seas consciente de que cualesquiera que sean los rellenos y trazos que uses en el texto, nos traerán cada vez que lo conviertas. Bien. Entonces, dependiendo de qué versión de after effects estés usando. Si escribes, haz clic en tu capa de texto en 2018 y luego verás esta opción para Crear. Y luego dentro de Crear, hay que crear formas a partir de texto y crear máscaras a partir de texto en versiones anteriores a 2018. Estas dos opciones crean formas a partir del texto y la máscara a partir del texto. Estamos en este menú desplegable principal que ves aquí. Entonces, si no puedes encontrarlo en tu versión de after effects, solo ten en cuenta que lo que vas a buscar es crear formas a partir del texto. Ahora cada vez que creas una forma a partir de texto, after effects te va a dar una capa de forma con un montón de grupos. Y dentro de cada grupo va a estar cada letra con su propio trazo de relleno y propiedades de transformación. Si creas una máscara a partir de texto, te va a dar un sólido con máscaras que dibujan cada personaje. Así que no tienes tanto control si creas máscara a partir del texto. Y definitivamente no tienes la opción de usar el repetidor Entonces queremos hacer crear formas a partir del texto. Y como pueden ver, suceden algunas cosas. Lo primero a tomar nota es que Afrifx esconde nuestra capa de texto Y la razón por la cual es porque ya no lo necesitamos realmente, porque vamos a estar trabajando con nuestra capa de formas. Pero lo deja en tu línea de tiempo en caso de que quieras hacer alguna alteración. Entonces vamos a abrir esta capa de forma aquí. Y como pueden ver, bajo contenidos tenemos todas nuestras cartas, cada una dentro de su propio grupo. Entonces, si destacamos contenidos, agregamos un grupo. Y voy a seguir adelante y renombrar este texto primario. Bien, así que vamos a agarrar todos estos grupos. Siete, AE, y traerlo a nuestro grupo de texto principal. Bien, ahora vamos a abrir este grupo aquí que dice siete. Y como se puede ver trajo en nuestro relleno de nuestro carácter de texto así como el trazo. Y si subes aquí a nuestro panel de control, verás que el trazo tiene cinco píxeles de ancho. Es el mismo ancho que cada vez que creamos el texto original. Y ahora tienes control sobre cada letra. Puedes cambiar el relleno si quieres que ese sea de un color diferente. Se puede cambiar el trazo. Incluso puedes cambiar el ancho de cada trazo individual. Una de las otras cosas a tener en cuenta es que tienes estas opciones para transformar. Si abres esto, verás que cada personaje tiene sus propias propiedades de transformación. Significado de posición de anclaje, escala, rotación y opacidad. También tienes la opción para ejes sesgados y sesgados. Eso es algo para otro tutorial. Pero solo ten en cuenta que cada personaje tiene sus propias propiedades de transformación. Así que a ver, en realidad puedes mover cada personaje independientemente el uno del otro. Para nuestros propósitos, realmente no queremos un trazo en este texto. Entonces voy a mostrarte una manera rápida deshacerte de este derrame cerebral. Se pueden destacar todos estos grupos. Sube a esta barra de búsqueda aquí mismo y escribe trazo. Y sacará a colación cada instancia de un trazo dentro de los grupos. Así que solo voy a pasar por aquí y voy a eliminar todos estos trazos de esa manera no tenemos trazo en nuestro texto. Y en realidad voy a hacer otra cosa. Si destacamos todos estos, voy a hacerlo y quiero deshacerme de todos nuestros rellenos. Pero antes de hacer eso, déjame mostrarte por qué. Bien. Di si quiero cambiar el color de todo mi texto de manera uniforme y sigamos adelante y volvamos a cambiarlo a blanco. La forma en que normalmente lo harías es entrar en este grupo de texto primario y agregar un relleno. Pero como pueden ver, este relleno es rojo, pero estos rellenos de estas letras permanecen blancos. Y la razón por la cual es porque estos rellenos están reemplazando al relleno rojo Lo que me gusta hacer es destacar todos estos grupos, entrar en nuestra barra de búsqueda tipo fill. Y solo quiero deshacerme de todos estos rellenos. Eliminar. Y ahora este relleno aquí abajo está controlando el color de nuestro texto. Y podemos hacer de este cualquier color que queramos. Quiero que sea algo un poco más ligero. Será como un azul claro. Bien, entonces este es nuestro texto principal. Controlemos D para duplicar eso. Renombrar estos correctamente para que tengamos texto primario en la parte superior, y luego el grupo debajo va a ser sombras largas. Vamos a entrar en nuestro grupo de sombras largas aquí. Primero, ocultemos nuestra capa de texto principal, abramos este relleno y hagamos este negro. Entonces, cada vez que volvemos a encender nuestro texto principal, tenemos azules, las sombras largas son negras. Bien, entonces ahora con largas sombras resaltadas, vamos a Agregar, y vamos a agregar un repetidor Un repetidor automáticamente, vamos a abrir eso, agrega automáticamente tres copias y se transforman propiedades para el repetidor Automáticamente por defecto a 00 punto de anclaje y posición 100 píxeles, cero píxeles. Entonces queremos poner a cero esto, hacer punto de anclaje posicionar todos los ceros, y queremos aumentar el número de copias que tenemos Tomaremos un poco de experimentación, así que probémoslo. Diremos 35 copias. Como pueden ver, aún no está pasando nada. Y la razón por la cual es porque todas las copias están directamente detrás de los personajes iniciales. Debido a que nuestra posición es 00, ahora queremos mover nuestra posición hacia la izquierda muy ligeramente, escriba negativo 0.1 en el eje x. Para la posición en el eje y, vamos a escribir 0.1 Bien? Ahora, aumentemos el número de copias. Como pueden ver, a medida que empezamos a aumentar el número de copias en nuestro repetidor, estamos consiguiendo el aspecto que íbamos a buscar Simplemente puedes aumentar esto a cualquier cantidad que quieras, dependiendo de cuánto tiempo quieras tus largas sombras. La dirección en la que va a caer tu sombra va a depender de la posición de tu repetidor Ahora estos se mueven en incrementos muy pequeños. Ahora mira lo que pasa. Si escribo en negativo 0.2 la distancia que se movió es bastante significativa. De verdad quieres moverte en cientos de puntos, así que di tal vez negativo 0.15 Si quieres ir en las otras direcciones, la sombra cae a la derecha. Simplemente escriba 0.15 y vea cómo va hacia la derecha. Ahora bien, esto también es clave encuadrable. Lo que quiero decir con eso es que pongamos un fotograma clave para nuestras copias y movamos ese fotograma clave hacia abajo, digamos unos 2 segundos. Entonces al inicio de nuestra capa, vamos a hacer que este número de copias sea cero. Ahora bien, si recorres esa zona, podemos ver cómo podemos hacer crecer nuestras largas sombras. Puedes ir en cualquier dirección que quieras. Ahora bien, uno de los inconvenientes con esto es que no puedes simplemente cambiar tu texto usando este método. Porque todas estas son capas de forma. Ya no son caracteres de texto. Si quisieras cambiar tu texto, realmente tendrías que rehacer todo este proceso Así como puedes fotograma clave el número de copias que tienes, también puedes fotograma clave la posición de tus largas sombras Hay algunas cosas que aprendimos en este tutorial, Cómo crear formas a partir de texto, y cómo usar el repetidor para crear sombras largas, aunque el repetidor no fue diseñado para ese propósito Puedes ver cómo puedes usar herramientas de animación y efectos posteriores para obtener el efecto deseado de lo que sea que quieras crear. Sé creativo y piensa fuera de la caja y mira lo que se te ocurre. 71. 06.10 Crea un signo de rebote: Te voy a mostrar cómo crear este letrero de capa de forma rebotante usando zig zag y el repetidor Bien, vamos a crear una nueva composición. Tenemos una composición. Nueva composición y vamos a escribir señal de rebote. Vamos a hacer esto 1920 por 1080. Y vamos a hacerlo 7 segundos. Bien, vamos a hacer clic derecho en esta área aquí abajo y elegir una nueva capa de forma. Y vamos a llamar a esta capa de forma que rebota signo. Vamos a abrir esta capa de forma y vamos a agregar un grupo. Llamemos a este letrero grupal. Bien, dentro de este grupo, agreguemos un rectángulo. Y le daremos a ese rectángulo un relleno y un trazo. Juguemos con algunos de los colores. Aquí. Yo elegí el morado, y si eliges este cuentagotas, basta con hacer clic en este morado para obtener el mismo color, pero luego oscurecerlo para que así tengamos un borde aumentar el tamaño de este rectángulo A lo mejor hagamos este trazo, diré seis. Vamos a agregar un fondo a esta capa sólida. Y solo haremos de esto algo que permita que nuestro seno se destaque un poco. Quiero jugar con el tamaño de este rectángulo. Desbloqueemos nuestra configuración de tamaño. Va a hacer esto un poco más amplio. Entonces si le vuelves a hacer clic ahora se moverán juntos. Hagámoslo. Volvamos a subir a Agregar, y vamos a agregar una elipse Tenemos que agregar Una cosa más, caminos surgidos. Vamos a querer que esto esté configurado para restar. Y como pueden ver, ya pone un agujero en medio de nuestro rectángulo. Ahora vamos a obtener algunos ajustes exactos para nuestra ruta rectangular. Diremos 780 de ancho, y luego haremos 380 de alto. Ahora queremos tomar esta trayectoria elipse, queremos afectar su posición Vamos a la negativa 380. Y luego para conseguirlo exactamente en la esquina, vamos a tomar la mitad de 380, que es 190. Ahora vamos a duplicar esta trayectoria de elipse, y luego ajustar la posición a 380 Lo van a mover al otro lado. Duplicemos esta trayectoria elipse. Ahora queremos ir al negativo 190 para ponerlo en la esquina superior derecha. Y luego duplicarlo una vez más, y vamos a hacer que el eje x negativo 380 para ponerlo en la esquina superior izquierda. Agreguemos un nuevo grupo con contenidos resaltados y cerraremos. Firme por ahora. Vamos a agregar otro grupo y vamos a llamar a esta cadena. Sigamos adelante y movamos nuestro letrero hacia abajo. Entramos en las propiedades transformadas para seña. Vamos a mover esto al fondo sobre dónde queremos que aterrice. Para activar y desactivar sus reglas, escriba el comando R, o también puede entrar a la vista y mostrar reglas Solo saquemos a uno de nuestros guías con el grupo de cuerdas seleccionado. Vamos a Agregar, y queremos agregar una nueva ruta, automáticamente trae tu pinole Vamos a trazar una línea recta usando esta guía. También necesitamos agregar un trazo. Los trazos predeterminados son blancos. Eso debería estar bien para nuestra animación. Y vamos a cambiar el ancho de trazo a diez píxeles. Ahora podemos sacar de nuevo a este gobernante. Queremos agregar un zigzag. Y puedes jugar con estos ajustes para hacerte una idea de lo que hace. Y luego también puedes elegir esquina o Smooth. Vamos a elegir suave. Por ahora, vamos a poner a cero estos. Agrega algún comando de texto y solo voy a escribir siete minutos AE Tutoriales Shift y aumentar el tamaño de este. Eso se ve bien, así. Sólo voy a jugar con los ajustes de nuestro texto aquí. Podemos bloquear este texto , slick, nuestro texto. Da click en este morado, entonces vamos a hacer esto más ligero. Bien, y centrémoslo en nuestra capa de forma. Entonces ahora queremos padre de nuestra capa de texto a nuestra capa de forma. Así que vamos a ser padres de eso. Bien, entonces volvamos a nuestra capa de forma y golpeemos P para que aparezca nuestra posición, y vamos a poner un fotograma clave aquí al principio. Entonces vamos hacia adelante alrededor de siete fotogramas. 1234567. Voy a poner otro marco clave aquí. Avanzar 12345, poner un tercer marco clave, vamos a ir 12345, poner otro marco clave 123, poner otro marco clave 123, otro marco clave 123, otro marco clave 1231, marco clave final Este primer fotograma clave va a ser donde comience nuestra animación, que está fuera de la pantalla, baja y rebota Y queremos que este primer rebote suba así como así. Y en realidad haremos de esto un asistente de fotograma clave, *** o F nueve Ves que nuestra posición sobre este primer saldo es 353, o digamos 350. Para hacerlo más fácil, quieres que estos otros dos fotogramas clave tengan un valor más alto porque quieres que esté más cerca de la parte inferior Vemos nuestros lugares de descanso final, 548, así que hagamos esto tal vez 400. Haremos nuestro 1500 final. Si acaba de entrar para traer sus manijas, podemos comprobarlo muy rápido. Hazte una idea del rebote. No, vayamos a este fotograma clave aquí al que ponemos una facilidad fácil e ingresemos al editor de grafos Y luego vamos a tirar de estas asas lejos del marco de la llave. De esa manera rebotará y luego colgará, en realidad podemos agregar. Vamos adelante 123, pongamos otro marco clave, y 123 para poner otro marco clave. A lo mejor hacer esto 520. Abramos nuestro contenido y vayamos a nuestra capa de cuerdas. Y abre zigzag en cada punto donde el letrero está en su punto más bajo, lo que significa que es un lugar de descanso. Vamos a hacer que los valores tamaño y crestas sean cero, Resaltar esos dos fotogramas clave, comando C y luego haremos todos los demás El valor 00 para tamaño y crestas por segmento. Luego, para estos fotogramas clave finales para zigzag y nuestra posición, hagamos clic derecho en Keyframe Assistant Es para Hagamos que nuestro tamaño en general sea de tres píxeles. Y se puede ver cómo empieza a doblarse aquí. Si aumentas un poco, puedes ver que va aún más. Queremos que esto sea fácil, vayamos a cada uno de los demás y elijamos 33.3 Destacemos los tres de estos Estoy ralentizando el botón de comando y resaltando cada uno de estos fotogramas clave Y luego puedes hacer clic derecho al asistente de fotogramas clave nueve o Y. Y luego volvamos a nuestro segundo al último fotograma clave y vamos a hacer nuestras crestas Vamos a comenzar con tres, Hacer los siguientes 15, los siguientes 17, y luego este primero 111. Entonces otra vez vamos a destacar todos estos. Al mantener presionado el botón de comando, clic derecho, facilidad fácil. Ahora necesitamos afectar estos dos fotogramas clave de la misma manera que afectamos a este fotograma clave de posición aquí. ¿Recuerdas cómo sacamos las asas del marco clave? Vamos a hacer lo mismo por nuestro tamaño y nuestras crestas, así es consistente Así que solo abre eso y tira las asas del marco de la llave. Bien, entonces necesitamos otra cadena al otro lado de este signo con cadena seleccionada. Ve a agregar y vamos a agregar un repetidor. Vamos a hacer algunos ajustes. Sólo queremos dos copias. Entonces, si mueves la posición de tu repetidor, puedes poner esto al otro lado Si resalta todo en sus contenidos así como todo en sus propiedades de transformación. Ir a animación, guardar preajuste de animación. Y quieres asegurarte de que estás en documentos, Adobe la versión que estás usando, y ponerla en tu carpeta de ajustes preestablecidos de usuario En realidad podemos agregar una carpeta, así que hagámoslo. Lo llamaremos animaciones de capa Shape. Y luego dentro de esa carpeta de animaciones de capa de forma, queremos poner este preset, y vamos a llamar a este letrero rebote seguro Luego en nuestro panel de efectos y presets, si abres presets de animación, vemos nuestra carpeta de animaciones de capas de formas que acabamos de crear y ahí está nuestro signo de rebote Elimine estos contenidos y luego elimine estos fotogramas clave para una posición Y luego simplemente restablecemos nuestras propiedades de transformación. Asegúrate de que tu cabeza de reproducción esté al comienzo de tu capa de forma Porque cada vez que traigas estos presets, si tienes fotogramas clave, caerá tu primer fotograma clave donde está tu cabeza de reproducción, si estás por aquí en alguna parte, solo presiona I y vuelve al comienzo mismo de esa capa y simplemente haz doble clic en el letrero que rebota Y como pueden ver, trajo aquí todos nuestros marcos clave. Si te pegas, ahora tengo este preset para siempre y nunca tengo que volver a crearlo. 72. 06.11 Crea elementos animados de HUD: Te voy a mostrar cómo hacer algunos elementos cool hut usando capas de formas. Pero solo una palabra de precaución, estarás creando muchos grupos dentro de tus capas de formas, por lo que etiquetar es esencial. Al igual que con todas las capas de formas, estas se pueden guardar como presets para uso futuro Entonces, cuando tengas tiempo, puedes crear un montón de estos y luego depositarlos para futuros proyectos. Bien, entonces voy a crear una nueva composición. Puedes crear cualquier tamaño que quieras. Voy a ir con nuestro estándar 1920 por 1080 y voy a llamar a este elemento choza. Y así vamos a crear todo esto usando una capa de forma y un montón de grupos. Así que haz click derecho en esta área aquí abajo, y vamos a ir Nueva Capa de Forma, Y simplemente llamaremos a esta capa elemento hut. Y sigamos adelante y abramos nuestra capa de forma. Ahora desde el principio, te voy a hacer saber que va a haber muchos grupos aquí, así que asegúrate de etiquetarlos de una manera que sea fácil para ti navegar a través de ellos. Adelante y sumar nuestro primer grupo, y voy a empezar desde lo más externo y entrar, y voy a explicar por qué en tan sólo 1 segundo Entonces diremos anillo exterior. Y vamos a añadir una elipse y vamos a añadir un trazo Voy a dejar el trazo blanco por ahora y hacerlo 1.5 de ancho. Y voy a apagar mis guías aquí. Bien, así que vamos a aumentar el tamaño de esta elipse de cada vez que ordenes a D duplicar Como ve, estos grupos se duplican hacia arriba. Así que ahora solo podemos tomar el segundo camino de elipse y hacerlo un poco más pequeño Duplicemos ese anillo, y vamos a hacer éste aún más pequeño, duplicar eso. Ahora bien, no hay reglas sobre cómo se supone que deben verse estos, así que puedes obtener estos creativos y simplemente agregar tantos de estos elementos como quieras. Bien, por ahora en realidad, voy a agregar en uno más luego voy a volver más tarde y cambiar el nombre de estos para que de esa manera sean más fáciles de hacer un seguimiento. Aquí están todos nuestros anillos. Bajemos a este último anillo. Vamos a duplicar eso, y llamemos a esto azul. Entonces vamos a disminuir nuestro tamaño, donde viene aproximadamente a medio camino entre los dos últimos anillos Y vamos a aumentar nuestro trazo hasta que lo llene. Puedes ajustar esto hasta que lo hagas bien. Entonces vamos a cambiar esto a un azul. Sigamos adelante y sumemos otro grupo. A este grupo le vamos a llamar segmentos azules. Vamos a mover esta carpeta de segmentos azules justo encima del anillo exterior y poner nuestra capa azul ahí dentro. Entonces abramos esto con segmentos azules resaltados. Vamos a agregar un camino de recorte. Fijemos nuestro porcentaje final en 15. Entonces vamos a mover estos caminos de recorte dentro de nuestra capa azul allá, manera que de esa manera quede anidado a un lado de aquí Y luego vamos a duplicar este grupo azul y abrir nuestros caminos de recorte y establecer nuestro desplazamiento 180 para que estén en lados opuestos. Acabo de duplicar este anillo, que está justo aquí. Y voy a hacer lo mismo que hice con nuestros anillos azules. Hazlo más pequeño y luego aumenta nuestro ancho de trazo. Agrega un pase de recorte a eso, establece nuestro extremo en 40. Vamos al anillo exterior cinco aquí. Si baja al anillo exterior de cinco tiempos, verá esta opción para guiones Acaba de golpear el signo más. Veo que esto se ve un poco funky ahí. Entonces quieres ajustar cuántos guiones tienes. De esa manera podrás hacerte una idea de lo que se ve bien. Renombrar esto tal vez hará que este color sea rojo. Incrementa nuestro trazo para decir cinco. Entonces vayamos a nuestro primer anillo. Solo aumentemos nuestro ancho de trazo. A lo mejor vamos a hacer eso como un verde. También podemos agregar un recorte pasado a esto y establecer nuestro porcentaje final en 45. Tal vez disminuir nuestro trazo con un poco. Este va a ser nuestro anillo interior. Vayamos a nuestro segundo anillo aquí. Y vamos a aumentar este ancho de trazo, hacer que este amarillo vaya al contenido. Y vamos a agregar otro grupo y vamos a llamar a esto líneas. Agrega un rectángulo y agrega un relleno. Vamos a hacer ese relleno blanco. Vamos a abrir nuestro camino rectangular y vamos a ajustar nuestro tamaño aquí. Desmarquemos nuestras dimensiones de tamaño y luego hagamos el primer valor dos y el segundo valor Simplemente levántelo un poco, resalte las líneas. Y quieres agregar un repetidor. Abre el repetidor, vamos a hacer cuatro copias y vamos a poner nuestra rotación a 90 grados. Desea asegurarse de que su punto de anclaje y su posición estén ambos establecidos en valores x e y en cero. Y la forma en que vamos a movernos es que si vas a tu camino único derecho, quieres ajustar tu posición. Si levantas esto, podemos ver que los cuatro se mueven hacia arriba. Entonces puedes jugar con cómo va a quedar esto. Voy a aumentar un poco el tamaño y luego tirar de esta posición de nuevo hacia abajo. Duplica de nuevo este grupo de líneas y aquí vamos a hacer algunos ajustes más. Abramos nuestro repetidor. Y agreguemos, digamos, 20 copias. Y luego abrir nuestras propiedades de transformación para repetidor. Ve a nuestra rotación, y si escribas 360, esa es la cantidad de grados o en un círculo dividido por el número de copias, que es 20, te dará un círculo perfecto. ver los quiero subir un poco más alto, pero quiero ser mucho más corto porque voy a hacer un anillo de líneas alrededor de esto. Agrega un poco más aquí. Tal vez hagamos esto 30 copias y luego volvamos a nuestra rotación 360/30 Las pondremos todas en un círculo perfecto Entonces llamaremos a este anillo de líneas. Cambia este color, vamos a hacer este morado. En este momento nuestro tamaño es de dos pixeles de ancho, 50 de largo. Hagamos esto tal vez de cuatro píxeles ancho para darle un poco más de grosor. Ve a nuestro grupo de líneas en la parte inferior. Duplicar eso, entonces si abrimos nuestras propiedades de transformación para el grupo de líneas, no para el repetidor, sino para el grupo de líneas Vamos a rotar esto 45 grados, así que está compensado. Y luego haremos algunos ajustes más a este trazado rectangular. Nuevamente, queremos ser cortos. Diremos que tal vez 25 píxeles de largo, pero luego tenemos que sacarlo, está aquí afuera, y en realidad ese poco más largo, tal vez 45 píxeles de largo. Entonces voy a agregar en un elemento más, poner en un grupo, y vamos a llamar a esta luz. Y vamos a mover esto a lo más alto. Esta es una luz que va a viajar alrededor de nuestro elemento T. Y la forma en que lo conseguimos es que vamos a agregar una elipse y un trazo Y es importante que hagas de esto un derrame cerebral. De esa manera podemos controlar el grosor de misma y cómo se mueve con nuestras trayectorias de recorte. Simplemente aumentemos el tamaño de nuestra elipse, entonces también vamos a aumentar el tamaño de nuestro trazo Realmente queremos poner esto en marcha porque queremos extendernos más allá de nuestro círculo con la luz resaltada. Vamos a agregar caminos de recorte y vamos a cortar esto hasta el porcentaje final a cerca de 20% Ver, aquí se obtiene este tipo de extraña deformaciones Entonces, lo que tenemos que hacer es ajustar ya sea nuestra trayectoria elipse o nuestro tamaño de trazo Vamos a ajustar algunos de estos ajustes. Si podemos ajustar nuestro tamaño de trayectoria elipse, nos movemos como ahí mismo Y luego en realidad disminuir esto aún más, digamos 13% Y queremos cambiar nuestro trazo de color, vamos a hacer de este un azul claro. Entonces cada uno de estos grupos tiene sus propias propiedades de transformación, por lo que tienes mucho control sobre cada elemento. Entonces lo que quiero hacer es ajustar mi opacidad de mi trazo. Vamos a bajar esto a diez y tal vez ir más brillante, digamos 20. Eso se ve bien. Ahora solo necesitamos establecer algunas expresiones para hacer que esta cosa se mueva. Yo sólo voy a empezar desde arriba y bajar. Entonces queremos que nuestra luz, como dije, recorra. Pasemos a las propiedades transformadoras de la luz. Y vamos a establecer una expresión en nuestra rotación de todo el grupo. Para la opción de rotación de transformación de luz ligera, haga clic en la rotación y simplemente escriba tiempos de tiempo 25. Nuestra siguiente capa va a ser nuestro anillo interior. Puedes ajustar la rotación del grupo o puedes meterse con este desplazamiento. Ves en tus trayectorias de tendencia, básicamente harán lo mismo por el efecto que estamos tratando de hacer. Opción haga clic en Desplazar y escriba wiggle 2200 y cierre ese paréntesis siguiente capa es solo un sólido así que no necesitamos meternos con eso porque ninguna rotación hará la diferencia en eso. Vayamos a nuestro guión y luego vamos a bajar aquí a las propiedades de transformación de opción click rotation y solo tecleamos time times 35. Ver esta siguiente capa aquí va a ser en realidad el borde. Así que vamos a escribir el borde uno. Y entonces dos abajo va a ser frontera dos porque recuerdo que puse este elemento blanco entre esos, y vamos a llamar a esta luz blanca. Bien, entonces ahora queremos que esto se mueva manera similar a la forma se mueve nuestro anillo interior, pero no exactamente. Opción, haga clic en para desfasar y escribir meneo. Voy a decir 1250. Ahora sigamos moviéndonos por nuestros segmentos azules. Quiero que estos dos se muevan independientemente el uno del otro. En realidad vamos a establecer una expresión en cada uno de estos grupos azules aquí. No queremos que se toquen y no queremos que sean uniformes. Con este resaltado, vamos a bajar a la opción Trim Paths, click en offset e ir a menear 190 grados Entonces podemos resaltar ese comando C y bajar a nuestra capa azul aquí abajo. Ve a nuestra opción Trim Paths, haz clic en offset y comanda V. Y ahora mira si obtienes esto donde parece que están favoreciendo a este lado Aún puedes ajustar esto. Por eso me gusta meterme con el offset porque si mueves nuestra rotación alrededor y no van a quedar completamente opuestos, pero al menos no van a estar tan cerca como lo estaban antes. Movamos este círculo de líneas moradas. Como nuestra capa de trazo naranja aquí se mueve en el sentido de las agujas del reloj, queremos mover ese anillo de líneas en sentido antihorario Y bajemos a nuestra rotación. Para que este grupo transforme la opción, haga clic en rotación. Haga clic en Tiempos de tiempo. Queremos que esto vaya un poco más lento, así que tal vez negativo 20. Si usas negativo como tu valor, entonces va a ir en sentido antihorario Los valores positivos van en sentido horario. Líneas dos, aquí están las líneas más externas y queremos establecer una expresión de meneo en eso también Bajar para transformar la opción de rotación. Da click en la rotación y vamos a menear 0.53 20. En realidad quiero sumar en más líneas. Vamos, hagámoslo seis. Y luego necesitamos ajustar nuestra rotación para nuestro repetidor, así vamos 360/6 para igualarlo Y tal vez incluso hacerlo un poco más corto para que no se extienda más allá. Aquí va a tomar un poco de ajuste. Simplemente metiendo un poco con estos ajustes. Algo así. Permítanme agregar algunos más parejos. Digamos que 10360/10 es en realidad 36, pero yo voy a hacer las cuentas Vamos a poner este relleno un poco más delgado. Hagámoslo a la una. Voy a establecer una rotación sobre eso también. Ven a nuestras propiedades de transformación para líneas en rotación y opción, haz clic en la rotación y ve tiempos 15. Este es nuestro elemento choza hasta el momento y tal vez solo hacer algunos ajustes más. Hagamos este anillo interior, probemos diez. Y luego ajustar el porcentaje del final de la transformación. Entonces tal vez 65, hazlo un poco más largo. Duplica esa capa de anillo. A esto lo llamamos inicio. Voy a despegar estos caminos de corte. Quiero que sea un círculo, un círculo muy pequeño justo en el medio. Voy a poner esto en el mismo azul que nuestra capa azul. En realidad extiende estas líneas aquí, todo el camino hasta el medio. De hecho tocan, ves, realmente puedes ser creativo con esto. Literalmente estoy haciendo esto sobre la marcha, solo se me ocurren algunas ideas como lo estoy haciendo. Puedes alterarlos y obtener diferentes resultados con bastante rapidez. Vamos a resaltar elemento ir a efecto estilizar, vamos a añadir un resplandor Vamos a poner esto encima y vamos a hacer que ambos colores sean blancos. Cambia nuestros colores brillantes a los colores A y B. Simplemente baje nuestro umbral hasta el final y luego juegue con nuestros ajustes de brillo. De hecho me gusta esto. Pienso mejor sin el resplandor. Bien, ahora para guardar esto como un preset, solo resaltemos nuestros contenidos, efectos y propiedades de transformación. Ir a Animación, Guardar preajuste de animación. Una vez que estés en Documents, Adobe estoy usando 2018, este episodio presets de usuario Y hagamos una carpeta llamada elementos hud, entonces solo llamaremos a ésta Presiona Guardar, y deja que eso guarde, luego asegurémonos de que esté guardado correctamente. Vamos a deshacernos de nuestro contenido aquí. Te golpeo para asegurarte de que tenemos algún fotogramas clave arriba y no lo tenemos. Y deshazte de nuestro efecto. Si vienes aquí a efectos y presets, abre tus ajustes preestablecidos de animación Bajo presets de usuario, tenemos elementos hut, que es una carpeta que acabamos de crear Abre eso, y tenemos U uno. Asegurémonos de que nuestro cabezal de reproducción esté al comienzo de nuestra capa Como he mencionado antes, los presets que tienen fotogramas clave caerán donde sea que esté tu cabeza de reproducción y harán doble clic en la cabaña uno ¿Vías que nuestro elemento resplandor se acercó? Lo tengo apagado, pero puedes volver a encenderlo, y si golpeamos E, puedes ver todo nuestro tiempo y las expresiones de meneo vinieron con él Entonces así es como puedes hacer un elemento hut y guardarlo como preestablecido, y ahora lo tienes para siempre. Los elementos de choza son muy comunes en infografías y animaciones futuristas Lo más probable es que te vayas a encontrar con ellos en algún momento u obtener una solicitud de un cliente que quiere elementos de cabaña. No hay regla sobre cómo deberían verse estos, así que deja volar tu imaginación al crearlos. 73. 06.12 Crea texto y formas 3D: En esta lección, te voy a mostrar cómo crear tres formas D sin enchufes de terceros. Lo que significa que solo usaremos lo que está disponible de forma nativa en los efectos posteriores. Hay mucho por lo que pasar, así que vamos a bucear en capa sólida. Este gris azul de aquí está bien. Entonces hagamos eso tres D. Llamaremos a este piso. Controlemos D que llamaremos a este muro. Vamos a poner capas, agregar una cámara, luego agregar una capa un objeto nulo. Haz que tres D. Vamos a ser padres de nuestra cámara al objeto nulo. Voy a llamar a este objeto nulo control de cámara solo para mantener las cosas más organizadas y también me gusta resaltar ambas capas y darles el mismo color. Destaca el piso R para sacar a colación nuestra rotación. Y vamos a girar sobre el eje x 90 grados, manera que así quede plano. Y vamos a tirar esto hacia abajo. Si solo haces clic derecho en esta área junto a tu visor de comp y seleccionas nuevo visor, obtendrás un visor secundario por aquí. Si ves justo aquí a nuestra izquierda, tenemos cámara activa elegida. Siempre que estoy haciendo tres D, me gusta configurar esta en vista personalizada uno. Necesitamos empujar nuestro muro hacia atrás un poco, así que resalta la pared y vamos a empujar eso hacia atrás en el espacio Z. Ahora mira si agarras tu herramienta de órbita de cámara, en realidad puedes orbitar por aquí para hacerte una idea de cómo va a quedar esto. Entonces piensa en el panel de la derecha. Más es solo un espectador. Bien, ahora comencemos a crear algunos tres objetos D, capa, nueva forma, capa esto, agregar una elipse, y luego vamos a agregar una película para cambiar este color de relleno Voy a hacer esta capa tres D. Si subes a Comps Composition Settings, ve a tu renderer Three D y quieres asegurarte tener Cinema four D seleccionado para tu Por lo general, por defecto es clásico tres D, por lo que desea configurarlo en Cine cuatro D. Simplemente haga clic Bien. Ahora vamos a sacar a colación nuestra posición y nuestra rotación para la capa de forma. Y quieres rotar sobre el eje x 90 grados, manera que de esa manera quede plano. Si viene aquí abajo a sus opciones de geometría, tiene esta opción para la profundidad de extrusión. Y a medida que comienzas a aumentarlo, puedes ver que estamos obteniendo exactamente lo que queremos. Estamos recibiendo este objeto tres D. Tomemos de nuevo nuestra herramienta de órbita de cámara y pasemos a este visor derecho y veamos como este objeto es en realidad tres D. Se va a extruir de la cara hacia atrás Ver giramos esto 90 grados. Déjame volver a poner esta rotación a cero y luego voy a orbitar alrededor de esta manera. Ahora mira como estoy ajustando la profundidad de extrusión. Está extruyendo hacia atrás, así que va a extruir desde la cara No hay valores negativos, por lo que no se puede ir en sentido contrario. Volvamos a poner nuestra rotación a 90 grados. Subamos a la capa de luz nueva y haremos de esta una luz puntual. Nosotros sí queremos arrojar sombras. He puesto mi oscuridad de sombra en 50% y difundido a diez. Y haz clic en Bien. Juguemos un poco con nuestro ajuste de luz. Control de la cámara, haz clic en Ped, y luego presionaremos aquí. Ahora llevemos nuestra capa de forma aquí, hasta el suelo. Tus tres objetos D no van a emitir sombras por defecto. Tienes que fijar eso. El camino a eso es entrar en tu capa de forma y la abres. Ven aquí a Opciones de Material y simplemente haz clic en tus sombras proyectadas. Ahora se puede ver que aquí tenemos una sombra. Bien, ahora podemos establecer esta vista correcta por aquí. Cámbiala de vista personalizada a frontal solo para asegurarte de que realmente estamos en el piso. Mira esta línea roja aquí es nuestro piso. Vamos a tirar de esta capa de forma hacia abajo para que quede justo encima. Volvamos a nuestras opciones de geometría. Y aumentemos esto, digamos, a 400. Y voy a poner un poco de inclinación en el control de mi cámara por ahora mismo, así que me hago una idea de cómo va a quedar esto desde la vista superior golpeada en nuestro piso. Y desvinculemos esta báscula y simplemente realmente pongamos esto de par en par, digamos a tal vez 2000 Lo mismo con el enlace de pared y hacer este primer valor 2000. Bien, vamos a unos 2 segundos y vamos a poner un marco clave para esta profundidad de extrusión. Vuelva al comienzo de nuestra línea de tiempo aquí y haga que la profundidad de extrusión sea cero. Ese es el efecto que queremos conseguir ahí mismo. Dar forma a la capa uno, resaltado control D para duplicar. Vamos a establecer nuestra posición en la capa de forma uno está en 960. Para la capa de forma dos, vamos a hacer que 1080, así que lo aumentamos en 120 píxeles a la derecha para que aparezca nuestros fotogramas clave. Y entonces hagamos esto un poco más corto, así que tal vez 350. Y luego cambiemos el color. Tal vez una forma duplicada naranja, capa dos posiciones. Vamos a agregar 120, así que eso va a hacer que 1,200 Cambiar el color a tal vez verde te golpee para que aparezca nuestro fotograma clave. Y hagamos esto 250. Entonces vamos a duplicarlo una vez más, y vamos a ir adelante 120 píxeles, 13, 20. Y luego solo haz esto de cualquier otro color, digamos algo así como un azul. Traes nuestro marco clave y nosotros haremos este 150. Así como así. Bien, Ahora quiero poner algo de texto aquí y también quiero que sea tres D de control para texto. Sólo vamos a escribir la palabra gráfica, entonces voy a hacer que este texto sea de color blanco. Hagamos esto tres D. Ahora solo vamos al final de esta animación y veamos cómo va a verse de nuevo, Esto es cuando ese espectador adecuado viene a la mano. Se puede tener una idea mucho más precisa de dónde está todo. Bien, ahora vamos a abrir nuestra capa gráfica. Cambiemos nuestras opciones de material para que proyectemos sombras. Entonces vamos a extruir esto. Baja a saltar tres opciones. Verás que tienes estilo bisel angular, cóncavo, convexo También tienes profundidad de bisel. Vamos a poner esto en angular. Y a medida que aumentas tu profundidad de bisel, podrás ver el efecto que eso te está dando Entonces esto es cóncavo. Tener un poco de un aspecto de bisel diferente y ver que tiene esas crestas convexas se ve más así La buena profundidad del bisel es de alrededor de tres. Simplemente juega con estos ajustes hasta que veas lo que te gusta, lo que funciona bien para tu estilo. En realidad, voy a cambiar el color de mi texto. Será más de una naranja. Cambia aquí este pilar naranja, tal vez algo así como un morado. Solo establece esto sobre dónde quieres que esté. Realmente ya no necesito esta vista personalizada a la derecha. Siempre me gusta comenzar con mi posición final donde quiero que termine esta animación. A lo mejor algo así. En el control de la cámara, voy a establecer mi posición y mis fotogramas clave de rotación x, ese es mi punto final Entonces quiero que empiece como un ángulo más dramático y más lejos, déjame hacer mi piso un poco más largo también para que así tengamos más espacio para jugar aquí. Esto simplemente todo depende del aspecto que vayas por. Ahora, podemos sacar a colación todos estos fotogramas clave seleccionando, tú, resáltalos. Todo bien. Haga clic en Asistente de fotogramas clave, como en Entonces vayamos a nuestro editor gráfico. Simplemente tire de todas estas asas hacia la izquierda. De esa manera va a llegar rápido y luego lento a una parada, algo así. Dado que esta es una capa de texto, podemos agregarle plug ins y scripts. Golpea tu corchete izquierdo para traer sobre el comienzo de tu capa. Como pueden ver, la gráfica no va a comenzar aquí. Repasa los efectos y presets y escribe en escala, escala hacia arriba la palabra Vamos a hacer doble clic en eso para aplicar el script. Te golpeo para sacar a colación nuestros marcos clave. Entonces abramos este animador y tu selector de rango. Y luego vamos a abrir esta pestaña avanzada. Cambiemos palabras basadas en palabras a basadas en caracteres. De esa manera va a cuero cabelludo a cada personaje uno a la vez. Voy a recorrer esta zona para asegurarme de que este es el look que voy a buscar. Puedes hacer cualquier forma en cualquier texto. Tres D súper fácil. Solo recuerda en tus ajustes de composición, quieres asegurarte de que tu renderizado de tres D esté configurado para enviarles un cuatro D. Para obtener sombras, debes asegurarte de que tenías una luz, asegurarte de que la luz esté establecida para emitir sombras. Y luego cada vez que estableces tus capas en tres D, recuerda que tienes que ir a tus opciones de material y lanzar sombras porque por defecto también se apagarán. 74. 06.13 Establecer mate: Bien, así que establece tapete, oculta y revela contenido en tu página como texto, imágenes y video. Hay algunos parámetros que debes tener en cuenta para el set Matt, pero es importante saber cómo usar set mat y cuándo usarlo. Bien, entonces vamos a traer el sólido y voy a mostrarte una manera de ocultarlo y revelar contenido usando tapetes alfa. Trae este sólido. Cambiemos la escala. Podemos desvincular esto, hacerlo de ese tamaño. Ahora solo me voy a centrar en este texto de Jeff Knight aquí mismo. Bien, entonces si quiero que este texto solo se muestre en esta zona, lo que voy a hacer es pasar a mi alfombrilla de pista y cambiarlo de no a tapete alfa. Y ahora aparece dentro de límites aquí. Y fíjate como after effects oculta automáticamente tu capa sólida. Si mueves el texto, puedes ver el efecto en el que viene el problema cada vez que tienes varias capas. Digamos que si quisiera hacer lo mismo estas otras capas de texto, tendría que duplicar este sólido y luego establecer estos modos de pista también en alfa. Ahora sólo aparecerían dentro de este límite. Esto realmente podría obstruir tu archivo de proyecto. En este momento tenemos seis capas en total para estas tres líneas de texto. Y para este efecto, cambiemos todo esto de nuevo a no track mat y nos desharemos de estas capas sólidas. La mejor manera de hacerlo es con una capa de forma. Vamos a la capa nueva capa de forma. Y luego queremos agregar un rectángulo y darle un relleno. Lo que es genial de las capas de forma es que la configuración de tamaño dentro de tu ruta rectangular está en píxeles, no en porcentajes. Y la razón por la que eso es importante es para que tengas un área muy específica en la que quieras actuar como Matt. Y si tienes las dimensiones exactas, puedes poner eso aquí. Entonces, si tecleas 1920, veremos que estira todo el ancho de nuestra pantalla y 1080 estira la altura. Entonces no vamos a ir tan alto. Pero digamos, dejemos esto en 1920 y bajemos sobre dónde tuvimos nuestro sólido punto culminante, Jeff Knight. Pasemos a nuestros efectos y presets y tecleemos el set Matt con Jeff Knight resaltado Simplemente haz doble clic en el set Matt y vemos que está en nuestro panel de control de efectos. Si subimos aquí, coge a Matt de, pongámoslo para darle forma a la capa uno. Ahora bien, si ocultamos nuestra capa de forma y vamos a ocultar estas otras líneas de texto, sacamos a colación nuestra posición, podemos ver que esto está funcionando. Una de las opciones que tienes, genial, es invertir Matt, que básicamente funciona como una estera invertida alfa. Ahora este texto aparecerá en todas las áreas que no sean donde se encuentre nuestra capa de forma. Este despegue invertir mat, copiar este efecto y todo lo que tengo que hacer es aplicarlo a nuestras otras capas de texto B. Todos estos están usando ese Matt como un tapete alfa. Nuestros editoriales de siete minutos se ven afectados, nuestro poder de capas de forma se ve afectado y nuestro Jeff Knight se Mientras que antes, teníamos seis capas para estas tres líneas de texto, ahora solo tenemos cuatro, es solo un conjunto de capas adicional. Matt solo funciona en capas rasterizadas. Las capas de forma y las capas de texto se rasterizan automáticamente por los efectos posteriores Las cosas que no se rasterizan automáticamente son sólidos, imágenes y video Veamos el mismo efecto con el sólido, despegamos esa capa de forma. Y luego vamos a traer un sólido de vuelta, subir nuestra escala y voy a hacer lo mismo que hice la última vez, haciendo sobre aquí mismo en las capas de Jeff Night. Vuelve a nuestros efectos de controles y queremos cambiar esto a nuestro sólido, ocultar estas dos capas de texto para que podamos enfocarnos en una línea de texto. Ahora bien, si ocultamos este sólido, veremos que Jeff Night no se está viendo afectado en absoluto por este set. Matt, si resalta sólido y luego lo rasterizas haciendo clic en este icono aquí Ahora el sólido está rasterizado. Ahora sí funciona, puedes usar un sólido. razón por la que me gusta usar capas de formas es porque las capas de formas se miden en píxeles, no en porcentajes, y simplemente son mucho más precisas. Bien, repasemos algunos de estos otros ajustes. Ahora mismo tenemos un set a source para ver qué tiene esta configuración de máscara. De hecho voy a agregar de nuevo en mi capa de forma para esta parte. Hay algunas cosas que quiero repasar que son específicas para dar forma a capas en la capa de forma a nuestro rectángulo en nuestro relleno. Y entonces sólo voy a sacar esto a relucir y sacarlo a colación. Entonces pongamos nuestro set Matt de nuevo a nuestra capa de forma. Voy a seguir adelante y hacer eso por estas otras dos capas. Entonces de esa manera ya lo tenemos listo para ir. Como podemos ver, está siendo afectada por esta capa de forma. ¿Y si no quisiéramos este borde duro? A lo mejor queríamos que fuera un borde más suave. Vuelve a tu capa de forma, puedes agarrar tu herramienta de creación de formas Por defecto, esta herramienta de configuración crea forma. Si empiezo a tratar de enmascararlo, sólo va a hacer otra forma. Hay un entorno justo al lado de él. La herramienta crea una máscara. Vamos a hacer clic en eso. Y ahora esto funcionará como una máscara. Ahora vamos a enmascarar un área de esta capa de forma para plumas. Y vamos a empañar los bordes. Volvamos a apagar la capa de forma y como puedes ver ahora mismo, todavía tenemos ese borde duro. La razón por la cual es porque set mat se establece solo para fuente golpear máscaras. Ahora reconocerá esa pluma. También hay una configuración más, máscaras y efectos con esta capa de forma resaltada. Busquemos el borde rugoso, haga doble clic en eso. A lo mejor aumentemos un poco esta pluma. Apaguemos nuestra capa de forma ahora debajo, dejémosla en máscara por ahora mismo. Y como pueden ver todavía tenemos esa pluma, pero en realidad no estamos viendo este efecto del borde rugoso Si eliges esta otra opción, efectos y máscaras ahora reconocerá ese borde rugoso Sigamos adelante y copiemos esto. Y yo sólo sobrescribiré estas otras capas. Di que no queremos esto, reconoce los efectos, solo nos quitaremos eso y lo cambiaremos a máscaras. Ahora esta capa sólo reconocerá máscaras, mientras que esta reconocerá efectos y máscaras. Para la otra capa de texto, podemos tener esta donde solo reconoce origen. Tienes todas estas opciones que puedes hacer con este único efecto. Nuevamente, todo esto está siendo controlado en una capa, una capa de forma, Si usas un sólido, asegúrate de rasterizarlo. Veamos cómo va a funcionar esto con las imágenes. Adelante y quítate esta máscara y este efecto, voy a ocultar estas capas de texto. Y luego vamos a traer aquí la imagen de disfraz, establecer Matt, doble clic, tomar mate de capa, dar forma a la capa Y luego vamos a ocultar nuestra capa de forma para que así podamos ver cuál va a ser el efecto si empezamos a movernos por nuestra imagen en este momento, mira lo que pasa. Está tirando de la forma del tapete con él, pero no está interactuando con él. Una opción es precomponerlo, controlar el turno C. Y ahora tienes dos opciones. Dejar todos los atributos o mover todos los atributos. Si dejas todos los atributos, la pre comp se convertirá en la fuente de la capa, Ted. Bien, y ahora tenemos esta opción para rasterizar. Entonces, hagamos clic en el botón Rasterizar. Ahora bien, si movemos nuestra posición, podemos ver que está interactuando la misma manera que lo hizo nuestra capa de texto, donde solo está revelando la imagen dentro de esa área mate. Voy a deshacer esto para que no tengamos pre comp, comp. Nuevamente, controla el turno C. Ahora es el momento. Voy a mover todos los atributos. Mueve todas las propiedades de esta imagen a otra composición. Bien, todavía podemos rasterizar esta capa ahora. Pero ahora, mira. Si movemos nuestra posición y está actuando de la misma manera que lo hacía antes. Voy a deshacer eso. Nuevamente, controla el turno C y deja todos los atributos. Siempre y cuando dejes todos los atributos, esto será efectivo para usar set mat. 75. 06.14 Revisión de curso: Debo decir, estoy completamente impresionado con usted. No solo has revisado todas las secciones instructivas de este curso, también has visto los tutoriales lo que debe significar que eres una estrella de rock de capa de forma Tienes suficiente dominio de las capas de formas para que puedas empezar a incorporar esto a tus propios diseños. Estoy muy humilde y agradezco que me hayas elegido para llevarte en este viaje Espero haber entregado lo que esperabas. Y aún más, sólo puedo seguir haciendo estos cursos si tengo éxito en la enseñanza de mis alumnos. Entonces, por favor, hágame saber qué es lo que le gusta este curso y lo que cree que podría haber hecho mejor. Soy un nerd de capas de forma. A mí me encanta todo sobre las capas de forma y espero después de tomar este curso que tú también lo estés. Puedes consultar mi tutorial Tutoriales de Channel Seven Minute A donde pongo videos instructivos como estos muy a menudo También produzco consejos rápidos donde puedes aprender algo realmente genial. Y en menos de un minuto, este es mi primer curso de Tomy y me lo pasé genial creándolo. Espero que también la hayas pasado bien. Gracias por vigilar a todos y te veré la próxima vez.