Motion graphics reutilizables para videos: de Adobe After Effects a Premiere

1. ¡Hola!: Si creas un contenido de video de cualquier tipo, es probable que hayas necesitado superponer gráficos o texto en tu metraje. Hacer esto manualmente para múltiples versiones diferentes puede llevar mucho tiempo y ser tedioso, especialmente si tienes que ajustar la animación cada Ahí es donde entran las plantillas de gráficos en movimiento o Mgarts. Bienvenido a los gráficos en movimiento reutilizables por video desde Adobe After Effects hasta Premiere. Soy Mcenfres, y soy un explicador. Escribo, ilustro y animo animaciones educativas, centradas principalmente en temas de salud y medio ambiente También enseño diseño de movimiento, y uso muchas tarjetas de título, tercios inferiores y punteros en mis clases y tutoriales Al convertir estos gráficos en movimiento en plantillas, me he ahorrado incontables horas de trabajo. En esta clase, te mostraré mi flujo de trabajo exacto desde la creación de animaciones y efectos posteriores hasta personalizarlos en estreno Aprenderás a crear una tarjeta de título que centre automáticamente el texto, ya sea que haya una o dos líneas, y el tercio inferior que ajuste dinámicamente el tamaño de sus cuadros de texto en función del contenido. Además, he escuchado tres ejemplos en los que harás una plantilla con iconos seleccionables, un puntero móvil y más. Agregar gráficos animados personalizados no se trata solo de asthetics. Es una forma de agregar información adicional y hacer que tu contenido destaque. Bueno, es fácil comprar Mbards pre hechos. Crear el tuyo propio te permite agregar un toque personal o alinearlos con tu marca. Además, puedes compartir o vender tus plantillas de gráficos en movimiento. Esto está diseñado para editores de video que quieran agregar gráficos en movimiento a sus proyectos de video, incluso si nunca antes habías abierto después de los efectos. Bob explorará temas avanzados como el panel gráfico esencial y Expresiones. Te guiaré a través de cada paso para que puedas recrear los ejemplos Esperan ser desafiados, pero guiados. Entonces, si estás listo para crear tus propias plantillas de gráficos en movimiento personalizadas y agilizar tu flujo de trabajo, entonces comencemos. 2. Qué esperar + proyecto de clase: En esta clase, te mostraré cómo animar y configurar una plantilla para cinco gráficos en movimiento diferentes usando After Effects Voy a asumir que conoces los fundamentos del estreno, pero al final de clase, te voy a mostrar cómo usar los motion graphics que creamos en un proyecto de video en Premiere. Para el proyecto de clase, publique uno o más gráficos en movimiento. Puede ser exactamente como mis ejemplos, o puedes usar lo que aprendes en clase para crear algo único. Para la tarjeta de título y el tercio inferior, te mostraré cómo crear cada parte del motion graphic desde cero dentro de After Effects. Para el fax de la planta del indicador Bloom timeie y el puntero polinizador, te he proporcionado un solo archivo de proyecto after effects con comps que contienen todos los gráficos Te voy a mostrar cómo animar estos y luego convertirlos en una plantilla También bienvenido a crear tus propios gráficos. Si quieres crear tus gráficos en Illustrator e importarlos a after effects para animarlos, tengo un tutorial explicando cómo hacerlo Pero esto es totalmente opcional. Para los videos que uso en el ejemplo de proyecto de clase, he usado videos de archivo de Pexels He incluido enlaces a los videos que utilicé, pero siéntase libre de tomar sus propios videos o usar otros videos de archivo a los que tenga acceso. Encontrarás todo lo que necesitas en la sección de recursos de clase. Si tienes alguna pregunta en el camino, no dudes en publicarlas en la pestaña de discusiones. Un descargo de responsabilidad rápido. He tratado de ser lo más preciso posible con mi tema de las flores nativas de Colorado, pero sé que hay algunas pequeñas imprecisiones Entonces, si hay algún botánico ahí afuera vigilando, por favor, perdóname 3. Recorrido por After Effects: En este video, te daré un recorrido por After Effects en caso de que nunca lo hayas usado antes o necesites un repaso He abierto el archivo de proyecto After Effects que te he proporcionado que contiene los gráficos, te voy a mostrar cómo convertir en plantillas en esta clase. Puedes descargar este archivo de proyecto desde la sección de recursos de la clase. Al igual que otros programas de Adobe, puedes personalizar tu espacio de trabajo. Si vas al espacio de trabajo Ventana, puedes ver algunos de los espacios de trabajo predeterminados Estoy en el espacio de trabajo que se llama default. Si tu espacio de trabajo no se parece al mío, puedes configurarlo por defecto y lo mismo. También debajo del menú de la ventana, se pueden ver otros paneles. Vamos a estar usando mucho gráficos esenciales en esta clase, pero todavía no voy a abrir esto porque se necesita mucho espacio. Voy a subir al personaje para abrir ese panel y lo está atracando por aquí, lo cual está bien. El panel de propiedades, que está aquí es realmente útil y lo voy a estar usando mucho, así que voy a moverlo a una ubicación más conveniente. Yo sólo voy a seleccionar dónde está el nombre de las propiedades, y después sólo voy a arrastrarlo por aquí. Arriba en estas pestañas. Simplemente me resulta más fácil trabajar cuando está por aquí. También por aquí está el panel del proyecto, y aquí es donde se va a almacenar todo lo que importes a After Effects y donde todas tus composiciones, que es una secuencia en estreno. Ahí es donde van a vivir estos. En el archivo de proyecto que te he proporcionado, tenemos tres composiciones para los diferentes gráficos, y he abierto las tres en la línea de tiempo. Para abrir una composición, basta con hacer doble clic en ella desde el panel del proyecto. Para crear una nueva composición, puedes hacer clic en este pequeño botón de composición nueva aquí abajo. En los ajustes de composición, puedes nombrar tu comp y luego cambiar las dimensiones, la velocidad de fotogramas, la duración y el color de fondo. Aquí está la nueva composición vacía, y practiquemos agregándole algunas cosas. Si vas a la barra de herramientas superior, hay una herramienta de forma, que si haces clic y mantienes, hay otras herramientas de forma aquí. Solo voy a agarrar la herramienta rectángulo y luego simplemente hacer clic y arrastrar en su visor de composición para arrastrar un rectángulo. Puedes crear muchos gráficos justo dentro de los efectos posteriores con las herramientas de forma. Una vez que crees una forma, asegúrate volver a la herramienta de selección subiendo aquí, o el atajo de teclado es V. Si quieres cambiar el color de tu forma, puedes hacerlo aquí arriba con el relleno y el trazo, o puedes hacerlo en el panel de propiedades, e incluso puedes cambiarlo en la línea de tiempo. Si haces clic en el cuadro de color, aparecerá el seleccionador de color donde podrás cambiar el color Si quieres agregar un trazo, una manera fácil hacerlo es en el panel de propiedades, y ya tengo un trazo, pero solo necesito aumentar el ancho del trazo. Una cosa a tener en cuenta es que si tu forma es seleccionada y agregas otra forma, agregará a la misma capa. Yo sólo voy a borrar este rectángulo dos. Si no tienes nada seleccionado cuando creas una nueva forma, ésta creará la forma en su propia capa. Si quieres cerrar las capas en la línea de tiempo o ver todos los fotogramas clave en las capas, puedes presionar la tecla U en el teclado También hay una herramienta de pluma, que es buena para dibujar líneas. También puedes usar la herramienta Pluma para dibujar formas únicas. Si haces clic y arrastras, sacará manejadores para hacer curvas. Después con la herramienta de selección, se pueden ajustar estos puntos en el trazado o en las curvas. Voy a eliminar todas estas formas excepto la primera. Es una buena idea etiquetar siempre tus capas. Para ello, quieres seleccionar la capa y presionar return o enter, y luego puedes escribir el nombre. Y luego pulsa return o enter para guardar ese nombre. La última herramienta que necesitas conocer es la herramienta de texto. Si agarras esto y luego haces clic en cualquier parte del visor de composición, puedes comenzar a escribir texto. Para salir de la herramienta de texto, desea volver a la herramienta de selección. Puede ajustar la fuente y cualquiera de los ajustes de caracteres en el panel de propiedades o con el panel de caracteres. Ahora bajemos a la línea de tiempo. Dondequiera que la barra de capas esté en la línea de tiempo, ahí es donde va a ser visible. Si vas al principio o al final de una capa, puedes obtener estas flechas dobles para arrastrar la capa hacia atrás. Ahora la capa de texto no será visible hasta que llegue aquí en la línea de tiempo. Para mover una capa completa, simplemente selecciónela y podrás deslizarla a lo largo de la línea de tiempo. Sólo voy a eliminar esta capa de texto. En esta casilla, fíjate este punto de mira. Este es el punto de anclaje. Aquí es de donde se va a transformar la forma. Si tuvieras que rotarlo, girará alrededor de este punto. Si desea centrar el punto de anclaje en una capa, asegúrese de que la capa esté seleccionada y, a continuación, mantenga presionada el control Commander, haga doble clic en la herramienta de desplazamiento panorámico detrás. También con la herramienta de desplazamiento panorámico detrás, puede mover el punto de anclaje cualquier lugar que desee sin mover la capa. Si mantienes presionado el comando, lo encajará en su lugar. Voy a mandar a Z que deshaga eso y vuelva a poner eso en el centro. Después vuelve a mi herramienta de selección con V en el teclado. Vamos a alternar abrir la capa en la línea de tiempo y luego abrir la transformación. Cualquier propiedad que tenga un pequeño icono de cronómetro al lado es algo que puedes animar Animemos la posición de esta caja. Para comenzar a configurar fotogramas clave, primero, debe hacer clic en el icono Cronómetro Entonces voy a mover mi cabeza de reproducción, y hay algunas formas de establecer el siguiente fotograma clave Se podría arrastrar la capa en el visor de composición. Y puedes ver el nuevo fotograma clave en la línea de tiempo. Lo que hacen los fotogramas clave es que dicen después de los efectos dónde quieres que esté algo en un momento específico en el tiempo. Luego, entre fotogramas clave, aftereffect descubre cómo pasar de un fotograma clave al siguiente Está interpolando de un valor al siguiente. Voy a mover mi cabeza de reproducción de nuevo y mostrarte otra forma de crear un nuevo fotograma clave Eso es haciendo clic y arrastrando sobre estos valores aquí. Entonces volveré a mover mi cabeza lectora y te mostraré una forma más es que puedas escribir valores haciendo clic y luego simplemente ingresando un valor Ahora tenemos una animación realmente simple y puedes reproducirla golpeando la barra espaciadora. También puedes poner animaciones en capas una encima de la otra para que yo pueda escalar esto al mismo tiempo que se mueve. Obtendrás mucha más práctica configurando y animando fotogramas clave a lo largo de la clase, pero esto es solo lo básico Si quieres ajustar un valor de fotogramas clave, puedes repasarlo con tu cabeza lectora y luego ajustar ese valor Si desea eliminar un fotograma clave, solo asegúrese de que esté seleccionado y luego presione eliminar Si quieres eliminar todos los fotogramas clave de una capa, puedes presionar el cronómetro Voy a cambiar a composición del puntero polinizador, y luego voy a cambiar al panel del proyecto Puede importar diferentes tipos de archivos en After Effects, incluidos archivos de imagen, ilustraciones de Illustrator, archivos de video y audio. Te voy a enseñar cómo hacer eso. Puedes subir a archivo, importar archivo, o usar el atajo de teclado, que es Commander Control I. Solo voy a agarrar uno de mis videos de flores y presionar abrir. Se puede ver que eso se importa en el panel del proyecto, y luego vamos a llevar esto a una composición. Sólo voy a arrastrarlo a la línea de tiempo. Se puede ver que el orden de las capas en la línea de tiempo importa porque esto está encima de todo lo demás. Sólo voy a arrastrar este video a la parte inferior de la pila de capas para que pueda ver el gráfico encima de él. En realidad no vamos a importar ninguno de nuestros videos a after effects para este proyecto. Vamos a mantener todas las cosas de video en estreno. Sólo te estoy mostrando que puedes importar archivos. Esto también podría ser útil si estás diseñando tus propios gráficos y quieres ver cómo se ven con el video debajo. Si diseñas tus propios gráficos, entonces es importante considerar los videoclips que vas a usar y cómo se verán esos gráficos en la parte superior del video. Estoy usando mucho blanco y líneas finas, pero sé que todos mis videoclips tienen bonitos fondos borrosos con áreas abiertas donde puedo poner estos gráficos Sepa que había mucha información. Pero si alguna vez necesitas regresar y recordar rápidamente cómo hacer algo en after effects o aprender un poco más sobre algo como cómo trabajar con capas de formas, creé una serie de videos exactamente para ese propósito. Se llama fundamentos de AE, y es completamente gratis Definitivamente échale un vistazo si te sientes un poco perdido o siempre puedes referirte a este video. Pero también, no te preocupes porque a lo largo de la clase, voy a explicar cada paso para completar los ejemplos. Te sentirás mucho más cómodo con los efectos posteriores al practicar a lo largo de esta clase. 4. Crea una tarjeta de Title: Primero, necesitamos crear una nueva composición, que puedas hacerlo haciendo clic en este nuevo botón de composición aquí mismo. Voy a llamar a esta tarjeta de título, y voy a hacerla 1920 por 1080 y asegurarme de que tenga píxeles cuadrados seleccionados. Para la velocidad de fotogramas, solo voy a usar 30 fotogramas por segundo porque eso es lo que normalmente uso para animación y con eso me siento cómodo. Pero quieres asegurarte de que coincides con la velocidad de fotogramas de tu video. Después saltando a la duración, solo voy a establecer esto en 6 segundos. Voy a dejar el fondo como negro porque va a ser más fácil ver las cosas con las que estoy trabajando. Pero realmente no importa de qué color sea este porque no va a aparecer en nuestro proyecto final de video. Pero si quieres cambiar el color, puedes simplemente dar click en esta caja de color aquí y tienes el seleccionador de color Una vez que tengas todos estos ajustes luciendo bien, entonces solo presiona. Lo primero que voy a hacer es crear un color de fondo. Para ello, voy a usar la herramienta de forma, que está justo aquí arriba. Ahora, si haces clic y mantienes, en realidad hay varias herramientas de formas diferentes aquí, así que asegúrate de seleccionar la herramienta de rectángulo. Entonces, para hacer una forma de pantalla completa que tenga el mismo tamaño que la composición, simplemente puede hacer doble clic en la herramienta de forma. A partir de aquí, todavía tengo la herramienta de forma para mi ratón. Voy a subir aquí y conseguir la herramienta de selección. El atajo de teclado es V. Lo primero que quiero cambiar es el color de relleno. Podría hacer eso aquí o en las propiedades spanel. No importa. Acabo de copiar un código Hex de mi diseño donde estaba haciendo una lluvia de ideas sobre cómo quería lucir en ilustrador quería lucir en Pero puedes usar el seleccionador de color o simplemente pegar en un código Hex o ajustar los números aquí, quieras hacerlo Entonces una vez que tengas tu color, solo puedes golpear. Y asegúrate de no tener un trazo, o bien haz clic en la palabra trazo y di ninguno. Podrías hacer lo mismo aquí en el panel de propiedades o simplemente asegurarte de que el ancho del trazo sea cero y eso es esencialmente lo mismo. Ahora tenemos el collor de fondo, pero una cosa que es realmente importante hacer es etiquetar tu capa para que sepas qué es qué Para cambiar el nombre de una capa, asegúrate de que esté seleccionada y luego presiona return o enter, y luego puedes escribir tu nuevo nombre. Solo voy a llamar a este BG para antecedentes y luego presionar return o enter para guardar ese nombre. Ahora vamos a animar este color de fondo entrando y saliendo de la pantalla Voy a seguir adelante a 1 segundo, y voy a alternar las propiedades de transformación para encontrar la propiedad de posición. Simplemente estableceré un fotograma clave de posición aquí haciendo clic en el cronómetro Eso dice que a 1 segundo, este color de fondo va a estar justo aquí en el centro de mi pantalla. Entonces voy a ir hacia atrás hasta el inicio de la línea de tiempo y simplemente tomar este valor, hacer clic y sostenerlo sobre él para arrastrar esta capa hacia arriba. Probablemente tendrás que repetirlo para sacarlo completamente de la pantalla. Podrías simplemente moverlo en el visor de composición, pero a veces encuentro que esta manera es fácil. A partir de aquí, la forma va a bajar a su lugar. Pero esta animación es realmente aburrida. Estos fotogramas clave en forma de diamante son fotogramas clave lineales. Eso significa que simplemente se mueve a una velocidad constante todo el tiempo. Hagamos que esta animación sea un poco más interesante. Lo que tenemos que hacer es hacer clic y arrastrar sobre los fotogramas clave para seleccionarlos a ambos. Entonces quieres hacer click derecho, ir a asistente de fotogramas clave y Easy Es. También puedes usar el atajo, que es F nueve. Ahora lo que va a hacer es comenzar lento, luego moverse un poco más rápido, y luego terminar despacio. Esto es un poco más interesante, pero podemos empujar esto aún más. Si vuelve a seleccionar las firmas clave y luego entra en el editor de grafos, que está aquí mismo. De hecho, puedes ajustar esta gráfica para ajustar el movimiento. Lo que estamos viendo ahora es el gráfico de velocidad. Esto es mapear la velocidad a lo largo del tiempo. tiempo está en el eje x, velocidad está en el eje y. Entonces, si haces clic en cualquiera de estos puntos en los bordes de la gráfica, sacarás los manejadores amarillos, y podrás hacer clic y arrastrar estos para ajustar la curva. Ahora también estoy manteniendo presionado el turno para que no mueva accidentalmente la curva hacia arriba o hacia abajo. Quiero que se quede en cero, así que se detenga y comience a velocidad cero, como que se ralentiza de cero todo el camino hacia arriba y luego todo el camino de regreso a cero. De esa manera, no tenemos una parada abrupta rara. Solo estoy tirando de estas asas para hacer una curva de aspecto más interesante, eso va a hacer que esta animación más ágil. Algo así. Ahora voy a dejar el editor de grafos haciendo clic de nuevo en el botón del editor de grafos y vamos a animar esta forma fuera. Pasemos a 5 segundos. Voy a hacer clic en este botón de fotograma clave por la posición, y eso establecerá un fotograma clave para este valor, pero a los 5 segundos, donde está mi cabeza lectora Entre estos dos fotogramas clave, no va a pasar nada porque estos fotogramas clave tienen exactamente el mismo valor Entonces voy a mover mi cabeza lectora hasta el final de la línea de tiempo a los 6 segundos, y voy a quitar esta capa. Solo te voy a mostrar una manera diferente a la que lo hice al principio. Solo voy a tomar la capa, mantener presionada la tecla shift para asegurarme de que solo voy en la dirección y, y luego simplemente arrastrarla todo el camino fuera de la pantalla. Seleccionemos estos fotogramas clave e ingresemos al grafitador y ajustemos su movimiento al grafitador y ajustemos su Para la animación fuera, cambiémosla y hagamos que vaya de la manera opuesta. En lugar de ir rápido y luego lento, voy a hacer que vaya más lento y luego rápido. Una vez que estés satisfecho con el movimiento de tu animación, puedes hacer clic fuera del editor de gráficos. Y ahora vamos a duplicar esta capa de fondo para hacer algunos colores de acento. Para hacer eso, solo asegúrate de que la capa esté seleccionada y presiona Commander Control D para crear un duplicado. Nuevamente, puedes cambiarle el nombre a esto. Entonces voy a entrar en el color de relleno, y solo voy a usar un color de relleno más oscuro. Entonces llevemos el acento debajo del ay original para que la capa original sea la que aparece. Entonces vamos a arrastrar la capa original un fotograma a la derecha. Solo estoy seleccionando toda la capa y moverla sobre un fotograma. Ahora puedes ver que a medida que esto se anima en, tenemos el color de acento que viene primero y luego el fondo original encima de eso Voy a hacer esto una vez más. Voy a entrar en el color de relleno y cambiar este color. Ahora seleccionemos el fondo y el primer acento y llevemos los dos sobre un fotograma a la derecha. Esto es lo que tengo hasta ahora. Para que salga la animación, estos fotogramas clave van a estar en el orden equivocado, así que en realidad no veremos los colores de acento Para que aparezcan rápidamente todos los fotogramas clave en todas las capas, solo voy a asegurarme de que no haya capas seleccionadas y luego te golpee que en realidad cierra esa capa que estaba mostrando fotogramas clave y luego te golpeará nuevamente para que aparezcan todos los Necesito invertir el orden de estos fotogramas clave, así que este conjunto de fotogramas clave será el primero en suceder, y luego este, que ya está en el lugar correcto, y luego estos. Entonces como estos fotogramas clave están siendo empujados fuera de la línea de tiempo, solo voy a hacer clic y arrastrar para seleccionar sobre ellos y luego solo traerlos para que no se caigan de la línea de tiempo De esa manera, todas las formas se moverán completamente fuera de la pantalla. Ahora vamos a crear el texto del título. Sube a la herramienta de texto y luego simplemente haz clic en cualquier parte del visor de composición y empieza a escribir. Después para salir de la herramienta de texto, solo quieres volver a la herramienta de selección. Si necesitas cambiar alguno de los estilos de tu texto, puedes hacerlo en el panel de propiedades o en el panel de caracteres. Estoy usando una fuente de Adobe. Si quieres usar la misma fuente que yo, puedes ir a adobe fonts para conseguirlo, y puedes ver todos mis ajustes aquí. Una cosa a tener en cuenta es que he añadido un trazo, así que probablemente no tengas un trazo para empezar. Sólo revisa este botón, y después lo he hecho dos puntos. Cuando estás haciendo cualquier plantilla de motion graphics reutilizable, quieres considerar otras versiones. En otra versión, podría tener texto más corto aquí o texto más largo, pero siempre voy a querer que el texto esté centrado. Para que este trabajo sea un poco más fácil, puedes pasar a la sección de párrafo en el panel de propiedades y solo alinearlo al centro. Entonces usemos las herramientas de alineación. Si no ves ninguno de los paneles que estoy usando, todos se pueden encontrar debajo de la ventana. Entonces vamos a centrar esto horizontal y verticalmente. Para animar este texto, voy a usar animadores de texto. Pero en lugar de entrar en una larga explicación de cómo configurar este animador de texto, solo te lo voy a dar como precepto, para que puedas instalar el preset y luego simplemente aplicarlo a tu Tengo toda una clase sobre animadores de texto y este es uno de los ejemplos Si quieres aprender a animar con animadores de texto, entonces echa un vistazo a esa clase. Para descargar el preset del animador de texto que vamos a utilizar, vaya a la sección de recursos de la clase Una vez que haya descargado ese archivo FFX, desea encontrar la carpeta de presets, que generalmente se encuentra debajo de documentos y luego Adobe Y luego la versión de after effects en la que estás. Después presets de usuario. Puedes ver que ya tengo un montón de cosas aquí y también he creado subcarpetas para organizar las cosas Puedes hacer lo mismo si quieres o simplemente traer ese archivo FFX a esta carpeta Voy a poner el mío en mi carpeta de presets de texto. Ahora podemos volver a los efectos posteriores e ir al panel de efectos y presets Para asegurarme de que aparezca el nuevo preset, voy a ir a este menú y elegir refrescar lista. Y luego alternar los presets de animación abiertos, presets de usuario, y luego debería estar aquí o en cualquier carpeta en la que lo guardaras Voy a mover mi cabeza lectora al principio de esta capa porque cuando aplique el preset, va a aplicar los va a aplicar fotogramas clave comenzando en donde sea que esté el cabezal de reproducción Para aplicar el preset, solo voy a arrastrarlo a la capa. Si te golpeo en el teclado, puedes ver que eso establece algunos fotogramas clave para animar este texto El último elemento que voy a añadir es el texto de fondo. Para ello, voy a ir a la herramienta de texto, escribir mi texto. Y luego voy a repasar a los ajustes y hacer esto realmente grande. Hagámoslo todo gorras. Entonces también voy a deshacerme del relleno y cambiar el trazo. Quiero usar el color de acento de fondo para el trazo. Simplemente moveré mi cabeza de reproducción para poder usar el seleccionador de color para agarrar este Entonces una vez que has hecho clic en el color, a veces necesitas golpear return para deshacerte de ese cuentagotas Entonces voy a mover el texto de Colorado detrás del texto del título. Entonces vamos a mover esto a su lugar. Entonces voy a duplicar este texto golpeando al comandante Control D, y después simplemente arrastraré el duplicado hasta el fondo. Para animar el texto de fondo, haré que la capa superior se deslice desde la derecha y la capa inferior, se deslice desde la izquierda Voy a ir a 1 segundo en la línea de tiempo. Seleccione ambas capas y presione P en el teclado para mostrar ambas propiedades de posición. Entonces solo estableceré un fotograma clave haciendo clic en el cronómetro. Entonces voy a ir al inicio de la línea de tiempo y luego simplemente arrastrar la capa inferior todo el camino hacia la izquierda. Después arrastraré la capa superior todo el camino hacia la derecha. Después voy a hacer clic y arrastrar sobre estos fotogramas clave para seleccionarlos y luego hacer F nueve para facilitar estos fotogramas clave Entonces desde aquí, puedo entrar en el editor de grafos y ajustar esta curva de movimiento. Si tiene ambos conjuntos de fotogramas clave de posición seleccionados, puede ajustar ambos gráficos a la vez Solo voy a hacer clic y arrastrar sobre uno de los extremos para agarrar los manejadores, y luego solo voy a ajustar esta gráfica para que se vea similar a la gráfica de las capas de fondo que entran. Eso se ve bastante bien. Para salir del editor de grafos, basta con hacer clic de nuevo en este botón. Después de que el texto de fondo se anima, quería seguir a la deriva en la misma dirección en la que iba y luego simplemente animar más rápidamente. Para hacer eso, voy a pasar a 5 segundos, y luego voy a entrar en el valor x para la propiedad position y solo flecha sobre. Entonces para el fondo, voy a hacer más 300. Entonces para la cima, voy a hacer -300. De esa manera, sé que ambos están moviendo la misma cantidad. Entonces a los 6 segundos, voy a animar estos todo el camino hacia afuera en la misma dirección en la que han ido Así es como se ve esto. Este movimiento se ve un poco incómodo porque cuando llega a estos fotogramas clave, alcanza una velocidad de cero, por lo que deja de moverse, y luego vuelve a comenzar, lo cual es raro Lo que quiero hacer es hacer de este un movimiento fluido continuo. Para ello, voy a donde dice posición en ambas capas para seleccionar todos los fotogramas clave, y después voy a entrar en el editor de grafos Tenemos que mover este punto en la gráfica que representa el fotograma clave hacia arriba para que no llegue hasta el final a cero Pero se puede ver que cuando hago eso, divide los valores entrantes y salientes del fotograma clave En lugar de hacer eso, voy a hacer clic y arrastrar para seleccionar ambos fotogramas clave porque recuerda que aquí tenemos dos propiedades diferentes, y luego voy a hacer clic derecho e ir a la velocidad de fotogramas clave Voy a continuo, lo que bloquea el saliente al entrante. A partir de aquí, podrías seleccionar bien y luego solo esto arriba en el editor de grafos. Pero esto es pequeño, y entonces lo que voy a hacer para que esto sea aún más fácil es simplemente entrar en la velocidad y va a cambiarla automáticamente por el entrante y el saliente. Intentemos 300 píxeles por segundo. Entonces hagamos lo mismo aquí. Ahora vamos a jugar esto de nuevo. Te habrás dado cuenta de que justo por aquí, el texto lento a casi una parada. Si haces zoom en la gráfica pulsando la tecla más, puedes ver que la línea se está sumergiendo hasta cero Voy a alejar de nuevo el zoom y luego solo seleccionar este fotograma clave, y vamos a arrastrar el mango hacia atrás hacia la izquierda. Esto en realidad elevará el centro de la curva aquí. Hagamos lo mismo para este fotograma clave. Sólo estoy acortando esos mangos. Ahora bien, si me acerco, se puede ver que esa curva ya no está llegando a la línea cero. Ahora bien, si jugamos esto, debería verse mucho más suave. Lo último que hay que hacer para terminar de crear esta carta de título es ajustar cuando entran las capas. La única capa que creo que hay que ajustar es realmente este texto del título. Viene en un poquito demasiado pronto. Sólo voy a arrastrar toda la capa de vuelta a tal vez unos 20 fotogramas. Creo que eso se ve mejor. Entonces veamos dónde están los fotogramas clave y veamos la animación. Creo que eso se ve bien también. Eso es todo para la tarjeta del título. En el siguiente video, te mostraré cómo convertir esto en una plantilla. 5. Plantilla de tarjeta de título: Vamos a convertir esta tarjeta de título en una plantilla de motion graphics reutilizable o archivo Mogart que se puede usar en premiere De esta manera, tú o el editor premiere pueden hacer versiones de esta plantilla con diferentes colores, texto o lo que decidas que quieras hacer personalizable. Primero, tendrás que abrir el panel Essential Graphics. Entonces, la forma más rápida de hacerlo es simplemente hacer clic derecho en un área vacía en tiempo o en el visor de composición y elegir open y Essential Graphics De esa manera, abrirá esta comp exacta en el panel Essential Graphics. Entonces lo primero es que hay que nombrarlo. Esto es importante si lo vas a exportar como una plantilla de motion graphics para usar en premiere. Si solo lo vas a usar en after effects, este nombre no es tan importante. Así que sólo voy a nombrar esta tarjeta de título. Esta miniatura aquí es lo que verás en la vista previa en estreno cuando estés mirando a través de tus plantillas Entonces, para establecer eso, solo mueve tu cabeza lectora a donde parezca un buen marco Entonces aquí está bien, y luego solo presiona Set Poster El siguiente paso es arrastrar en cualquier propiedad que quieras que sea personalizable. Si quieres ver todas las propiedades que son compatibles, puedes elegir propiedades compatibles solo, pero esto te va a dar muchas cosas diferentes. Así que vamos a cerrar esta copia de seguridad, y te voy a mostrar cuáles voy a hacer personalizables. Primero, quiero poder cambiar lo que dice el texto del título. No estoy planeando hacer el texto de Colorado sea personalizable porque eso agregaría un poco más de complejidad ya que hemos animado la posición del mismo y un texto más largo haría esa posición un poco diferente. Entonces solo estoy considerando esa parte de la plantilla. Para que este texto de título blanco sea personalizable, voy a alternarlo para abrirlo en la línea de tiempo. Debajo del texto. Voy a encontrar el texto fuente y luego simplemente arrastrar esto. Vamos a darle un nombre diferente a esto. Simplemente llamaremos a este título texto. Luego está esta opción de editar propiedades aquí. Puedes permitir que las personas que estén usando tu plantilla o tal vez eso sea solo tú para poder elegir una fuente diferente, un tamaño de fuente diferente, e incluso puedes permitir que la gente haga diferentes estilos como todas las mayúsculas o Fo Bold. Depende de ti si quieres permitir eso, pero ten en cuenta que si habilitas la fuente personalizada o el tamaño personalizado, entonces la gente va a poder ajustar el tamaño del texto, que vas a necesitar acomodar con la plantilla. Tendrás que asegurarte de que si el tamaño del texto cambia, no se vea terrible. Te voy a enseñar cómo hacer eso. Ten en cuenta que cualquiera de las propiedades que tengas en el panel Essential Graphics van a ser las predeterminadas. Ahora que ahí tenemos el texto, si tuvieras que alargar este texto, así que digamos que agregamos a este texto, ahora se está cortando en los bordes. Hay diferentes formas en las que puedes acomodar cosas como esta, pero primero te voy a mostrar la forma más sencilla. Y eso va a ser ir al panel Propiedades y encontrar la sección de párrafo y luego presionar el botón Me. Este texto en este momento se llama texto puntual, lo que solo quiere decir que todo el texto va a estar en una línea. También puedes tener texto de caja, que va a encajar el texto en un cuadro, y así creará nuevas líneas cuando se corte en los lados. Entonces voy a hacer clic en este botón para convertir el texto en texto de cuadro. Y luego sólo voy a hacer doble clic en el texto para que aparezca esa casilla. Y cambiemos el tamaño de esta caja. Para que no se vaya a cortar el texto. Ahora voy a necesitar realinear esto con las herramientas de alineación, y de hecho voy a hacer esta caja un poco más estrecha También es posible que desee ajustar el let, que es el espacio entre las líneas de texto. Creo que esto se ve un poco demasiado alejado. Entonces creo que eso se ve mejor para un título, y realineemos esto una vez más Ahora quiero asegurarme de que el punto de anclaje esté en el centro. Entonces, una forma rápida de hacerlo es tener la capa seleccionada y luego hacer doble clic en la herramienta Pan Behind, que está aquí arriba mientras mantienes presionada Comando o Control. Eso debería centrar tu punto de anclaje. Ahora bien, si acorto este texto, se queda alineado horizontalmente porque está justificado en el centro Pero verticalmente, no está alineado cuando solo tengo una línea de texto, sino que fue cuando tenía dos. Para arreglar esto, voy a usar una expresión en el punto de anclaje. Entonces con esta capa seleccionada, solo voy a golpear A para que aparezca la propiedad del punto de anclaje. No voy a ir súper en profundidad aquí mismo sobre cómo funciona esta expresión . Voy a cubrir eso más tarde. Pero por ahora, puedes copiar y pegar esta expresión desde la sección de recursos de la clase. Después para ingresar a la expresión, se quiere opción o clic Alt en el cronómetro, y eso va a abrir este campo de expresiones Entonces lo tengo copiado y voy a pegarlo aquí. Entonces déjame simplemente expandir esto para que lo veas. Entonces, lo que esta expresión está haciendo es usar una función llamada source rect en el momento Y lo que hace esta función es averiguar el tamaño de la capa. Y con esa información, podemos agarrar el ancho, averiguar dónde están las coordenadas de la izquierda, y averiguar la altura y dónde están las coordenadas superiores. Y usando esa información, podemos averiguar dónde necesita estar el punto de anclaje para que no importa el tamaño del rectángulo, cuando el tamaño cambie, el punto de anclaje siempre permanezca en el centro de la forma. Y de esa manera, cuando tenemos múltiples líneas de texto, siempre se mantendrá alineado verticalmente. Entonces ahora si agregamos más texto, se queda alineado verticalmente. Hagamos que los colores de fondo y acento sean personalizables. Seleccionaré estas capas e iré a esta barra de búsqueda aquí y buscaré color solo para que aparezca la propiedad de color. Y queremos el color de relleno, así que llevaré el color de relleno de fondo al panel gráfico esencial. Nombremos esto y luego haremos lo mismo para el acento y el segundo acento. Y te golpearé en mi teclado dos veces para cerrar todas las capas. Ahora hagamos que los colores del texto sean personalizables. No hay propiedad de color en la capa de texto, aunque obviamente tiene un color. Entonces lo que tenemos que hacer es agregar un color de texto. Entonces primero, abriré el texto del título y luego me acercaré a este botón de animación y haré clic en eso y buscaré el color de relleno y solo voy a RGB Entonces esto agregará un color de relleno, y podemos cambiar esto de nuevo a blanco. Eso también se agregó un nuevo animador de texto, así que solo puedo nombrar este color solo para estar realmente organizado Y luego para agregar una propiedad de color para el trazo, simplemente voy a hacer clic en este botón de anuncio aquí y elegir color de trazo y RGB, y cambiemos esto a blanco. Y ahora puedo arrastrar estas dos propiedades al panel Essential Graphics y cambiarles el nombre. Ahora agreguemos controladores de color para el texto de fondo de Colorado. Entonces para esto, voy a volver a entrar en la capa, haga clic en el anime pero, vaya a Stroke Color RGB. Quiero que este color sea siempre el mismo que este color de acento. Entonces voy a abrir el color en el acento. Voy a tomar el icono de espiral, que se llama látigo de púa y lo arrastraré sobre el color del acento de fondo De esta manera, estas propiedades siempre estarán vinculadas. Entonces sea cual sea este color, este color será el mismo. Voy a deshacer eso. Como ya he traído este color al panel Essential Graphics, si cambio este color de acento, entonces también actualizará el color del texto. Para aplicar esto rápidamente al otro texto de Colorado, solo seleccionaré el color del trazo, lo copiaré y luego lo pegaré en la segunda capa de Colorado. Ahora solo para verificar que todo esto va a funcionar correctamente. Puedo cambiar este color, y funciona. Si quieres, puedes hacer que tu plantilla sea un poco más organizada agregando formato. Entonces, en la esquina inferior del panel Gráficos esenciales, debajo del formato de anuncios, hay una opción para agregar comentarios o grupos. Voy a hacer un grupo, y vamos a nombrar este texto. Y entonces sólo voy a arrastrar esto hasta la cima. Y vamos a arrastrar esta capa de texto a ese grupo. Y de alguna manera perdí el nombre que tenía aquí. Y luego arrastremos también los colores del texto hacia arriba a este grupo. En estreno, el usuario podrá colapsar esto, por lo que mantiene todo agradable y organizado y en conjunto. También agreguemos un grupo para el fondo. Y vamos a agregar todos estos colores a ese grupo. Una vez que tengas todas las propiedades que quieres personalizar en el panel Gráficos esenciales y hayas hecho cualquier formato que te gustaría hacer, entonces estás listo para exportar la plantilla de gráficos en movimiento. Para ello, solo quieres hacer clic aquí mismo en este botón. Primero va a querer que guardes el proyecto. Y entonces te va a preguntar, ¿dónde quieres guardar esta plantilla de motion graphics? No me gusta guardarlo en la ubicación predeterminada porque esa carpeta es una carpeta muy difícil de encontrar en tu computadora. Entonces, si querías compartir la plantilla con alguien más, tienes que ir a cavar para ello. Entonces, en cambio, vamos a guardarlo en un mejor lugar. Así que solo voy a presionar Navegar aquí, y podrías guardar este archivo punto Mogort en cualquier lugar de tu computadora Sólo voy a guardarlo en esta carpeta de Adobe. Aquí es donde After Effects guarda su preset. Entonces esto tiene sentido para mí. Pero voy a encontrar Premiere y luego la versión actual, y luego puedes hacer subcarpetas aquí Entonces ya lo hice, pero voy a hacer uno nuevo para esta clase. Y luego solo guardaré este archivo Mogart en esa carpeta Si quieres, puedes agregar palabras clave. En premiere, puedes hacer una búsqueda a través de tus plantillas, y si pones palabras clave aquí, surgirá cuando busques esas palabras clave en premiere. Y luego solo pegué Bien. Te mostraré cómo usar esta tarjeta de título en premiere para que puedas tener una idea de cómo va todo el flujo de trabajo desde Adobe After Effects hasta el estreno. Pero no voy a cubrir la parte de estreno para los otros ejemplos hasta el final de clase porque de lo contrario, esto se volvería demasiado repetitivo Te voy a mostrar cómo armar todos los ejemplos de plantillas de motion graphic que creamos en un proyecto de video en el ponerlo en el video Gether al final de clase En estreno, voy a crear un nuevo proyecto. Y luego para conseguir mi Mgritz, necesito el panel Plantillas Gráficas Eso va a estar debajo de las plantillas de Window y luego de gráficos. El panel de plantillas de gráficos solía llamarse Essential Graphics en caso que estés usando una versión anterior de Premiere. Desde este panel, quieres ir a las plantillas locales y presionar este botón más. Esto te va a permitir encontrar la carpeta que creaste y que Premier siempre vea esa carpeta para que cualquier Mgartz nuevo que pongas en esa carpeta se importará automáticamente a Premiere, este será el caso de cualquier proyecto Cada vez que abras Premiere, ya tendrás todo tu Mgurtz listo para Una vez que encuentre esa carpeta, presione elegir. Ahora bien, si abro las plantillas locales, aquí está la clase de motion graphics. Si quieres ordenar por esos, solo puedes verificar esto y aquí está la tarjeta del título. Crearé una nueva secuencia para mostrarte cómo puedes usar la tarjeta de título. Voy a crear una nueva secuencia. Y entonces todo lo que tienes que hacer es arrastrar la plantilla a tu secuencia. Entonces aquí está la tarjeta de título, y ahora si quiero editar la ficha de título, puedo ir al panel Propiedades, que puedes encontrar debajo de la ventana y luego Propiedades. Acopemos esto por aquí. Y ahora puedo cambiar cualquiera de estos ajustes que he configurado. Entonces cambiemos el texto y tal vez la fuente e incluso los colores. Y toda la animación va a ser igual. Puedes tener tantas de estas tarjetas de título en la secuencia como quieras. Podría volver a las plantillas gráficas, arrastrar esto de nuevo, esto tendrá todos los ajustes predeterminados. Si vuelvo a las propiedades, puedo volver a ajustar todos estos ajustes. 6. Crea un tercio inferior: Para crear un tercio inferior, primero para liderar una nueva composición. Sólo voy a hacer de nuevo este 1920 por 1080, píxeles cuadrados. 6 segundos es bueno, y el fondo será negro. Primero, vamos a crear el texto. Voy a ir a la herramienta de texto, y primero, mostremos nuestras guías de seguridad de acción de título Vas a hacer esto golpeando la tecla de comillas en el teclado. Y alinearé el texto con esta guía externa. Para salir del texto, recuerda volver a la herramienta de selección. Quiero que este texto quede justificado, así que voy a cambiar eso en el panel de propiedades. Entonces también hagamos esto un poco más pequeño. Ahora agreguemos el subtexto. Voy a agarrar el texto para otra vez y después sólo voy a pegar en el nombre científico de esta flor. Cambiemos el estilo de esto. Voy a cambiar esto a medio, y vamos a hacerlo todo gorras. Hagamos que el tamaño de la fuente sea más pequeño. Démosle un poco de espacio a las letras entre ellas. Algo así. Ahora, vamos a crear los cuadros de texto. Para ello, voy a usar la herramienta rectángulo. Simplemente haga clic en la herramienta y luego haga clic y arrastre en el visor de composición para arrastrar un rectángulo. Ahora necesito cambiar el orden de las capas para que quede por debajo del texto. Cambiemos el nombre de la capa golpeando Enter o return. Entonces voy a agarrar de nuevo mi herramienta de selección. Ahora en lugar de tener un relleno, quiero que esto solo tenga un trazo. Esto se puede hacer aquí arriba o en el panel de propiedades. En lugar de color sólido, sólo voy a hacer ninguno para el relleno. Entonces para el trazo, voy a hacer un color sólido, y sí quiero que sea blanco, y luego aumentemos esto a cinco puntos. Y luego puedes ajustar el posicionamiento si es necesario. Ahora voy a cerrar esta capa y vamos a crear la segunda caja. Solo voy a agarrar la herramienta rectángulo y arrastrar otra forma alrededor de este texto. Esta vez, quiero que tenga un relleno, pero no trazo. Hagámoslo blanco. Vamos a llevar esta capa debajo del subtexto y cambiarle el nombre. Entonces cambiemos también el color del texto para que sea negro. No quiero un trazo en este texto. Entonces me voy a quitar eso. Sólo comprobemos dos veces. Tampoco necesito un trazo en este texto, así que me lo quitaré. Entonces necesito agarrar mi herramienta de selección. Vamos a alinear mejor este cuadro con un texto, y voy a simplemente darle un codazo con mis teclas de flecha, y luego movamos un poco el texto hacia abajo Ya no necesito el área segura de acción por el título, así que solo voy a presionar la tecla de cotizaciones para deshacerme de eso. Ahora vamos a animar esto en. Voy a empezar con la caja inferior. Tengamos esta escala desde el lado izquierdo. Lo primero que tengo que hacer es mover mi punto de anclaje hacia el lado izquierdo, así que escala desde la izquierda. Para hacer eso, quieres agarrar la herramienta de encuadre detrás, que el atajo de teclado es y, luego, agarrar este punto de anclaje y llevarlo al lado izquierdo. Si mantienes presionado el comando, se encajará en su lugar. Entonces sólo voy a presionar V en el teclado para volver a mi herramienta de selección. Entonces presionaré S en el teclado para que aparezca la propiedad de escala, y vamos a enmarcar esto. Voy a llevar mi cabeza de reproducción a 1 segundo y luego establecer un fotograma clave para que la escala esté al 100% Entonces volveré a cero, y voy a desbloquear las proporciones restringidas y luego solo pondré la escala x a cero. Ahora va a escalar desde el lado izquierdo. Hay un par de cosas que podemos hacer para que esta animación sea más interesante. Voy a agregar un cubrezapatas a esto. A 20 fotogramas, voy a hacer que el valor de la escala sea 105%. Se va a extender más allá su punto final y luego volver. Pero estos fotogramas clave son lineales y aburridos, así que vamos a seleccionarlos y luego hacer F nueve para facilitarlos fácilmente Entremos al editor gráfico y ajustemos esta curva de movimiento. Voy a seleccionar este punto y llevar el asa a la izquierda. A lo mejor trae éste a la derecha. Solo haciendo esto un poco más rápido en el medio. Entonces esta parte es para el sobreimpulso. Hagamos que llegue a una parada lenta. A lo mejor algo así. Para el texto inferior, solo voy a tener que animarlo desde abajo Voy a pasar de nuevo a 1 segundo, y voy a presionar P en el teclado para que aparezca la propiedad position, y luego estableceré un fotograma clave. Entonces vayamos a cero en la línea de tiempo y simplemente arrastremos esto para que quede todo el camino fuera de la capa. Agreguemos también un sobreimpulso a esta animación. Voy a mover mi cabeza de reproducción a 20 fotogramas y luego simplemente copiar y pegar este último fotograma clave, y luego usaré mis teclas de flecha para subir este texto un poco Ahora va a hacer un rebasamiento a medida que entra en la caja. Seleccionemos estos fotogramas clave, agreguemos Easy Ease y luego entremos en el editor de grafos Voy a ajustar esto de manera similar a la otra gráfica para la caja. Ahora, notarás que donde el gráfico de caja fue por debajo de cero, este va por encima de cero y eso es solo por el sistema de coordenadas de los efectos posteriores. Pero recuerda, esta es la gráfica de velocidad. Solo puedes ver qué tan lejos está la gráfica de cero para poder decir qué tan rápido se mueve. Algo así se ve bastante bien, Pasemos al texto superior. Para el texto superior, también voy a hacer que se mueva hacia arriba y haga ese rebasamiento A partir de 1 segundo, golpeemos P en el teclado, fijemos un fotograma clave de posición, y luego volvamos a cero y bajemos esto fuera de la caja. Después iré a 20 fotogramas y copiaré y pegaré este último fotograma clave y luego solo el texto hacia arriba. Nuevamente, vamos a seleccionar estos fotogramas clave, facilitarlos fácilmente y entrar en el editor de gráficos y ajustar el gráfico En el texto inferior, no se puede decir cuando el texto está fuera de la caja porque es del mismo color que el fondo. Pero si haces clic en este botón aquí, te muestra las áreas transparentes, para que veas que el texto va a ser visible fuera de la caja. Lo que podemos hacer para arreglar esto tanto para el texto superior como para el inferior es crear tapetes. Si aún no ves las opciones mate en tu línea de tiempo, quieres hacer clic donde dice Interruptores de palanca, modos de barra diagonal Verás esta opción de pista Mt aquí. Si aún no ves esto, da clic en estos alternadores hasta que lo veas, o también puedes hacer clic derecho aquí y encontrar las columnas así Para este nombre científico, todo lo que necesito hacer es tomar el látigo de selección junto a esta alfombra de pista y arrastrarlo al cuadro de texto inferior Eso va a ocultar automáticamente el cuadro de texto inferior, pero aún así quiero que ese cuadro sea visible Sólo voy a volver a encender el globo ocular. Ahora bien, si vuelvo a encender la transparencia, puede ver que cuando el texto no está dentro de esa caja, no es visible. Voy a terminar haciendo lo mismo para el texto superior, pero como es ahora, esta caja sólo tiene un trazo y no relleno, así que el tapete no va a funcionar. Primero, voy a animar esta caja y después te voy a mostrar cómo hacer que el tapete funcione Para animar el cuadro superior, si tuviéramos que animar la propiedad scale que está debajo de transform Por un lado, el punto de anclaje está en el lugar equivocado, pero también se puede ver que aplasta el trazo de esta caja de una manera extraña Te voy a mostrar una manera de animar esto para evitar eso. Estas propiedades de transformación afectan a toda la capa. Pero si alternas el contenido abierto y luego el rectángulo uno, va a haber otro conjunto de propiedades de transformación, y estas solo afectan a este rectángulo. Puede tener varias formas dentro de la misma capa de formas, y estas propiedades de transformación son específicas de formas individuales. Pero aunque animemos esta escala, cómo es ahora, todavía va a aplaudir el trazo Lo que tenemos que hacer es tomar este trazo y hacer que se aplique después de que hayan tenido lugar las transformaciones. Voy a mover este trazo hacia fuera y debajo de estas propiedades transforman rectángulo uno. La forma más fácil de hacerlo es en realidad solo traerlo al contenido y luego lo colocará debajo. Ahora bien, si cambio este valor de escala, no afecta en absoluto al ancho del trazo. Ahora vamos a establecer fotogramas clave para el rectángulo de transformación un valor de escala Pero notarás que eso va a escalar desde el centro, aunque el punto de anclaje para la capa esté en el centro de la composición. Incluso si cambiamos donde está este punto de anclaje, la escala seguirá escalando desde el centro de esa forma. Eso es porque esto es escalar en el rectángulo de transformación las propiedades de transformación, y este punto de anclaje está en el centro. Puedes ver si me acerco aquí, hay un punto de anclaje muy pequeño justo en el medio de esta forma. Podemos ajustar este punto de anclaje para hacer la escala de la escala desde donde queremos que lo haga. Con la herramienta pan detrás, voy a tomar este punto de anclaje y arrastrarlo hacia la izquierda. Ahora este cuadro de texto va a escalar desde la izquierda. Pero en realidad, cambiemos esto un poco, así no se anima exactamente de la misma manera que la caja inferior Voy a hacer click donde dice, transformar el rectángulo uno y luego subir y agarrar el pan detrás de la herramienta, y luego voy a tomar este punto de anclaje y arrastrarlo hasta la esquina superior izquierda. Voy a eliminar este primer fotograma clave y luego volver a unos diez fotogramas y establecer la escala y para que sea cero. Entonces a cero fotogramas, voy a establecer la escala x para que sea cero. Ahora se va a animar como una sola línea. Y entonces la caja se abrirá de arriba hacia abajo. También podrías agregar un overset a esto. Regresaré cinco fotogramas y estableceré el valor y en 105. Entonces tal vez solo mueva el último fotograma clave sobre cinco fotogramas Algo así. Entonces vamos a facilitar fácilmente estos fotogramas clave y ajustarlos en el editor de gráficos A lo mejor algo así. Entonces te voy a golpear en el teclado, D slog las capas y golpearte de nuevo, y luego golpearte una vez más para sacar a colación todas las capas que tienen fotogramas clave A partir de aquí, escalonemos estas capas para que no todas entren al mismo tiempo Quiero que el cuadro superior entre primero, pero el texto llegue un poco más tarde. Creo que tendría sentido alinear estos fotogramas clave y tal vez incluso alinear este fotograma clave Entonces solo para hacer mi línea de tiempo ordenada, voy a pasar el cursor sobre el inicio de esta capa y luego simplemente obtener esas flechas y arrastrarlas de nuevo al fotograma clave Entonces vamos a mover las capas inferiores hacia atrás. Tal vez empiecen por aquí. Lo último que hay que hacer es crear el tapete para este texto superior. Para ello, seleccione el cuadro de texto superior, suba a editar y, a continuación copie con vínculos de propiedad relativos. Después pulsa pegar haciendo Commander Control V, y eso va a crear una versión duplicada de esta caja con todas las propiedades vinculadas a la caja original. Cambiemos el nombre a esto. Y vamos a darle un color de relleno. Aquí voy a elegir color sólido, y no importa de qué color sea. Entonces voy a tomar el texto y arrastrar el látigo de púa junto al tapete de pista a esa colchoneta Eso debería ocultar automáticamente ese cuadro de texto, la versión mat. Ahora bien, si retomamos esto, se puede ver que ese texto sólo va a ser visible dentro de ese tapete. Nuevamente, la razón por la que necesitábamos crear el tapete duplicado para la caja superior es porque la caja superior original solo tiene un trazo. No tiene relleno. Este tiene un relleno. De esa manera, el texto sólo es visible dentro de esa forma rellena. Lo último que hay que hacer es animar esto. Voy a pasar a 5 segundos, y vamos a animar las cajas superior e inferior Simplemente te golpearé en el teclado para ver esos fotogramas clave, y vamos a animarlo con las mismas propiedades de escala Simplemente seleccionaré ambos botones para crear un nuevo fotograma clave con estos valores exactos Entonces voy a pasar a diez fotogramas, y solo voy a copiar y pegar este fotograma clave para el cuadro inferior Entonces para el cuadro superior, voy a necesitar establecer este fotograma clave en 105 para que sobresalga más a la derecha Entonces a los 6 segundos, solo voy a poner ambos a cero en el valor x. Se va a animar así. Tiene un poco de anticipación con estos primeros fotogramas clave que he establecido Pero entremos al editor gráfico y ajustemos la curva de movimiento. Voy a presionar la tecla más para acercar el zoom y luego deslizarme para ver mejor esta gráfica. Como estos gráficos son todos raros, solo voy a seleccionar así para agarrar todos esos fotogramas clave y luego solo volver a aplicarlos fácilmente, eso solo los hará todos agradables y juntos para que pueda ajustarlos todos a la vez Estoy ajustando ambas propiedades de escala diferentes. Hagamos que empiece despacio. Y luego animar bastante rápido aquí al final. Algo así. Entonces, una vez que estés contento con tus tercios inferiores, en el siguiente video, podemos convertir esto en una plantilla. 7. Plantilla de tercio inferior: Hagamos de este tercio inferior una plantilla. Primero, abramos el panel de gráficos esenciales y me gusta hacerlo haciendo clic derecho en un área vacía en la línea de tiempo y eligiendo gráficos abiertos y esenciales. Sólo voy a nombrar a este tercio inferior. Entonces ya tengo mi cabeza de reproducción en un momento bastante bueno en la línea de tiempo para mostrar cómo es esto Sólo voy a golpear set poster time para generar esa miniatura Obviamente, quiero poder cambiar el texto en la plantilla del tercio inferior. Voy a abrir cada capa de texto diferente y arrastrar en el texto fuente. Voy a nombrar este texto. Entonces para el nombre científico, sólo voy a nombrar este subtexto Ahora bien, si entro y pretendo que estoy usando esta plantilla escribiendo una palabra diferente. Si la palabra es más larga, se va a cortar. Quiero hacer que esta caja cambie de tamaño automáticamente para que se ajuste al tamaño de la palabra y luego lo mismo para el subtexto Sólo voy a deshacer eso por ahora. Déjame mostrarte cómo usar expresiones para hacer que las cajas cambien el tamaño automáticamente para que se ajusten al tamaño del texto Empecemos con el texto superior. Voy a entrar en la caja superior y alternar abierto para encontrar la propiedad de tamaño. Para comenzar a escribir una expresión, solo opcion o voy a hacer click en el Cronómetro Lo primero que tengo que hacer es definir un par de variables. Una variable es solo un nombre para algo que vas a usar más adelante. Escribir una variable es solo VAR, y luego creas tu propio nombre. Sólo voy a nombrar esta capa de texto. Estoy usando el estuche camel solo porque esto es estándar al escribir código, pero no tienes que hacer eso. Solo necesitas asegurarte de elegir un nombre único. Si eliges algo y se vuelve amarillo o un color distinto al blanco, eso significa que has elegido una palabra a la que ya se le ha asignado una tarea en la codificación, por lo que debes elegir otra cosa. Entonces a partir de aquí es igual, y luego definamos qué es esta capa de texto. Voy a tomar el icono de pick whip, que es una espiral aquí mismo, y lo voy a arrastrar hasta esa capa de texto superior, que va a agarrar básicamente la dirección de esta capa No tengo que teclearlo. Entonces, al final de cada línea de código, necesitas poner una semicla igual que pondrías un punto al final de la oración Entonces pasemos a la siguiente línea solo para mantener las cosas limpias y organizadas, y voy a crear otra variable. Voy a llamar a este ancho de texto. Esta va a ser igual a la capa de texto. Estoy usando ese nombre que creé en la primera línea. Punto. Ahora voy a estar usando una función llamada fuente ret en el momento. Si después del efecto adivinar es lo que quieres, entonces simplemente puedes presionar Enter. Entonces dentro de los paréntesis, solo quiero el valor por defecto, así que no necesito poner nada ahí Entonces después de eso, fuente ret en el momento va a agarrar diferente información sobre el tamaño de una capa. Quiero el ancho de la misma para poder hacer ancho de punto. Entonces otra vez en punto y coma. Entonces sólo voy a bajar dos líneas. Nuevamente, esto es solo por claridad, y voy a definir los valores x e y. Una cosa que es realmente importante con las expresiones es que siempre le das la expresión el número de valores al final que quiere. La propiedad size tiene dos valores diferentes, x e y tenemos que dar estos dos valores diferentes. La forma en que define una lista de valores, que se llama matriz, está entre paréntesis. Yo solo voy a escribir un corchete y luego para el valor x quiero el ancho del texto, Esto va a hacer que el cuadro tenga el mismo tamaño que el texto, y luego necesito definir el valor y. Hay un par de formas en las que podrías hacer esto. Podrías simplemente escoger látigo al valor y así y escribirá esa dirección. También podrías crear una variable para esto y luego poner en la variable, u otra forma corta de escribir esto es solo escribir valor. Eso va a agarrar el valor que se introduce aquí, pero necesito especificar si quiero x o y. Para ello, voy a poner un paréntesis y luego el número uno. número cero es x y el número uno es y. Esto toma el valor y Ahora si hago clic fuera de esto, ahora se puede ver que el cuadro tiene re tamaño al tamaño del texto, pero no está del todo alineado. Eso se debe a que la propiedad size siempre está dimensionando desde el centro de la caja, sin importar dónde esté el punto de anclaje para la capa. Se puede ver que el punto de anclaje para la capa está por aquí a la izquierda, y el punto de anclaje para la forma también está por aquí a la izquierda. Pero pase lo que pase, si solo desactivo esta expresión por un segundo para mostrarle, los tamaños de la caja desde el centro, independientemente de dónde esté el punto de anclaje. Lo que tenemos que hacer para contrarrestar que sólo voy a dar vuelta a la expresión es establecer expresión en la propiedad de posición que está aquí Hay otras propiedades de posición. Recuerda debajo de transform o debajo de esta transformación, pero vamos a establecer la expresión position aquí justo debajo de la propiedad size. Para hacer esa opción, voy a hacer clic en el cronómetro, y luego definamos una variable para x Luego con la pastilla, solo toma el tamaño x aquí. Luego con la pastilla, solo toma el tamaño x aquí Y luego semicon, entonces sólo voy a hacer corchetes para definir x e y, entonces va a ser x Y luego recuerda que esta posición en cero, cero está en el centro de la forma. Y luego recuerda que esta posición en cero, cero está en el centro de la forma Si solo pongo x, x se establece en el tamaño x, lo que empujará la forma por todo el ancho de la forma. Ya que solo quiero empujar la forma sobre la mitad del ancho de la forma, así que cambia de tamaño desde la izquierda, necesito poner en x dividido por dos. Entonces para y, solo puedo hacer lo mismo que hice aquí, solo agarrar el valor y, que es cero, eso funciona. Valor entre paréntesis uno. Eso es otra vez, mueve la caja. Ahora bien, si muevo manualmente la caja, puedes ver que encaja perfectamente con mi texto, y escribo texto más largo, también sigue funcionando. Pero esto no se parece a mi diseño original. Lo que tengo que hacer es volver la expresión en la propiedad size y simplemente agregar algunos píxeles al ancho del texto que tenga ese relleno que originalmente tenía. Solo entremos y justo al lado del ancho del texto. Sólo voy a añadir plus, y vamos a probar 150. Entonces otra vez, necesito mover esto de nuevo a su lugar. Entonces intentemos alargar esta palabra y ver si funciona. Se ve bien. Además, si lo hicimos más corto, eso también está funcionando. Solo comprobemos que la animación está funcionando. Perfecto. Ahora lo que tenemos que hacer es aplicar las mismas expresiones a la caja inferior. Para hacer esto un poco más rápido, puedes copiar y pegar la expresión, así que voy a copiar esta subir al cuadro inferior, encontrar la propiedad size. Entonces lo pegaré. Pero esta primera línea define la capa de texto para la que está obteniendo el tamaño. En lugar de esta capa, necesito asegurarme que es la capa correcta, entonces esta de aquí. Solo voy a destacar eso y luego elegir látigo para reescribir eso, y ahora eso se ve Entonces vamos a agarrar la expresión de posición. Y luego pegar eso aquí. Entonces tendremos que volver a poner esto en su lugar. Eso se ve bien, y vamos a tratar de hacer esto más largo. Se ve bastante bien, y veamos si funciona más corto. Se ve bien. Cuando configuro los rectángulos para que sean redimensionados, los puntos de anclaje para estas capas se han topado un poco demasiado hacia la izquierda Solo voy a usar la herramienta pan behind, que es y en el teclado para mover esto de nuevo a su lugar porque la colocación del punto de anclaje afecta la animación de escala que tenemos en esta caja. Entonces para el cuadro superior, recuerde que el punto de anclaje para la capa realmente no hace la diferencia, pero el del rectángulo uno sí. Vamos a agarrar esa y moverla de nuevo a su lugar. Ahora, de esa manera, la animación debería seguir siendo la misma. Pongamos como una palabra más corta y una palabra más larga y solo pruébalo y asegurémonos de que la animación aún se vea bien. Fresco. Creo que todavía se ve bien. Sólo voy a deshacer solo porque recuerda que cualquier texto que tengas aquí va a ser los valores predeterminados en tu plantilla. Lo último que quiero hacer es simplemente agregar los colores al panel gráfico esencial para que se puedan personalizar en la plantilla. Para que aparezcan rápidamente las propiedades de color, solo voy a escribir el color en la barra s y la línea de tiempo. La caja inferior tiene un color de relleno, así que voy a traer eso. El color del tapete en realidad no importa porque el tapete no aparece. Entonces el cuadro superior, el color del trazo es, lo que importa, y así voy a nombrar eso. Observe que no surgió una propiedad de color para la capa de texto, así que tenemos que ir y agregarla en. En el texto inferior, voy a alternar esta abierta. Ve al botón de animar, elige color de relleno y luego RGB, y luego arrastraré esta propiedad arriba y nombraré este color de subtexto Volvamos a colorear esto a negro y luego hagamos lo mismo en el texto superior Animar color de relleno RGB. Trae esto. Nombra este color de texto, y cambiémoslo a blanco. También quiero organizar esto un poco. Voy a ir a agregar formato y agregar un grupo y vamos a quedarnos en este top y llevarlo a la cima. Entonces pongamos ahí el texto superior. El color de la caja superior y el color del texto superior. Entonces agreguemos formateando un grupo para la parte inferior. Y luego agrega en el subtexto, el color del cuadro inferior y el color del subtexto Para este tercio inferior en particular, no voy a entrar y hacer editar propiedades y luego habilitar cualquiera de estas opciones porque eso va a hacer que la función de cambio de tamaño sea un poco más complicada. Definitivamente es posible, pero solo voy a guardarlo para un tutorial más avanzado. Hay una cosa opcional más que puedes configurar. Este tercio inferior anima en Y luego espera en pantalla un rato y luego se anima Pero, ¿y si queremos que espere en pantalla un tiempo más largo o menor en nuestro proyecto real? No sabemos esa cantidad de tiempo en este momento, pero digamos que necesitamos que esa cantidad de tiempo sea ajustable. Lo que podemos hacer es ir al inicio de la línea de tiempo y primero solo voy a golpearte en el teclado para aparezca todo el fotograma clave para que pueda ver exactamente cuánto tiempo lleva esa animación inicial. Parece que termina en 1 segundo 25 cuadros. Voy a ir al inicio de la línea de tiempo y hacer Control ocho para hacer un marcador? También puedes arrastrar marcadores desde aquí. Entonces una vez que tengas ese marcador al inicio de la línea de tiempo, simplemente haz doble clic sobre él, y luego quieres ingresar la duración de esa animación inicial. Eso va a ser 1 segundo y 25 cuadros. Luego, debajo del diseño receptivo, el tiempo, desea asegurarse de verificar la región protegida y luego presionar bien. Eso debería darte esta área sombreada azul en la línea de tiempo Eso va a ser lo que se llama una región protegida, que significa que podemos cambiar el tamaño de la longitud de esta composición, pero esta región no se verá afectada porque cambiar el tamaño de la longitud de composición en realidad el tiempo la estira o la encoge, y esta región no se verá afectada por eso y esta región no se verá afectada por El tiempo seguirá siendo el mismo. Entonces hagamos también lo mismo al final de la línea de tiempo. De 5 segundos a 6 segundos, haré el control ocho para crear ese marcador, y luego para esto, la duración será de 1 segundo, y luego es una región protegida y golpeó bien. Ahora tengo estas dos regiones azules protegidas en la composición. Sólo voy a tomar esta composición y arrastrarla al botón de nueva composición solo para mostrarte cómo funciona esto. Aquí puedes ver esas regiones azules sobre la composición. Si voy al final de esta capa, asegúrate de ver las flechas dobles, entonces puedes arrastrar para acortar esta composición Si retomo esto, la animación al principio sigue siendo la misma, y la animación al final se ve igual, pero simplemente se mantiene en la pantalla por menos tiempo. Podrías hacer lo mismo si quieres extender la composición Podríamos hacer lo mismo, hacer esto más largo, y luego va a permanecer en pantalla durante mucho tiempo antes de animarlo Solo voy a volver a la composición original y guardemos esto como una plantilla de motion graphics. Pulsa este botón. Primero tendré que guardar el proyecto. Entonces asegúrate de estar guardando esta plantilla en el mismo lugar que te mostré en el video de plantilla de tarjeta de título. Para mí, eso va a estar justo aquí y luego golpear. Entonces en Premiere, si sigues los pasos del video de plantilla de tarjeta de título, deberías ver esta nueva plantilla importada automáticamente si la guardaste en la misma carpeta. Puedes arrastrar este tercio inferior a la línea de tiempo. Entonces puedes personalizar cualquiera de estas propiedades que hayamos configurado. Aunque no se pueden ver esas regiones azules, el tiempo de diseño responsive sigue funcionando. Puedes estirar o reducir esto, y actualizará la cantidad de tiempo que el tercio inferior permanece en pantalla. Se anima en, se queda en pantalla un poco más corto y luego se anima hacia fuera. 8. Animación del indicador de tiempo de floración: Para este ejemplo, así como las grasas vegetales y el puntero polinizador, te he proporcionado los gráficos Podemos empezar a animarlos enseguida. Primero, hagamos la curva de texto en un círculo. Comenzando con el texto del tiempo de floración, voy a asegurarme de que el texto esté seleccionado y luego subir y agarrar la herramienta elipse, que está debajo de la herramienta rectángulo Simplemente haz clic y mantén presionado para obtener este menú. Entonces asegúrate de que el ícono de tu mouse se vea como el mío. Esto quiere decir que va a dibujar una máscara. Voy a hacer clic y arrastrar manteniendo presionada la tecla shift para crear un círculo. Entonces voy a volver a cambiar a mi herramienta de selección regular y poner esto en el lugar correcto. Luego, en la línea de tiempo, alterna hacia abajo junto al texto y luego a las opciones de ruta, y luego al lado de la ruta, elige la máscara que acabas de dibujar. Quiero que esto esté al otro lado del círculo, así que simplemente invertiré el camino, y luego puedes usar el primer margen para alinear esto donde quieras. Si tu círculo no tiene el tamaño correcto, siempre puedes hacer doble clic en él para obtener este cuadro delimitador y luego puedes cambiarlo de tamaño, y también puedes reposicionarlo Entonces solo haz exactamente lo mismo para el texto inferior. Esta vez, no hace falta invertir el camino porque se ve mejor por dentro, y luego solo voy a redimensionar esto un poco y ajustar el posicionamiento Ahora vamos a animar este gráfico en. Primero, voy a tomar todas las capas excepto la forma de fondo y luego agarrar uno de los látigos de selección y arrastrarlo a la forma de fondo Lo que esto hace es padres de todas estas capas a la forma de fondo. Ahora, cualesquiera que sean los ajustes que haga a la forma del fondo, el resto de las capas van a ir con ella. Voy a animar la forma del fondo desde esta esquina puntiaguda Primero, necesito asegurarme de que el punto de anclaje esté en esa esquina para que escale desde esa esquina. Se puede ver que el punto de anclaje está en el centro en este momento. Voy a agarrar la sartén detrás herramienta y luego simplemente arrastrarla hasta la esquina. Si mantienes presionado el comando, se encajará en su lugar. Entonces solo vuelve a la herramienta de selección con V en el teclado. Voy a animar la forma de fondo escalando en. Voy a presionar S en el teclado para que aparezca la propiedad scale, y luego ir a 1 segundo y establecer la escala para que sea 100%, y luego volver a cero y establecer esto en 0%. Agreguemos un poco de animación de sobreimpulso. A 20 fotogramas, voy a establecer esto para que sea del 105%. De esa manera, irá 0-105 y luego bajará a 100 para crear una animación de sobreimpulso Vamos a agregar fácil a estos fotogramas clave seleccionándolos y haciendo F nueve. Eso se ve bastante bien, pero podrías seleccionarlos e ir al editor de grafos y personalizar esta curva de movimiento para que se vea aún más interesante. Esta es la gráfica del sueco. Sólo voy a hacer que esto sea un poco más exagerado, así que va un poco más rápido Entonces después de llegar a 105, hagamos que vaya un poco más rápido y luego facilitemos un poco más ese valor final. A lo mejor algo así. Para salir del editor de grafos, basta con hacer clic de nuevo en este botón. Animemos también la escala de la flor en. De hecho, puedo copiar estos fotogramas clave haciendo clic y arrastrando para seleccionarlos Comando C para copiar, y luego voy a ir al icono de la flor, ir al inicio de la línea de tiempo, presionar S en el teclado, y luego presionar el comando V para pegar esos fotogramas clave También escalonemos esta animación, así que tal vez esta capa debería entrar a diez fotogramas También podríamos hacer esto un poco más interesante agregando un poco de rotación a la flor. Voy a presionar shift R en el teclado para que aparezca la propiedad de rotación así como mantener visibles los fotogramas clave de escala, y luego estableceré un fotograma clave de rotación para cero Después de vuelta al inicio, animemos esto a negativo 30 Entonces simplemente voy a facilitar fácilmente estos fotogramas clave. Para animar este círculo, voy a usar trazados de recorte, lo cual es una buena manera de animar líneas dibujando Vamos a cerrar las otras capas, abrir la capa circular, y luego voy a hacer clic en este botón Agregar y elegir recortar trazados. Bien Entonces vamos a abrir eso. Voy a ocultar esta línea indicadora de tiempo de floración, esa es la línea más oscura que está en la parte superior solo para poder ver completamente lo que estoy haciendo con este círculo. Primero, pasemos a 1 segundo en la línea de tiempo y fijemos el valor final en 100%. Eso será cuando el círculo esté todo el camino dibujado. Después volveré a cero, y estableceré el valor final en 0%. También escalonemos esta capa para que tal vez no entre hasta aquí, 15 fotogramas Ahora mismo, el círculo apenas comienza a dibujar desde abajo y luego viene todo el camino alrededor. Pero creo que será más interesante si el punto de inicio de la línea también se mueve. Para ello, podemos animar el valor de desplazamiento. Sólo voy a mover mi cabeza lectora justo aquí para poder ver el inicio de la línea Sólo voy a deslizar este valor de desplazamiento, y creo que se vería mejor si empezara más a 90 grados y voy a establecer un fotograma clave a de esta capa para que sea de 90 grados. Entonces a medida que llega al final, vamos a tener ese punto de inicio de la línea se han movido tal vez tanto alrededor. Entonces tasar estos fotogramas clave y ver cómo se ve. Para animar el texto, voy a usar animadores de texto. Empecemos por el texto de Bloom Time. Primero, sólo voy a moverlo para comenzar a los 15 fotogramas. De esta manera, esta forma está mayormente escalada, así que será más fácil ver lo que estoy haciendo Voy a alternar abrir la capa y luego ir al botón de animar y elegir posición Esto va a crear un nuevo animador de texto con una propiedad de posición en él. Voy a hacer clic en este botón de anuncio aquí y elegir la escala, y luego hacer clic en él una vez más y elegir la opacidad Voy a animar las tres propiedades para animar el texto en Si utilizas animadores de texto. Desea establecer las propiedades aquí y luego animarlas dentro y fuera con el selector de rango De nuevo, tengo toda una clase sobre animadores de texto. Si quieres una explicación más profunda de cómo usar animadores de texto, definitivamente echa un vistazo a esa clase Para ello, quiero que las letras salgan del interior del círculo. Al mover la posición hacia abajo, se verá así. Tal vez como 30, y luego quiero que la escala sea cero, y la opacidad sea cero Entonces voy a usar el selector de rango. Voy a alternar esto abierto, y también voy a entrar en avanzado y poner esto de cuadrado a rampa arriba. Y Nuevamente, todo esto se explica con más detalle en mi clase de animadores de texto Ahora voy a animar el valor de desplazamiento. Primero, necesito asegurarme de que ninguno de mis textos sea visible. Así que voy a tomar este valor de desplazamiento hasta negativo 100 y luego establecer un fotograma clave. Esto es al inicio de esa capa. Entonces vayamos adelante 1 segundo, así que a 115, y luego traeré este valor de compensación hasta el 100%. Se puede ver como eso anima el texto encendido. En lugar de facilitar los fotogramas clave, para agregar flexibilización a un animador de texto, desea ajustar el ese alto y Voy a fijar ambos al 50%. Animemos el texto primavera verano otoño de manera similar Lo que voy a hacer para ahorrar tiempo es simplemente seleccionar donde dice Animator uno en el texto Bloom Time y presionar el comando C para copiar esto Podemos cerrar esta capa, y luego en la capa primavera verano otoño, voy a darle al comando V para pegarlo. Pero primero, necesito asegurarme de que mi fotograma clave esté donde quiero que se pegue Entonces si voy a abrir esta capa, se puede ver que se le agrega ese animador con los fotogramas clave Voy a arrastrar esta capa sobre. A lo mejor vamos a hacer que empiece a partir de 1 segundo, solo para que todas las cosas diferentes que entran no entren todas al mismo tiempo. Todos están escalonados. Ahora bien, en vez de que esto venga de afuera adentro, quiero que venga de adentro hacia afuera. Lo que voy a hacer para cambiar eso es sólo para poner la posición a negativa. Eso no mueve tanto. A lo mejor hagamos un poco más como negativo 40. Además, en lugar de tener cada letra animada como lo hace para el texto de Bloom, se trata de bastantes textos En lugar de tener cada letra animada, voy a hacer que se animen palabra por palabra Para hacer eso por debajo avanzado bajo el sector de rango, voy a cambiar esto de caracteres a palabras. Ahora se va a animar en una palabra a la vez. Te voy a golpear dos veces en el teclado para cerrar todos los fotogramas clave Esto es lo que tenemos hasta el momento. Ahora vamos a animar este gráfico. Voy a pasar a 7 segundos, y veamos los fotogramas clave en la forma de fondo, y en realidad vamos a invertirlos. Yo los copiaré primero, copiaré y pegaré. Entonces con estos tres fotogramas clave aún seleccionados, voy a hacer clic derecho sobre uno de ellos, ir a asistente de fotogramas clave, T fotogramas clave inversos Ahora esto va a reproducir esa animación que teníamos al principio, justo a la inversa. También vamos a desvanecer todas las otras capas solo porque no me gusta cuando se vuelven muy pequeñas y es difícil de leer. Lo que voy a hacer es simplemente seleccionar todas estas capas, presionar t en el teclado para que aparezca la propiedad de opacidad, y luego puedo hacer clic en el cronómetro para establecer todos los fotogramas clave para cada capa a la vez, y luego movamos a pasar diez fotogramas y luego establecer todos estos valores a 0% Ahora simplemente se desvanecerá a medida que se está escalando. 9. Plantilla de indicador de tiempo de floración: Para el componente personalizable de esta plantilla, quiero que esta línea indicadora de tiempo de floración pueda personalizarse para que el usuario pueda marcar si la flor florece en primavera, verano, otoño o combinación Vamos a armar esa parte. Primero, voy a abrir gráficos esenciales haciendo clic derecho en un área vacía, y yendo a gráficos abiertos y esenciales. Vamos a nombrar esto. También fijemos la hora del cartel. Esta vez en la línea de tiempo se ve bien, así que simplemente presionaré este botón. Luego, alternemos, abra la línea del indicador de tiempo de floración y luego haga clic en el botón Agregar y elija rutas de recorte. Ahora, tal como viste en el círculo que está detrás de esta línea, esta es una manera de animar los valores de inicio y fin de la línea Si ajusto los valores finales iniciales, puede demostrar que esta flor florece justo en la primavera o lo que sea que necesitemos mostrar Si solo arrastro los valores de inicio y final al panel gráfico esencial y luego les renombro. Entonces esto ahora es personalizable para el usuario. Pero todo lo demás se va a animar, y esta línea sólo va a estar ahí Necesitamos una forma de animar esta línea en, pero usar los valores que el usuario ha establecido en la plantilla Para ello, podemos usar una expresión. Voy a comenzar en los valores finales, solo opción o voy a hacer clic en el Cronómetro, y luego voy a usar la expresión de facilidad Esta es una función que es muy similar a la función lineal, si estás familiarizado con esa. Pero básicamente lo que hace es que mapea un conjunto de valores sobre otro conjunto de valores. Va a tener más sentido cuando realmente introduzcamos algunas cosas en él y luego voy a explicar más. Lo primero que pide en esta función es ¿qué está impulsando esta expresión? En este caso, sólo va a ser tiempo y luego poner una coma después de eso Con el tiempo, voy a mapear el valor final de cero a lo que el usuario establezca, comenzando en una cantidad mínima de tiempo a una cantidad máxima de tiempo. Así es como podemos hacer que esto se anime. La cantidad mínima de tiempo es lo siguiente que quiere la expresión. Vamos a establecer que sea donde quiera que comience la capa, y eso se llama el punto final de la capa. Para ello, solo pones punto y luego un coma, y luego necesitamos la cantidad máxima de tiempo. Si queremos que esta animación dure como 15 fotogramas o medio segundo, entonces solo puedes poner en punto más 0.5, y luego una coma, y luego el valor mínimo para el valor final, eso solo va a ser cero, y luego lo que el usuario establezca aquí Para agarrar el valor que el usuario estableció, solo necesitamos poner valor, y luego hacer clic fuera de la expresión. Voy a hacer clic en esta capa y arrastrarla nuevo a digamos 125, y luego veamos cómo se ve esta. El valor n se está animando en, pero el valor inicial no lo es Por eso hace esta pequeña chancleta de aquí. Simplemente copiemos esta expresión y luego haga clic en la opción en el cronómetro y péguela Esto va a funcionar tal cual. Ahora veamos qué tenemos. Ahora los valores inicio y n se están animando a los valores que establecemos aquí Si cambio estos valores, se puede ver que la animación sigue funcionando. Una cosa de esta plantilla que es un poco quisca es que si mueves tu cabeza de reproducción antes de que se represente la animación, estos números van a restablecerse a cero porque eso es lo la expresión le está diciendo que haga Aunque esto sí funciona, no es el diseño más fácil de usar, porque si le pasas esto a otra persona, es posible que no sepan que necesitas mover tu cabeza de reproducción después de que ocurra la animación para poder ajustar estos números Hay una mejor manera de configurar esto para que sea más fácil de usar. Hagamos eso. Usemos una capa controladora, que será nula. Para crear un nulo, sube a la capa, nuevo objeto nulo. Si nunca antes has usado un nulo, básicamente, es solo una capa invisible que puedes usar para formar a otras capas para o para controlar las cosas. Primero, nombrémoslo. Entonces necesitamos agregar un control de expresión a este nulo. Un control Expression es una propiedad que puedes agregar a una capa que no hace nada por sí sola, pero puedes conectar cosas a ella a menudo con expresiones para controlar otras propiedades. Los controles de expresión pueden ser especialmente útiles para controlar múltiples capas o propiedades a la vez. Usaremos más controladores de expresión en los próximos videos. Para este ejemplo, necesitamos agregar un control deslizante a esta capa nula. Para ello, haga clic derecho en él, vaya a efectos, controles de expresión y luego control deslizante. Entonces eso debería abrir el panel de controles de efectos. Si haces doble clic aquí, automáticamente lo abrirá en la línea de tiempo, o también podrías simplemente alternar hacia abajo hasta que lo encuentres. Yo solo voy a seleccionar donde dice, slider Control it return to renombrar this, start bloom, and then hit return again. Entonces simplemente dupliquemos esto y renombremos este extremo. Voy a escribir el fin de la floración y luego solo voy a sacar un poco la línea de tiempo para que podamos ver todo. A partir de aquí, lo que tenemos que hacer es entrar en la expresión. En lugar de que la expresión elija el valor que se establece aquí, necesitábamos elegir el valor que se establece aquí. Yo solo voy a entrar, hacer doble clic donde dice valor y luego tomar el látigo de pick y arrastrarlo hasta el valor de inicio de floración Y luego podemos hacer click fuera de la expresión. Haré lo mismo para el final. Agarra, agarra esa púa con y arrástrala hasta el final de la floración. Ahora en el panel de gráficos esenciales, podemos eliminar las floraciones inicial y final que fueron estos valores de ruta de recorte y luego traer los nuevos deslizadores Ahora puedo establecer esos números sin importar dónde esté mi cabeza de reproducción, y ellos se quedan Lo último que hay que hacer es simplemente escalonar donde empieza esta capa, a 1:25, vamos a tener esta capa de De esa manera podremos ver la animación y vamos a previsualizarla. Una cosa más que hacer en esta capa, tenía esos fotogramas clave de opacidad para animar Voy a presionar T en el teclado para ver esos fotogramas clave de opacidad Puedo ver que los fotogramas clave se han configurado porque el cronómetro está activado, pero los fotogramas clave se han empujado fuera de la capa cuando escaloné la capa Sólo voy a arrastrar mi capa hacia atrás. Agarra estos fotogramas clave, solo muévalos, trae la capa de vuelta a donde la quiero. Entonces vamos a golpear T en otra capa, para que podamos alinear estos fotogramas clave con los otros fotogramas clave Todo bien. Ahora toda nuestra animación debe estar completa y se configura la plantilla. Si quieres, puedes configurar controladores de color para los diferentes elementos de esta plantilla y/o tiempo de diseño responsive. Si no recuerdas cómo hacer esto, puedes volver al video de plantilla de los tercios inferiores. Desde aquí, podemos exportar la plantilla de motion graphics, y asegurarnos de guardarla en esa carpeta que configuramos al comienzo de la clase. No voy a repasar cómo usar esta plantilla en premier ahora mismo ya que esto podría llegar a ser repetitivo En cambio, cubriré la parte premier para todos los ejemplos en el video de armarlo al final de clase. 10. Animación de datos de plantas: Empezando por los gráficos que te he proporcionado, animemos este gráfico de fax de planta Primero, vamos a animar la caja adentro. Voy a usar la propiedad size para escalar esta caja, y estoy usando la propiedad size porque si uso la propiedad scale, afectará el peso del trazo, y no quiero hacer eso. Sólo voy a establecer un fotograma clave a 1 segundo para que el tamaño sea de este tamaño. Entonces cambiemos el tamaño vertical. Voy a constreñir las proporciones y establecer el valor y a cero Y luego voy a ir al inicio de la línea de tiempo y simplemente pondré x a cero. También voy a ralentizar esto solo para que podamos enfocarnos en la caja. Comenzará expandiéndose en una línea horizontal y luego se expandirá dentro de la caja tonta. Agreguemos Es fáciles a estos fotogramas clave. Entonces entremos al editor de grafos y solo hagamos estos gráficos un poco más exagerados Solo estoy tirando de las asas para hacer que la gráfica sea más pronunciada, lo que hará que vaya más lenta y luego más rápida y luego más lenta más dramáticamente de lo que era antes Algo así se ve bien. A continuación, animemos estas dos líneas con trazados de recorte. Voy a empezar con el de arriba. Ábrelo y luego haz clic en el botón Agregar y elige rutas de recorte. Voy a ir a diez fotogramas y simplemente establecer los valores de inicio y fin para que sean cero y 100. Quiero que esta línea se anime desde el centro. Voy a poner el inicio a 50 y el final para que encaje. De esa manera se animará desde el medio hacia afuera. Voy a hacer clic y arrastrar para seleccionar estos fotogramas clave, agregar fácil, y luego entrar en el editor de grafos y simplemente hacer esto un poco más dramático. Después voy a seleccionar donde dice trazos de recorte uno. Comando C para copiar eso, y luego ir a la línea de fondo y solo asegúrese de que mi cabeza de reproducción esté al inicio de la capa y luego presione el comando V para pegar Entonces, si pulsas U en el teclado, podrás ver que está pegado esos fotogramas clave de ruta de recorte Ahora escalonemos estas capas para que no entren al mismo tiempo que se abre la caja Vamos a traerlo de vuelta para tal vez comenzar alrededor de 20 cuadros. Creo que eso va a quedar bien, y luego te golpearé para cerrar todas esas capas. A continuación, animemos los soles. Hay tres de ellos uno encima del otro. Solo solemos uno de ellos para enfocarnos en eso, y luego haré la misma animación en todos los demás. Quiero animar esta escala, pero si solo uso la propiedad de escala regular, afectará el peso del trazo En lugar de hacer eso, voy a alternar en la capa y luego bajo contenido sol transformar sol, voy a animar esta propiedad de escala, pero si lo hago ahora mismo, todavía afecta el peso del trazo Lo que tenemos que hacer para arreglar esto es tomar el trazo y hacer que se aplique después de que ocurra la propiedad de escala. La forma más fácil que encuentro de hacerlo es simplemente arrastrando el trazo hasta donde dice contenido y eso lo moverá por debajo de los valores de transformación. De esa manera, este trazo se aplica después de las transformaciones. Ahora si configuro un fotograma clave de escala para 100 y luego vuelvo a cero, Ahora el peso del trazo no se ve afectado porque el trazo se está aplicando después de la propiedad scale, basado en el orden de capas aquí. Otra cosa que podemos agregar para que esto sea un poco más interesante es animar la rotación Realmente no importa si animas esta rotación o la rotación en toda la capa Sólo voy a establecer un fotograma clave para que esto esté en cero, y vamos a girarlo hacia atrás, tal vez 30 grados. Y luego te voy a golpear para ver ambos fotogramas clave, seleccionarlos, y luego facilitarlos fácilmente Y luego rotación, dejémoslos con facilidad, pero hagamos que la báscula sea un poco más dramática al principio. Por lo tanto, escalará más rápido y luego lentamente se convertirá en su valor final de escala del 100%. Eso se ve bien. Ahora voy a hacer lo mismo en los otros dos íconos del sol. Escalonemos estas capas de sol para que no entren hasta que tal vez comiencen por aquí a 25 fotogramas Ahora vamos a animar las gotas de agua. Quiero animar esta escala, pero no quiero ajustar el peso del trazo Entonces voy a hacer algo muy parecido a los soles, y voy a alternar esta capa abierta, encontrar este trazo y llevarlo por debajo de las propiedades de transformación, y luego voy a animar el valor de escala debajo de transform water one Hagamos que esto tome alrededor de 15 fotogramas, fijemos un fotograma clave y luego volvamos al inicio y fijemos un fotograma clave para cero. Entonces también quiero que esto escale desde el punto superior en lugar del centro. Para ello, necesito mover este punto de anclaje, ese es el que es específico de la forma. Es este punto de anclaje más ligero aquí. Voy a agarrar la sartén detrás de la herramienta y luego solo mover esto hasta el punto superior. Y ahora esto escalará a partir de ese punto. En lugar de flexibilizar estos valores ahora mismo, voy a guardar eso, tele animo todas las demás aguas de la misma manera, y luego ajustaré toda la flexibilización al Entonces voy a repetir esos mismos pasos en las otras gotas de agua. Ahora voy a golpearte a ti y al teclado para ver todos los fotogramas clave en las gotas de agua, y luego solo seleccionarlos todos a la vez, facilitarlos fácilmente, y luego entrar en el editor de grafos y hacer esto un poco más dramático al principio. Se escalará más rápido al principio y luego se introducirá en esa escala final del 100%. Ahora escalonemos estas capas. El primer agua quizá podría comenzar a los 20 cuadros. Entonces solo haré que el segundo venga en dos fotogramas después, y luego el tercero 12 fotogramas después de eso. Algo como esto. L et's animan el tamaño del icono escalando en, pero de nuevo, sin ajustar el peso del trazo Voy a alternar abrir el icono, y luego tomar este trazo y llevarlo por debajo del icono de tamaño de transformación, y luego vamos a animar la propiedad scale Vamos a facilitar fácilmente los fotogramas clave y luego ajustarlos en el editor de gráficos. Entonces escalonemos esta capa para que comience tal vez a 1 segundo Para animar el texto en, voy a usar uno de los presets predeterminados de Aftereffects Voy a entrar en efectos y presets, y sé cómo se llama, así que solo voy a buscarlo Se llama opacidad parpadeo en. Va a estar bajo animación de texto en opacidad parpadear, y luego asegúrese de mover su cabeza de reproducción a donde desea que comiencen y luego asegúrese de mover su cabeza de reproducción a donde desea que su cabeza de reproducción a donde desea los fotogramas clave y luego aplicar Voy a mover esta capa hacia atrás, así que empieza tal vez a 1 segundo. Entonces veamos cómo se ve. Te voy a golpear en el teclado para ver todos los fotogramas clave, y voy a borrar el segundo conjunto de fotogramas clave aquí donde vuelve a parpadear Todo esto y aquel. Entonces hagamos exactamente lo mismo en el tamaño del texto. Esta vez voy a escalonarlo, así que empieza quizá a las Ahora que todo se está animando, el último paso es animarlo hacia Voy a pasar a digamos 9 segundos, y comencemos a animar esto. Voy a animar las líneas de la misma manera en que se animaron en Una manera fácil de hacerlo es simplemente copiar y pegar los fotogramas clave Si copiar y pegar fotogramas clave en varias capas no funciona para usted, probablemente esté en una versión anterior de efectos secundarios y solo necesitará copiar y pegar una capa a y pegar una capa a Entonces a partir de aquí, necesito revertir estos fotogramas clave. Con todos ellos seleccionados, voy a hacer click derecho sobre cualquiera de ellos. Después vaya al asistente de fotogramas clave T revertir fotogramas clave. Ahora esto se animará de la manera opuesta. Voy a hacer básicamente lo mismo con esta caja. Te golpearé en el teclado para ver esos fotogramas clave de tamaño, entonces sólo voy a copiarlos y pegarlos. Clic derecho, asistente de fotogramas clave T revertir fotogramas clave. Ahora la caja va a reducir y luego a una línea y luego a salir. En lugar de animar todo individualmente, solo voy a tapearlos con esta caja Pero como esta caja solo tiene un trazo y no hay relleno, necesito duplicar la caja. Comando D. Cambiemos el nombre de este Mt. Entonces voy a alternar para abrir esta capa. Ya hay un relleno aquí, y sólo voy a encender el globo ocular para eso Si aún no tenías relleno, siempre podrías agregarlo yendo al botón Agregar y eligiendo llenar. Te voy a pegar para cerrar todas las capas. Entonces voy a golpear los modos de barra de Toggle Switches para ver las opciones de la pista Mt, y voy a seleccionar todas las capas excepto la caja y las líneas, y voy a hacer la alfombrilla de pista, esta caja Mt Ahora, como esta caja se está animando, todas esas otras capas quedarán ocultas cuando ya no estén dentro de la caja. Una cosa quisquillosa de liendres que no me gusta es cómo se cierra esta caja y hay un marco donde las líneas están fuera de la Voy a entrar en esas dos líneas y luego solo mover este fotograma clave, un fotograma a la izquierda. En el siguiente video, convertiremos esto en una plantilla. 11. Datos de plantas de plantilla: Para esta plantilla, quiero que el usuario pueda decidir si la planta necesita pleno sol, sombra parcial o sombra completa. Eso debería actualizar el icono y el texto. También quiero que el usuario pueda determinar cuánta agua necesita la planta, ya sea una, gotita, dos gotas o tres gotas Entonces también voy a dejar que actualicen este texto para el tamaño de la planta. Primero, vamos a crear un controlador para contener algunos de esos controles de expresión que necesitaremos. Voy a ir a layer, new, null object, y vamos a cambiar el nombre de este controlador. Después voy a hacer clic derecho en el Controlador, ir a efectos, controles de expresión, y luego menú desplegable control. Voy a usar esto para el icono y el texto del Sol. Vamos a renombrarlo Sun. Después para actualizar los diferentes elementos de la lista, presionaré editar, y luego puedes hacer doble clic en estos elementos para cambiarles el nombre. Si necesitas agregar o opciones de comida para llevar, entonces usa estos botones más y menos aquí. Entonces una vez que tengas las opciones que necesitas, pulsa. Voy a escribir una expresión sobre la opacidad de los iconos del sol para encenderlos o apagarlos en función de lo seleccionado en este menú desplegable Antes de hacer eso, voy a presionar el ícono de candado aquí para que esta permanezca en su lugar, incluso cuando haga clic lejos del controlador. Entonces voy a encontrar la propiedad de opacidad en el primer icono y presionar Opción o todos para comenzar a escribir la expresión Entonces vamos a configurar una variable para este menú desplegable. Sólo voy a llamar a esta selección. Después elige látigo hasta este menú. Luego punto y coma, luego vamos a usar una declaración FL para averiguar qué se selecciona Voy a hacer si y luego entre paréntesis, selección. Usando esa variable que acabo de crear. Entonces necesitamos dos signos iguales para verificar si esto es igual a los elementos de este menú. El artículo número uno va a ser el número uno. Simplemente escriba uno aquí, y luego fuera de los paréntesis, cree un corchete Entonces dentro de los corchetes, queremos establecer la opacidad si la selección es una Si la selección es pleno sol en este icono de pleno sol, quiero que la opacidad sea del 100% Yo sólo escribiré 100 y luego punto y coma. Entonces después del segundo paréntesis, necesitamos definir qué pasa si no es así. Primero escribe, y luego otro juego de corchetes. Entonces en estos paréntesis, necesitamos poner cuál va a ser la opacidad si la selección no es una, entonces será cero Esta capa no será visible. Entonces asegúrate de tener ese otro corchete y luego puedes hacer clic fuera de la expresión. Yo sólo voy a slo esta capa para que podamos probar si esto está funcionando este momento, el menú está puesto a pleno sol, por lo que esto es visible. Si lo cambio a sombra parcial, entonces la opacidad es cero, por lo que esta capa desaparece. Ahora solo necesito repetir esto en los otros íconos del sol. Primero, sólo voy a copiar esta expresión. Encuentre la propiedad de opacidad en el segundo icono y, a continuación, péguelas en la expresión Pero en lugar de la selección igual a uno, quiero que sea igual a dos. Entonces lo mismo en este. Pero esta vez, la selección debería ser igual a tres. Ahora vamos a comprobar si este menú está funcionando. Ahora mismo, pleno sol, ahora sombra parcial y sombra completa. A continuación, hagamos que este texto se actualice automáticamente en función de lo que es la selección del menú desplegable. Voy a entrar en la capa de texto y buscar el texto fuente y escribir una expresión. Primero, necesitamos definir una variable para la selección, y luego elegir látigo hasta el menú Después punto y coma, podemos volver a usar una declaración IL. Solo necesitaremos un extra si y si no. Va a ser si y luego entre paréntesis la selección. Igual igual. La selección es igual al número uno. Entonces entre paréntesis, necesitamos definir cuál es el texto fuente. Para ello, va a ser texto fuente de texto, y luego es igual, y luego entre comillas, podemos escribir lo que queremos que diga este texto. Va a ser pleno sol. Entonces para llegar a una nueva línea, quieres hacer barra invertida Asegúrate de que sea el de atrás, n, que llegue a una nueva línea, y luego podremos hacer más de seis horas. Entonces después de las cotizaciones, necesitas un punto y coma. Entonces después del soporte, voy a hacer otra cosa si. Estoy definiendo otra situación. Esto va a estar entre paréntesis, selección, igual igual a dos Si la selección es igual a dos, es decir, sombra parcial, entonces necesitamos definir lo que queremos que diga el texto entre paréntesis. Texto texto fuente es igual, y luego e Sombra parcial, y luego barra diagonal hacia atrás n cuatro a 6 horas. Después punto y coma Entonces después de este soporte, voy a hacer otra cosa. Dado que la selección sólo tiene tres opciones, ya definimos qué va a pasar si es una o dos. Para esta, simplemente no podemos poner nada y asumir que esa va a ser la opción tres. Voy a hacer corchetes, y entonces esto va a ser texto fuente de texto, es igual a comillas, sombra completa, barra diagonal y menos de 4 horas Después punto y coma y luego asegúrese tener ese último paréntesis ahí y luego haga clic hacia fuera. Ahora bien, si cambio la selección del menú, también debería actualizar el texto. Parece que me perdí el guión aquí, así que déjame volver y agregar eso. Trabajemos en las gotas de agua. Si la planta no necesita mucha agua, solo quiero que una de las gotitas sea total opacidad y las otras dos sean opacidad parcial Entonces si necesita un poco más de agua, entonces ambos serán de total opacidad, y el tercero simplemente será más ligero y así sucesivamente Para hacer eso, primero voy a clic derecho en el Controlador, ir a controles de expresión de efectos, y agarrar un control deslizante. Vamos a nombrar esta agua. Voy a hacer click derecho donde dice cero y escojo editar valor. Por defecto, los deslizadores van 0-100, pero solo quiero de cero a tres Voy a cambiar esto a tres y luego pegaré. Eso solo hará que el control deslizante sea más fácil trabajar con él. No necesitamos cambiar la opacidad para la primera gotita de agua porque no tengo ninguna planta que no necesite Entonces solo necesitamos entrar en la segunda y tercera gotita de agua Pulsa T en el teclado y luego empieza a escribir una expresión. Primero necesitamos una variable para ese deslizador. Entonces voy a recoger látigo hasta el deslizador, y luego punto y coma, entonces podemos usar una declaración if I y luego entre paréntesis, el agua es mayor o igual a dos Entonces quiero que la opacidad de la segunda gotita de agua sea del 100% . Y luego si no. Eso significaría que el deslizador de agua es menos de dos. Quiero que esto sea 20% de opacidad. De esa manera, sigue siendo visible, pero no a plena opacidad Así es como se ve la expresión completa. Copiemos y peguemos esto en la tercera gotita de agua. Pero esta vez, quiero poner si agua es mayor o igual a tres. Ahora bien, si ajustas el más ligero, va en cifras decimales, pero en cuanto superas dos, pero menos de tres, entonces tienes dos gotas de agua, y cuando llegues hasta tres o más que las tres van a ser de total opacidad También podrías simplemente escribir números aquí y eso podría facilitarlo. Ahora vamos a abrir el panel gráfico esencial. Le daremos un nombre a esto. Vamos a establecer la hora del cartel. Entonces necesito traer estos controladores. Voy a hacer doble clic para abrirlos en la línea de tiempo para poder arrastrarlos al panel gráfico esencial. Entonces para este texto de tamaño, solo voy a encontrar la propiedad de texto fuente y arrastrarla. Si quieres, puedes configurar controladores de color para los diferentes elementos de esta plantilla y/o tiempo de diseño responsive. Si no recuerdas cómo hacer esto, puedes volver al video de plantilla de los tercios inferiores. Lo último que hay que hacer es exportar la plantilla de motion graphics, y solo asegúrate de guardarla en esa carpeta que configuramos al inicio de clase. Cubriré cómo usar esta plantilla en premier en el video de armarla al final de clase. 12. Anima el puntero de polinizador: Empezando por esta composición que te proporcioné, primero animemos todo en Luego lo convertiremos en una plantilla personalizable donde el usuario pueda ajustar el texto y seleccionar uno de estos tres iconos diferentes para Bs, mariposas o polillas. Y el usuario también podrá mover la posición de este punto para actualizar el aspecto del puntero. Empecemos animando en el punto. Voy a golpear S en el teclado para sacar a colación la propiedad de la báscula. Iré a 15 fotogramas, estableceré la escala en 100%, y luego al inicio de la línea de tiempo, bajaré esto a cero. Animemos también el círculo escalando en. Pero si usamos la propiedad scale, en realidad va a cambiar el tamaño del peso del trazo, lo cual no quiero hacer. En lugar de hacer eso, voy a alternar abrir la capa, buscar contenido, círculo, y luego elipse ruta uno, y vamos a animar la propiedad size De esta manera, puedes dimensionarlo a la talla que quieras, pero el peso del trazo siempre se mantendrá igual. Voy a ir a 17 fotogramas porque esta capa comienza en dos fotogramas y esto durará 15 fotogramas, lo mismo que el punto, y solo voy a animar la propiedad size para que sea ese valor y luego cero al inicio de la capa Y luego te golpearé en el teclado para simplemente mostrar esos fotogramas clave Vamos a seleccionarlos golpeamos F nueve para facilitarlos, y luego entrar en el editor de grafos y simplemente hacer que estas curvas de movimiento sean un poco más interesantes. Quiero que esta animación sea más rápida al principio y luego más lenta hacia el final. Para ello, voy a hacer clic y arrastrar sobre estos manejadores aquí y luego arrastrarlos manteniendo pulsada la tecla shift hacia la izquierda. Esta será una curva más pronunciada. Eso se ve bastante bien. Ahora vamos a animar esta línea Hay dos segmentos de esta línea, esta parte, y luego la horizontal. La razón por la que estas dos líneas están separadas es porque la línea horizontal necesitará actualizarse en función del tamaño del texto. Para la conexión de línea, voy a alternar abrir la capa, hacer clic en el botón Agregar y elegir recortar trazados. Entonces abramos eso. Voy a establecer el valor final para que sea 100% a 20 fotogramas. Entonces al inicio de la capa, volveré a poner esto a cero. Ahora esa parte se animará en. Vamos a facilitar fácilmente estos fotogramas clave, entrar en el editor de gráficos, y hagamos un gráfico de aspecto similar al que hicimos en el punto Algo así. Animaré la línea horizontal de la misma manera Un atajo para hacer eso es solo copiar el pase de recorte de esta línea y luego pegarlos en esta línea. Entonces voy a abrir esto y solo ajustar los fotogramas clave. Hagamos que comience por el inicio de esta capa en los últimos 20 fotogramas. Esto es lo que tenemos hasta el momento. Animemos el texto con animadores de texto. Para el texto atrae, voy a usar un preset que es un valor predeterminado de after effects. Voy a entrar en el panel de efectos y presets. Alternar los ajustes preestablecidos de animación abiertos, ir a los ajustes preestablecidos, y luego texto, y luego animar, y estoy buscando opacidad parpadeo en y estoy buscando opacidad Asegúrese de que su cabezal de reproducción esté donde desea que se peguen los fotogramas clave y luego simplemente puede arrastrar o hacer doble clic en este efecto para Te voy a golpear en el teclado para mostrar esos fotogramas clave, y vamos a ver cómo se ve Me gusta cómo se anima esto y luego parpadea, pero no creo que necesite esta parte aquí pero no creo que necesite esta parte aquí. Eso es un poco demasiado. Sólo voy a hacer clic y arrastrar sobre todos estos fotogramas clave y eliminarlos. Eso se ve bien y sólo puedo cerrar esta capa. Entonces para el nombre del polinizador, voy a alternar abrir la capa, hacer clic en el botón de animar y Entonces voy a ajustar la posición y para que la capa quede por debajo de esa línea. Entonces voy a animar esto con el selector de rango. Pero primero, voy a entrar en avanzado, y por la forma, voy a elegir rampa arriba. Entonces voy a animar el valor de desplazamiento. Comenzando por el inicio de la línea de tiempo, voy a arrastrar este valor de desplazamiento hasta el 100 negativo de esa manera, todo el texto va a estar por debajo de la línea. Después voy a fotograma clave el desplazamiento de 100 negativos, y luego 20 fotogramas después a 100 Ahora cada letra saldrá en una cascada. En lugar de aliviar estos fotogramas clave, porque se trata de un animador de texto, voy a ajustar la facilidad alta y facilidad baja, voy a establecer cada uno de esos Nuevamente, si quieres más detalles sobre cómo funcionan los animadores de texto, eso está todo cubierto en mi clase de animadores de texto Una cosa más que hacer para este texto es hacer un tapete que el texto no sea visible cuando está por debajo de la línea. Para ello, voy a agarrar la herramienta de forma, la herramienta de rectángulo, y luego voy a hacer clic y arrastrar para crear un rectángulo. Y vamos a nombrar esto. Después voy a hacer clic en Toggle Switches modo barra diagonal para que pueda ver las opciones de alfombrilla de pista Si al hacer clic en los interruptores y modos de alternar no se muestra eso para usted, cambie estos iconos hasta que lo vea. Entonces voy a tomar el látigo de pick al lado mapa de la pista para el texto del polinizador y arrastrarlo hasta Ahora el texto sólo será visible en esa zona. Más tarde, vamos a necesitar volver a este encuentro para asegurarnos de que se está redimensionando correctamente en función del tamaño del texto. Pero por ahora, solo trabajemos en la animación. Ahora animemos los íconos B, mariposa y polilla. No te preocupes por el hecho de que estos tres íconos se superponen en este momento. En la plantilla, la vamos a hacer para que el usuario pueda seleccionar una de estas. Solo verás uno a la vez. Voy a hacer que esta animación tome alrededor de 15 fotogramas, aquí mismo, y luego voy a seleccionar las tres capas y presionar P en el teclado para que aparezca la propiedad position y haga clic en uno de los cronómetros para establecer los tres fotogramas clave a la vez, y luego iré al inicio de la línea de tiempo y solo arrastraré todos estos hacia abajo para que estén por debajo del línea. No quiero que estos iconos sean visibles cuando no están por encima de la línea. Voy a ir a mis interruptores de palanca los modos de barra para encontrar las opciones de mate de pista y luego arrastrar uno de los látigos de selección al texto mate, y de esa manera, no serán visibles debajo de la línea También vamos a seleccionar estos fotogramas clave, facilitarlos fácilmente y luego entrar en el editor de grafos y ajustar esta gráfica de manera similar a como animamos el.en el círculo Algo así. Es posible hayas notado que en esta capa de texto, el preset que aplicamos, tenía algunos fotogramas clave de retención en la propiedad de opacidad Esto solo le da un poco de parpadeo, me gusta cómo se ve eso, y creo que podría ser un poco de un tema que se aplique a otras capas Estos fotogramas clave se llaman fotogramas clave de retención y tienen forma cuadrada Lo que hacen es simplemente saltar de un valor a otro valor sin interpolación en el medio En este caso, es solo apagar y encender la capa. Voy a seleccionar estos fotogramas clave, comando C para copiarlos. Después en punto, veamos dónde están los fotogramas clave y también en el círculo. Después de que el punto se anima, voy a pegar esos fotogramas clave de opacidad Y luego lo mismo para el círculo. Esto va a dar a ambas capas solo un poco de parpadeo Ahora vamos a animar todo. Voy a mover mi cabeza de reproducción a aproximadamente 4:20, y luego voy a seleccionarlo.en el círculo y te golpearé en el teclado para Voy a animarlos al revés de la forma en que entraron Simplemente estableceré un tamaño y una propiedad de escala y luego iré al final de las capas y bajaré estas a cero. Y escalonemos estos para que terminen al final de la capa Entonces justo antes de que estos se animen, tengamos la opacidad, volvamos hacer esa cosa del parpadeo Voy a copiar y pegar estos fotogramas clave. Algo así. Animemos también las líneas de la misma manera en que entraron Voy a mostrar esos fotogramas clave, y luego estableceré otro fotograma clave para que este sea al 100%, y luego al final de la capa, lo volveré a poner a cero Y luego lo mismo para la conexión de línea, 100% abajo a cero. Para estos íconos, vamos a animarlos de nuevo hacia abajo. Sólo voy a golpearte en el teclado, luego pasemos a unas cuatro oh cinco. Voy a presionar este botón de fotograma clave para establecer un fotograma clave en el valor exacto aquí Después iré al final de la capa y luego simplemente copiaré estos primeros fotogramas clave y los pegaré al final de la capa Si estás usando una versión anterior de after effects y copiando y pegando duplicados las capas, entonces solo necesitarás copiar y estos fotogramas clave uno a y estos fotogramas clave uno a Sólo voy a golpearte en el teclado para cerrar todo y vamos a animar el texto. Voy a seleccionar el texto del nombre del polinizador y golpearte en el teclado Entonces pasemos a cerca de cuatro oh cinco y solo animemos esto a la inversa Quiero asegurarme de que el texto se esté animando antes de la línea Creo que solo necesito hacer que esto suceda un poco más rápido. Esto cambiará cuando hagamos que la línea sea sensible al tamaño del texto. Pero por ahora, esto va a ser bueno. Entonces para este texto superior, voy a alternar abrir el selector de rango y animar el valor final Comenzando por aquí, establecemos el valor final 100% y luego pasemos y pongamos esto a cero. También agreguemos un poco de parpadeo antes de que eso suceda. Sólo voy a copiar y pegar estos fotogramas clave. A lo mejor los arrastra solo un poco. Entonces algo así. Ahora que tenemos esta animación dentro y fuera, hagamos esto en una plantilla personalizable en el siguiente video 13. Puntero de polinizador de plantilla: Lo primero que hay que hacer para convertir esto en una plantilla es crear un controlador. Voy a subir a la capa, nuevo objeto nulo. Y cambiemos el nombre de este controlador. Quiero que el usuario de esta plantilla pueda seleccionar entre la mariposa B y la polilla. Vamos a configurarlo. Voy a seleccionar el controlador y luego hacer clic derecho y elegir efectos Expression Controls, y luego menú desplegable control. En el panel Controles de efectos, puede ver que esto se agrega a este menú desplegable donde puede seleccionar diferentes elementos de la lista. Eventualmente, llevaremos esto a gráficos esenciales, pero por ahora, configurémoslo para mostrar la mariposa B y la polilla en función de la selección. Voy a presionar el botón de editar. Simplemente puedes hacer doble clic sobre estos elementos para cambiarles el nombre de acuerdo a tus capas. Si necesita agregar nuevas capas, simplemente puede hacer clic en el botón Agregar o en el botón menos para eliminar capas. Entonces una vez que tengas esa configuración, dale. Ahora en este menú desplegable, tienes tus opciones personalizables. Necesitamos conectar estas opciones a estas capas. Para ello, solo voy a usar la propiedad de opacidad para activar o desactivar la opacidad en función de la selección que el usuario ha hecho aquí En el panel de controles de efectos, voy a hacer clic en este botón de bloqueo aquí mismo, lo que mantendrá visible el controlador aunque haga clic sobre otra capa. Entonces voy a hacer clic sobre la capa B y presionar T en el teclado para que aparezca la propiedad de opacidad Para activar y desactivar esta capa, base en este menú desplegable, vamos a usar una expresión Opción o voy a hacer clic en el cronómetro, y luego vamos a configurar una variable para este menú desplegable. Será V y entonces puedes ponerle el nombre que quieras. Sólo voy a nombrarlo selección. Y luego es igual, y luego tomaré el látigo de pick y lo arrastraré hasta este menú Asegúrate de que estás arrastrando justo aquí donde dice menú. Entonces eso agarrará ese menú y luego punto y coma para el final de la línea Entonces voy a hacer si y luego paréntesis. Entonces dentro de los paréntesis, voy a usar esa selección de variables Y luego dos signos iguales. Esto va a comprobar si la selección es igual a algo. Para ello, se necesitan dos signos iguales. Si es igual a uno, que va a ser lo primero en la selección, la B, entonces voy a repasar fuera de paréntesis y hacer un paréntesis y después decirle qué quiero que haga si la selección es igual a uno Lo que quiero que haga es establecer la opacidad al 100%. Sólo voy a escribir 100 y después un punto y coma. Y luego voy a flecha hacia abajo, y luego tenemos que decir qué hacer si no son 100. Para ello, pon otra cosa, y luego un soporte. Entonces si la selección no es igual a uno, es decir, se selecciona una mariposa o polilla en el menú desplegable, entonces quiero que la opacidad de esta capa sea cero Escribiré cero y punto y coma. Entonces ya debió haber llenado ese último paréntesis, así que simplemente podemos hacer click hacia fuera. Entonces sólo para que podamos ver qué está pasando. Voy a esconder la mariposa y la polilla. Se puede ver que debido a que el menú desplegable está seleccionando la B, es visible Pero si selecciono la mariposa, la B ya no es visible. Lo mismo para la polilla. Esto está funcionando, voy a darle la vuelta a la mariposa y a la polilla. Apliquemos esta expresión a esas capas. Para ahorrar algo de tiempo escribiendo, solo voy a copiar esta expresión y luego entrar en la mariposa, presionar t en el teclado, Opción, hacer clic en el cronómetro y luego pegar esa expresión en Entonces voy a volver a la expresión y simplemente cambiar el número de selección a dos. De esta manera, si la selección es dos, que es la mariposa, entonces esta capa será visible. Entonces hagamos lo mismo por la polilla. Esta vez, si esta selección es igual a tres, entonces esta capa será visible. Ahora vamos a probar para asegurarnos de que esto está funcionando. La selección está en B y eso está funcionando. Ahora mostrando la mariposa, y ahora mostrando la polilla. Ahora vamos a configurar esto en el panel gráfico esencial. Sólo voy a cerrar todas estas capas golpeando dos veces u y el teclado, y luego voy a ir en un área vacía y elegir gráficos abiertos y esenciales. Vamos a nombrar esto. Vamos a establecer la hora del cartel. También se me olvidó nombrar el control del menú desplegable. Yo sólo voy a dar vuelta y ponerle un nombre a esto. Ahora necesitamos arrastrar este menú al panel gráfico esencial, pero en realidad no puedes arrastrar cosas desde el panel de controles de efectos al panel de gráficos central E. Tenemos que abrir esto en la línea de tiempo. Una manera fácil de hacerlo es simplemente hacer doble clic en él y eso lo abrirá en la línea de tiempo. Después desde la línea de tiempo, seleccione junto a donde dice menú. Puedes arrastrar esto al panel gráfico esencial, y todo debería seguir funcionando. A continuación, hagamos que el texto del polinizador sea personalizable. Voy a alternar en la capa, bajar al texto y luego simplemente arrastrar el texto fuente al panel gráfico esencial, y voy a nombrar este nombre de polinizador Ahora hagamos que esta línea horizontal se actualice automáticamente en función del tamaño del texto. Voy a cerrar la capa de texto, y luego voy a usar este controlador para otro uso además de simplemente agregar estos controladores de expresión a. Voy a usar su posición. Vamos a posicionarlo en el punto de esta línea. Justo por ahí. De esa manera podemos agarrar la posición izquierda De la línea agarrando la posición del controlador Entonces podemos simplemente agregar cualquier longitud que necesitemos en función de la longitud del texto. Todo esto tendrá más sentido cuando realmente escribamos la expresión. Hagámoslo a continuación. Voy a entrar en la línea horizontal, alternar abierto hasta que encuentres camino. Entonces también vamos a necesitar la posición del controlador y la posición de esta capa de texto. Sólo voy a abrirlos en la línea de tiempo para poder verlos. También voy a traer mi línea de tiempo para que tengamos un poco más de espacio para trabajar. Entonces opción o voy a hacer clic en el cronómetro para comenzar a escribir una expresión Primero, necesitamos definir algunas variables. Necesitamos saber qué capa estamos viendo para obtener el tamaño, así que esa va a ser la capa de texto. Voy a agarrar el látigo de la púa y simplemente lo arrastraré hasta esta capa de texto, y luego semicoln Entonces necesitamos conocer la posición de las capas de texto. Una manera fácil de obtener esta posición es solo recoger látigo hasta la propiedad de posición aquí, y luego punto y coma Necesitamos saber el tamaño de la capa de texto, así que el tamaño del texto tiene sentido. Entonces podemos usar esa capa de texto variable. Luego punto y luego usaremos la función source ect en el momento, que hemos usado antes. Esta es una función que obtiene información sobre el tamaño de una capa. Fuente ect a la vez, y luego no necesitamos poner nada entre paréntesis porque los valores predeterminados están bien y luego flecha sobre punto porque necesitamos el ancho de esa capa de texto Después otra variable para la posición más izquierda de esta línea, y esa va a ser la posición del controlador , y luego punto y coma Entonces necesitamos crear dos puntos para el inicio y el final de nuestra línea, y luego podemos usar una función para trazar una línea entre esos dos puntos. Para hacer esos puntos, en realidad son una variable, así que solo podemos llamar a esto puntos. Esta va a ser una lista de valores, por lo que necesitamos definirlos entre paréntesis. El primer punto va a ser el punto más a la izquierda donde está el controlador, así que vamos a simplemente usar esa posición izquierda que ya hemos definido. Y luego poner una coma entre puntos. Para el siguiente punto, necesitamos definir el valor x e y por separado. Para el punto de posición izquierdo, esto incluye tanto las coordenadas x como y, por lo que no necesitamos especificar. Podemos simplemente poner en esa variable. Pero para este, necesitamos usar corchetes y luego definir x e y con una coma entre medias Primero, necesitamos la posición del texto. Esta variable de posición de texto obtiene el valor x e y. Necesitamos especificar que solo queremos el valor x. Para ello, pones corchetes con un cero en el medio. Uno es para y, cero es para x Luego agreguemos a eso el tamaño del texto. Esa será la coordenada x y luego pondremos una coma y luego definamos y Podemos usar las posiciones izquierdas y coordenada porque esta va a ser una línea horizontal plana. Podemos usar las posiciones izquierdas y coordenada porque esta va a ser una línea horizontal plana Yo solo voy a hacer posición izquierda y luego corchetes y especificar que queremos el valor y. Entonces voy a flechazar sobre una semicolna. Entonces usemos una función llamada create path. Primero, esta función quiere saber cuáles son los puntos para crear esta ruta, así que usaré nuestra variable de puntos. A continuación, quiero conocer las tangentes de esos diferentes puntos, pero no necesitamos tangentes porque esto es sólo una línea plana Sólo vamos a poner corchetes vacíos para las tangentes y hay tangentes de entrada y salida. Necesitas dos juegos de soportes. Lo último que esta función quiere saber es si se trata o no de una forma cerrada. Ya que esto es sólo una línea, no es una forma cerrada, así que vamos a poner falso. Ahora bien, si da click fuera de la expresión ahora, la línea no aparece donde debería estar. Si me alejo, en realidad está muy abajo. El motivo de eso es porque me salto algo que es realmente importante para el posicionamiento de esta línea, pero es la parte más confusa de esto, así que quería guardarla para el final. Lo que es eso es que hay dos espacios diferentes para el posicionamiento en los efectos posteriores. Ahí está el espacio comp y luego está el espacio de capa. puede pensar en ello como relativo a la composición y relativo a la capa. Necesitamos tomar la posición del texto y la posición izquierda y tomar esto del espacio comp al espacio de capa para que esta línea esté en el lugar correcto. Para ello, haga clic de nuevo en la expresión. Y luego junto a la posición del texto, vamos a escribir desde comp. Entonces eso va a poner dos paréntesis, pero necesitamos que todo este texto esté entre paréntesis Yo solo voy a borrar ese segundo y moverlo hasta el final aquí, y luego lo mismo para la posición izquierda de comp, y luego mover esos paréntesis al final de este texto Ahora bien, si haces click out, la línea debe estar en la posición correcta. Ahora bien, si entro y cambio lo que dice el texto, para hacerlo más corto, la línea se está actualizando, o si agrego más texto, la línea también se actualiza. Pero puedes ver que algunas de estas letras que acabo de agregar se están cortando y eso es porque esta capa de tapete no se está actualizando en función del tamaño del texto. Entremos y arreglemos eso. Primero, voy a copiar algunas variables de la expresión en la línea. Sólo voy a copiar estas tres primeras variables para guardarme algo de mecanografía. Entonces entremos al monte y abramos hasta que encuentres la propiedad de tamaño. Entonces opción, voy a hacer clic en el cronómetro y pegar en esas variables Entonces voy a definir x. Esta va a ser la posición del texto. Pero esta variable de posición de texto obtiene las posiciones x e y. Tenemos que especificar que solo necesitamos la posición x, así que entre paréntesis, cero. Entonces agreguemos a eso el tamaño del texto. Entonces vas a querer un poco de relleno extra solo para que la caja no termine justo donde termina el tex, eso podría hacer que algo se vea un poco cortado. Sólo voy a agregar más 20 solo por un poco de relleno extra. Entonces definamos y. Para esto, podemos simplemente recoger látigo hasta el valor y, luego, semicon, y luego entre paréntesis, solo definir x e y. Eso es cambiar el tamaño de la caja, pero también estropeó Sólo voy a arrastrarlo por donde lo tenía, pero todavía no está recibiendo la longitud completa del texto. Eso es por la forma en que los rectángulos cambian de tamaño. Si deshabilito esta expresión y luego desconstriño, puede ver que al cambiar el tamaño de esta caja, se mide desde el medio, sin importar dónde esté el punto de anclaje en la capa Para arreglar esto, puedes escribir una expresión en esta propiedad de posición, la que está justo debajo del tamaño que compensará esto. Opción, voy a hacer clic en el cronómetro, y luego vamos a definir x, y ese solo va a ser el tamaño x, y luego y. y recoger con hasta el tamaño y Entonces entre paréntesis, voy a hacer x dividido por dos porque solo quiero la mitad de eso para que cambie de tamaño desde el lado izquierdo, y entonces y luego y va a ser negativo y dividido por dos, porque quiero que se dimensione desde la esquina inferior izquierda. Eso va a mover de nuevo la posición de la caja. Podemos simplemente moverlo de nuevo a su lugar. Si te molesta que el punto de anclaje esté por aquí, puedes moverlo de nuevo a su lugar, y ahora el cuadro está redimensionando ajuste a la longitud del texto Ahora si agrego a este texto, la línea y el tapete están actualizando el tamaño. Lo mismo si yo fuera a hacer el texto más pequeño. Quiero que el usuario de esta plantilla pueda ajustar la posición de este punto para señalar diferentes cosas en el video. Para ello, voy a encontrar la propiedad de posición de este punto y simplemente arrástrela hasta el panel gráfico esencial. Vamos a nombrar esta posición de punto. Quiero que este círculo siga el punto, así que voy a padre el círculo al punto. Ahora se puede ajustar la posición de los puntos, pero esta línea necesita permanecer conectada entre el punto y la línea horizontal. Para ello, podemos escribir una expresión en la propiedad path de esta línea. Vamos a necesitar configurar algunas variables y una de ellas va a ser la posición del controlador, y la otra es la posición del punto. Voy a entrar en la conexión de línea y encontrar la propiedad path. Entonces comencemos a escribir la expresión y configuremos algunas variables. Posición izquierda, igual que usábamos antes va a ser la posición de este controlador. Y luego otra variable para la posición del punto, y esta va a ser igual a esta posición de puntos. Entonces necesitamos crear una variable para los puntos en esta línea y definirlos entre paréntesis porque esta es una lista de valores. Va a ser la posición izquierda, y luego la posición del punto. Y luego punto y coma después de esos corchetes, y luego podremos usar nuevamente la función create path Primero, necesitamos definir los puntos. Entonces quiere las tangentes, pero no tenemos ninguna porque es solo una línea recta, corchetes vacíos, dos juegos de ellos, y esta no es una forma cerrada, así que podemos poner false para eso, y luego simplemente hacer click out Ahora estamos teniendo ese mismo problema que teníamos antes de que la línea no está exactamente donde esperarías que estuviera. Eso es por esa cosa de espacio comp versus espacio de capa. Tenemos que volver aquí, y esto va a ser de Cp y luego mover este paréntesis hasta el final Entonces otra vez, desde Cp, mueve este paréntesis hasta el final, y asegúrate de tener el punto y coma al final de la línea Y ahora esa línea está en la posición correcta. Sé que el espacio comp y el espacio de capas pueden ser confusos. Si alguna vez no está seguro de si necesita cambiar de uno a otro mediante el uso de la función de comp o dos comp Lo que puedes hacer es justo lo que acabo de hacer ahí mismo, es no hacer nada al principio, ver qué pasa y luego volver a entrar y tratar de agregar desde comp o dos comp y ver si eso ayuda. Ahora, una cosa más exigente de liendres que quiero hacer es que esta línea llegue hasta el punto, pero en mi diseño, quería esta línea solo llegara a ese círculo Para arreglar esto en lugar de intentar actualizar la expresión o algo así, eso podría ser bastante complicado. Sólo voy a duplicar este círculo. Abre por debajo del contenido y luego haz un círculo. Puedo ver que esto solo tiene un derrame cerebral. Voy a hacer clic en el botón Anuncio y añadir un relleno. Se va a añadir probablemente un relleno rojo. No importa de qué color. Entonces voy a renombrar este monte. Entonces voy a hacer clic en interruptores de palanca y modos, y luego tomar la conexión de línea y hacer que el tapete este círculo. Eso va a hacer que la línea sólo sea visible dentro del círculo y quiero lo contrario. Sólo voy a hacer clic en este botón para invertir el tapete. De esa manera, sólo será visible fuera del círculo. Solo comprobemos que esto sigue funcionando. Podemos actualizar la posición de los puntos y todo se ve bien. Si quieres, puedes configurar controladores de color para los diferentes elementos de esta plantilla y/o tiempo de diseño responsive. Si no recuerdas cómo hacer esto, puedes volver al video de plantilla de los tercios inferiores. Lo último que hay que hacer es exportar la plantilla de motion graphics. Como siempre, asegúrate de guardarlo en esa carpeta que configuramos al inicio de clase. Cubriré cómo usar esta plantilla en estreno en el video de armarla al final de clase. 14. Unamos todo: Ahora que hemos creado cinco plantillas de gráficos en movimiento diferentes, usémoslas en un proyecto de video. Ojalá, hayas estado guardando el punto Mgart en una carpeta de tu computadora y configuraste el estreno para ver esa carpeta en busca de nuevas plantillas agregadas Si no lo has configurado , vuelve al video de la plantilla de la tarjeta de título para aprender cómo hacerlo. Si ya has hecho todo eso, todo tu mogrit debería aparecer en el panel Plantillas de gráficos en estreno Voy a continuar con este archivo de proyecto de estreno que inicié en el video de plantilla de tarjeta de título. Desde entonces, he importado los videos de flores que voy a necesitar. Voy a eliminar estas dos tarjetas de título y luego simplemente arrastrar mis videos de flores. Algunos de estos fueron filmados en cuatro K, así que tengo un poco de espacio extra para trabajar. Así que voy a pasar y cambiar el tamaño estos para conseguir el aspecto que me gusta Ahora agreguemos las plantillas de Motion Graphics. Entonces voy a arrastrar en la tarjeta del título. Y quiero que entre la tarjeta del título , empezando por el negro. Entonces no quiero que el video esté ahí, así que voy a seleccionar todos los videos y simplemente arrastrarlos hacia atrás. Entonces comenzaré con una pantalla negra y luego jugaré la carta del título y luego revelaré ese video detrás de ella. Ahora vamos a arrastrar en el tercio inferior. Quiero cambiar lo que dice el texto, voy a pasar al panel Propiedades y hacer esos cambios. Voy a dejar todo el blanco blanco, pero para el color del texto inferior aquí, quiero tomar un verde oscuro del video. Voy a agarrar el cuentagotas y luego solo muestra del video También quiero mover este tercio inferior, así que en realidad no es el tercio inferior. Es más un tercio superior en esta área porque este es solo un mejor espacio donde podríamos leer el texto un poco más fácilmente. En el panel de propiedades o también en los controles de efectos, puedes mover la plantilla, solo asegúrate de que esté seleccionada, y luego puedes usar los controladores de posición para arrastrarla hacia arriba. Entonces eso se ve bien. Luego pasemos al siguiente videoclip, volvamos a Plantillas de gráficos y agreguemos la superposición de tiempo de floración. Vamos a mover esto a esta esquina. Con él seleccionado, voy a ir a propiedades y solo usar estos controladores de posición para moverlo. Entonces me voy a asegurar de ir a la mitad del clip así que esto ya está animado en y luego solo ajustar estos controles deslizantes para ajustar los tiempos de floración Y luego avanzando, volvamos a Plantillas Gráficas y agreguemos los datos de la planta Quiero que las grasas vegetales estén a la derecha, y quiero voltear el video para que esta zona abierta de aquí esté a la derecha. Entonces para hacer eso, voy a entrar en efectos. Y luego solo busca flip, y luego voy a arrastrar este efecto de flip horizontal a este videoclip, y luego puedo reposicionarlo un poco, y luego también seleccionar la plantilla y mover esto Y luego con la plantilla seleccionada, puedes ajustar los parámetros que configuraste en after effects en controles de efectos o en el panel de propiedades. Entonces esto va a ser pleno sol, y entonces una gotita de agua es buena, y luego voy a ajustar el tamaño del texto Y ahora para el último clip, agreguemos el puntero del polinizador Voy a ir a propiedades y puedes cambiar el polinizador Esto es en realidad una B y luego voy a cambiar el texto. En realidad no sé si eso es exacto, y luego movamos esto a su lugar. Ahora vamos a mover este puntero. Configuré esa parte después del efecto para poder usar este controlador de posición para mover el puntero. Algo así se ve bien. Ahora bien, si me alejo, tenemos todos los clips aquí y puedes revisarlos y tal vez recortar algunos de los videoclips para que no sean tan largos. Y luego no quiero este audio que vaya con el videoclip, así que voy a seleccionar todos los clips, hacer clic derecho y luego ir a Desvincular, y luego solo puedo eliminar el audio Si configuras el tiempo de diseño responsive en tus plantillas en After effects, que es el área azul al principio y al final de la composición que ves aquí, entonces en premiere, puedes actualizar la longitud de esta plantilla, y la animación se actualizará automáticamente. Entonces, si solo arrastro esto para que sea más corto, ahora solo va a animarse un poco antes Así que se anima en y luego se anima hacia fuera justo antes del final del clip Lo mismo funciona si quisieras alargar el clip. A partir de aquí, siéntete libre de agregar cualquier otra cosa que te guste, incluida la música. Si quieres compartir tu plantilla de motion graphic con otros, necesitas compartir el punto MogaTfle. Puedes encontrar ese MogaTfle donde quiera que lo guardaras cuando estabas ahorrando de Entonces el mío se guarda bajo Adobe Premiere Pro, y luego la última versión, y la guardé en esta subcarpeta Entonces estos son los archivos de MogRat que necesito compartir con alguien Para que alguien más instale tus plantillas de motion graphic, solo necesita encontrar un lugar en su computadora para almacenarlas. Y luego en estreno, tendrían que ir al panel Plantillas de Gráficos. Nuevamente, esto solía llamarse Essential Graphics en caso de que estén en una versión anterior, y luego tendrían que presionar el botón más para encontrar la carpeta en su computadora donde guardan tu plantilla y luego presionar Elegir. 15. Qué sigue: S. Si has seguido y has llegado hasta aquí, has logrado mucho. Espero que se sienta mucho más cómodo en los efectos posteriores y esté emocionado de trabajar de manera más eficiente haciendo plantillas para todas sus necesidades de gráficos en movimiento. Me encantaría ver lo que se te ha ocurrido. Entonces, ya sea que hayas creado algo único o recreado mis ejemplos de clase, por favor publica un proyecto de clase Si hay algo en particular sobre lo que quieras recibir comentarios, por favor incluye una nota para avisarme. Para seguir aprendiendo, echa un vistazo a las otras clases que estoy impartiendo. Si te gusta esta clase, también te pueden gustar estas. Y asegúrate de seguirme en Skillshare, Instagram, y suscríbete a mi boletín de correo electrónico para saber cuándo tengo una nueva clase para ti Muchas gracias por ver y contar la próxima vez feliz Animando.