Animación de logotipos prémium en Adobe After Effects

1. Introducción a la animación de logos: Prepárate para llevar tu carrera creativa al siguiente nivel con la animación de logotipos. Hola, soy Valerie. Soy un diseñador de movimiento profesional e instructor en el mejor software para motion graphics, Adobe After Effects. Después de compartir algún contenido valioso en las redes sociales durante años y dejar caer tres cursos exitosos, estoy súper emocionado de presentar mi curso más grande hasta ahora. En este curso, vas a crear cinco tipos diferentes de animaciones de logotipos premium y aprender gráficos en movimiento la manera más divertida y eficiente posible. Todo mientras explora Adobe After Effects. Vas a aprender los pasos que tienes que dar antes de animar un logo Cómo preparar tu logo para la animación, agregarle nuevos gráficos, hacer que funcione con tus videos e imágenes y mucho más. Comenzarás con animaciones fáciles y luego pasarás a otras más complicadas. Después de cada lección, obtendrás una divertida tarea para practicar lo que has aprendido. Al final del curso, tendrás la confianza para crear cinco tipos diferentes de animaciones de logotipos. No te preocupes si eres novato o recién comienzas con efectos posteriores Voy a explicar todas las funciones y conceptos importantes de los efectos posteriores de la manera más sencilla. Si quieres entrar en eso y aprender más. Tengo una guía gratuita para principiantes donde puedes encontrar explicaciones detalladas sobre los temas más importantes de los efectos posteriores. Encima de todo, para darte la mejor experiencia de aprendizaje, recibirás una notificación clara sobre cuándo trabajar conmigo y cuándo simplemente escuchar sin tocar la computadora. También recibirás preguntas a mitad de lecciones para ayudarte a memorizar mejor las lecciones Incluso te diré que quieres tomarte un descanso de 10 minutos y la guinda del discurso es expresado por una locución profesional en inglés súper simple Incluso si el inglés no es tu idioma nativo como el mío, entenderás fácilmente las lecciones. Así que prepárate para una experiencia de aprendizaje divertida, atractiva y rica con la animación de logotipos. 2. Qué es la animación de logos: Hola, ¿qué es exactamente animación de logotipos y por qué debería importarla? animación del logotipo se refiere al proceso de dar vida a un logotipo estático a través gráficos en movimiento y técnicas de animación. Con la ayuda de participar en animaciones dinámicas, podemos mejorar el impacto y el atractivo visual de un logotipo. animación de logotipos puede ser simple o La animación de logotipos puede ser simple o compleja dependiendo de las necesidades del cliente, efecto deseado y la complejidad del diseño del logotipo. Aquí hay algunas razones por las que aprender a crear animaciones de logotipos puede ser beneficioso para usted y su cliente. Al ofrecer servicios de animación de logotipos, los diseñadores pueden brindar un servicio más completo y valioso a sus clientes. Mayor satisfacción del cliente y mayores salarios. Además, una animación de logotipo bien elaborada puede ayudar a elevar la imagen de una marca y crear una identidad visual memorable y atractiva. Esto puede ayudar a aumentar el reconocimiento de marca y la lealtad de los clientes en general. Saber cómo crear animaciones geniales de logotipos puede ayudar a gente creativa como tú, destacar entre la multitud, impulsar tus habilidades tecnológicas y hacer que tus clientes sean súper felices Bien, basta con la plática. Empecemos. 3. Instalación de Adobe After Effects: Hola ahí. Antes de sumergirnos en la animación de logotipos y después de los efectos, no olvides descargar la carpeta principal del curso con todos los materiales necesarios De esa manera podrás seguirme a lo largo de las lecciones. A continuación, hablemos de configurar Adobe After Effects. Se trata de un programa hecho por Adobe, la compañía que crea algunas de las plataformas más geniales para creadores que existen Si aún no tienes una suscripción a Adobe, no te preocupes. Consulte el archivo PDF y la carpeta principal para obtener un enlace a una prueba gratuita. Regístrese para la prueba y diríjase a la sección de aplicaciones para instalar After Effects. Después de instalar After Effects, dirígete a las aplicaciones de ilustración e instala Adobe Illustrator también. Pronto hablaremos sobre este software y por qué lo necesitamos mientras nos ocupamos de la animación de logotipos. Ahora, si ya tienes una suscripción a Adobe, simplemente inicia sesión en tu cuenta en el sitio web o en la versión de escritorio, dirígete a la sección de aplicaciones e instala After Effects Desde ahí. Al instalar el software, asegúrate de incluir el cine para enchufar, porque lo vamos a usar en el curso. Asegúrate de instalar Illustrator también, si no lo tienes ya. 4. Logo #1 - Animar un logotipo para una marca de ropa deportiva: Hola a todos. En esta lección, vamos a crear una animación de logotipo súper genial para una marca de ropa deportiva femenina compuesta llamada Athena Estaremos haciendo cinco escenas animadas diferentes y luego conectándolas entre sí. Hay mucho que cubrir, así que no perdamos el tiempo y saltemos de inmediato. 5. Introducción a Adobe After Effects: Hola, y bienvenidos a nuestra primera lección. Cuando trabajamos en un proyecto después de los efectos, necesitamos trabajar muy organizados para prevenir problemas en el futuro. La mejor manera de trabajar en un proyecto de animación es crear carpetas organizadas en nuestra computadora. Encuentra un buen lugar en tu computadora donde quieras crear la carpeta principal para el curso. Genial. Ahora, después de encontrar un buen lugar, crea una nueva carpeta. Vamos a nombrar esta carpeta D I M, guión bajo animación logo. Si estás usando Windows, puedes escribir, hacer clic en la carpeta y seleccionar Pin dos. Acceso rápido. Esto facilitará el acceso a esta carpeta en el futuro. Ahora vamos a entrar en la carpeta que acabamos crear y crear cuatro subcarpetas más El primero es donde guardaremos todos nuestros archivos de after effects. El segundo es renders o muestras. En esta carpeta, conservaremos todos los renders y pruebas de proyectos. Ahora necesitamos crear dos carpetas más. Uno se llama Assets, donde almacenaremos todos los activos gráficos relacionados con este proyecto. El segundo es AI, donde guardaremos todos los archivos de Adobe Illustrator. En nuestro caso, estos son los diseños de logotipos para este proyecto. Como ya preparé las carpetas para este curso, en lugar de crear estas carpetas, vamos a entrar en la carpeta principal del curso que me descargaste. Ábrela y copia estas dos carpetas de ahí. Ahora pegarlos en la carpeta que acabamos de crear. Ahora instalemos las fuentes que usaremos en este curso. Para ello, abra la carpeta assets. No te preocupes si ves más archivos aquí que en la grabación de la lección ahora mismo. Los agregaré más tarde. Por ahora, solo abre la carpeta de fuentes. Te voy a mostrar cómo instalar fuentes tanto para usuarios de Windows como de Mac. Empecemos con esta fuente llamada Montserrat. Abra la carpeta y vaya a la carpeta estática para usuarios de Windows. Seleccione todos los archivos, haga clic derecho, haga clic en Mostrar más opciones. Si no ves todas las acciones y eliges instalar para todos los usuarios o instalar. Esta fuente ya está instalada en mi computadora, así que no la volveré a instalar para usuarios de Mac con buscador seleccionado, haga clic en Ir. Ahora haga clic en Ir a Carpeta y escriba esta línea. Luego presiona Enter. Esto te llevará a la carpeta de fuentes instalada en tu sistema. Ahora, copie todas las fuentes de la carpeta del curso a la carpeta de fuentes del sistema. Bien. Ahora volvamos a la carpeta de fuentes e instalemos otra fuente llamada Ezra Una vez que estés en la carpeta, ingresa la carpeta OTF y selecciona todos los archivos Haga clic derecho y elija instalar para todos los usuarios o instalar. La última fuente que utilizará en este curso se llama belly, y solo está disponible en el sitio web de fuentes de Adobe. Vamos allí e instalémoslo. Encuentra el enlace a la fuente en la descripción de este video. Si no tienes una suscripción a Adobe Fonts, está totalmente bien. Te diré qué tipo de letra usa en su lugar más adelante en este curso. No te preocupes, ya no tienes que instalar esta fuente. Para aquellos que tienen una suscripción a Adobe primero, asegúrate de iniciar sesión, luego simplemente haz clic en una familia y pulsa Bien. Bien, Después de instalar todas las fuentes, volvamos a la carpeta principal y abramos la carpeta AI. Aquí es donde encontraremos todos nuestros diseños de logotipos en archivos de Illustrator. Empecemos con el primer logo. Vamos a abrirlo para ver cómo se hace en Illustrator. Ahora, para que sea más fácil para todos ver la misma disposición de paneles, vaya a Windows, luego a Workspace y seleccione Automatización. Impresionante, así que este es un logo que diseñé específicamente para el curso. Imaginemos que este logo está destinado a una empresa de ropa deportiva femenina Como puedes ver, este logo consta de múltiples capas. Tenemos este triángulo, una capa de fondo, una letra mayúscula A, y las letras del nombre del logotipo cada una separada en su propia capa, lo que nos será muy útil en la parte de animación. Cada vez que diseñas un logotipo, es mejor intentar construirlo de esta manera con todas las letras separadas. Bien, una vez que hayamos visto el diseño del logotipo, es muy importante planificar la animación que deseamos crear. Para ello, podemos esbozar un plan de desarrollo rápido para la animación. Es decir, crear un storyboard corto para ver cómo debería quedar el storyboard Naveguemos hasta la carpeta assets e ingresemos las ideas para la carpeta de animaciones de logotipos. Ahora abre el storyboard para este logo y echemos un vistazo al boceto que hice para este Hacer un boceto antes de animar un logotipo y después de los efectos es súper importante Te ayuda a ver y planificar el diseño general y el movimiento de la animación del logotipo. De esta manera puedes decidir el momento, movimiento y el diseño general de la animación del logotipo. También ayuda a tu cliente a ver el resultado final. Y haz cambios antes de empezar a animar. Esto puede ahorrarle tiempo y esfuerzo a la larga. En nuestro caso, creo que agregar la silueta de Atenea de mitología griega sería una idea genial para nuestra marca de ropa deportiva femenina Ella representa los valores de empoderar a las mujeres y podría simbolizar de qué se trata nuestra marca Por lo tanto, quiero que la silueta de los guerreros sea lo primero en la escena seguida de la marca. Bien, espero que entiendas el concepto de cómo debería quedar un story board. No tiene que ser dibujado al más alto nivel de detalle. Basta con presentar tu idea en un boceto antes de pasar a la etapa de animación. Una vez que estés satisfecho con la planeación y el cliente haya aprobado el boceto, es el momento de comenzar la etapa de animación. Espero que estés listo porque esta lección va a ser increíble. Cerremos el storyboard y abramos después de los efectos juntos. La primera pantalla que verás es la ventana de inicio aquí. Puedes abrir un proyecto reciente de after effects en el que hayas estado trabajando o crear uno nuevo. Pero déjame mostrarte la forma más común iniciar un nuevo proyecto. Cerremos esta ventana por ahora. Ahora para que todos veamos los mismos paneles, ponlo. Vamos a hacer clic en Default aquí. Ahora como en cualquier programa de edición, necesitamos abrir un nuevo archivo para hacer esto. En los efectos posteriores, necesitamos crear una nueva composición. Demos clic en Nueva composición y definamos los ajustes para nuestra primera composición. Es importante tener en cuenta que podemos cambiar fácilmente todos estos ajustes en cualquier etapa de la animación en el futuro. Bien, así que lo primero que tenemos que hacer es darle un nombre. Llamemos a nuestra primera composición logo Animación. Uno. Genial. Lo siguiente que tenemos que hacer es establecer las dimensiones para nuestra primera composición. Estas son las dimensiones del ancho y alto de la composición que creamos, que será el tamaño del video final Al final, Diferentes casos requieren diferentes resoluciones. Como se muestra en los ejemplos. Un feed regular de Instagram requería que las publicaciones tuvieran 1080 píxeles de ancho por 1080 píxeles de alto. Pero el nuevo feed requiere una altura de 1,350 píxeles. Para los carretes de historias y los videos de Tiktok, el tamaño debe ser de 1080 píxeles de ancho y 1920 píxeles de alto Para los videos de Youtube, lo mejor es usar una resolución de 1080 píxeles de alto y 1920 píxeles de ancho, que es un formato full HD. Si quieres hacer un video de cuatro K, necesitarás usar resolución Full HD multiplicada por dos. Esta vez trabajaremos en formato Full HD, que es de 1,920 píxeles de ancho y 1080 píxeles de alto A continuación, elegiremos el número de fotogramas para nuestra animación. ¿Cuál es la velocidad de fotogramas en el mundo del video y la animación? velocidad de fotogramas se refiere al número de fotogramas individuales o imágenes que se muestran por segundo para crear la ilusión de movimiento. La velocidad de fotogramas se mide en fotogramas por segundo, FPS. Cuanto mayor sea la velocidad de fotogramas, más suave aparecerá el movimiento. videos y películas más comunes usan una velocidad de fotogramas de 24, 25 o 30 fotogramas por segundo. Pero si quieres crear una animación para una app o un sitio web, es mejor trabajar en 60 fotogramas por segundo. Cuando trabajas con software de edición de video como after effects, tienes la flexibilidad de elegir la velocidad de fotogramas para tu proyecto. Es importante tener en cuenta que la velocidad de fotogramas puede afectar el tamaño del archivo final. Además, las velocidades de fotogramas más altas requieren más espacio de almacenamiento y potencia, lo que puede ralentizar su flujo de trabajo. En nuestro caso, lo pondremos en 30. Pasando aquí elegiremos la duración de nuestra composición. Los primeros números aquí representan la cantidad de horas. El segundo son los minutos. Este es por segundos. El último son los marcos solitarios. 30 segundos serán suficientes. Esta vez, podemos eliminar el último fotograma. Por último, escojamos el color de fondo de la composición. Vamos a configurarlo para que sea negro. Para concluir las cosas, hagamos clic en bien, aquí y aquí. Gran trabajo. Acabas de crear tu primera composición. Ahora quiero hablar la interfaz del programa muy rápido. Y mostrarte alrededor de los paneles para que puedas hacerte una buena idea de cómo funciona este programa. Puede parecer que hay muchos botones y funciones, pero no te preocupes, te lo explicaré todo de una manera que no te haga girar la cabeza. Bien, entonces lo primero es lo primero, estos son los paneles activos y el software. Empecemos a hablar de esta área aquí llamada panel de proyectos. En este panel, vamos a importar todos los activos que usaremos en este proyecto, como imágenes, archivos de sonido, videos, etcétera Ahora pasemos al panel Capas, donde arrastramos los activos desde el panel de proyectos. O crear nuevas capas como formas básicas, texto, capas, efectos, etcétera Ahora pasemos al panel junto al de capas llamado panel de composición. Este panel nos muestra nuestra línea de tiempo en la que navegamos usando el indicador de tiempo. Aquí tenemos la capacidad de mover capas a tiempo para programar entre ellas. También veremos aquí los fotogramas clave que crearemos más adelante para nuestras capas, esos fotogramas clave que hacen que nuestras capas se muevan Todo lo que hagamos en estos dos paneles se mostrará en el panel de vista previa. Aquí es donde veremos cómo se verán nuestras capas para el espectador. Estos tres paneles funcionan todos juntos. A continuación tenemos el panel principal de la barra de herramientas. El panel principal de la barra de herramientas de After Effects es un conjunto de herramientas y funciones que se utilizan para crear, editar y administrar elementos visuales dentro de su proyecto. Incluye herramientas para seleccionar, mover, transformar, dibujar formas, crear texto y más. Bien, ahora hablemos del panel final conocido como el área Workflow. Esta sección contiene diversas funciones y paneles para ayudarnos a trabajar en el proyecto. Podemos acceder a una ventana para ver la lista de efectos, elegir la fuente que queremos usar y muchas otras utilidades útiles. Impresionante. Ahora que conoces tu camino alrededor de los paneles, quiero hacer algunas notas importantes. Y darte algunos consejos importantes a tener en cuenta mientras trabajas con los efectos posteriores. Si ves la pantalla de vista previa así, no te preocupes, probablemente sea porque tu tecla de bloqueo de mayúsculas está encendida. Simplemente apágalo y todo debería volver a la normalidad. A continuación, cuando estés trabajando en un proyecto, en after effects, asegúrate cambiar el idioma de tu computadora al inglés. De esta manera, todos los atajos que usemos funcionarán correctamente. Si no ve el color de fondo, simplemente haga clic aquí. Si ve los números aquí de manera diferente a la mía, asegúrese de alejar el panel de la línea de tiempo. Ahora puedes pasar el mouse aquí, mantener presionada la tecla de control o una tecla de comando, y hacer clic en los números aquí Estos números representan la duración de nuestra línea de tiempo de composición. Lo podemos ver en fotogramas o en segundos. Entonces, si ves la pantalla de vista previa más pequeña o más grande que la mía, simplemente haz clic aquí y selecciona Ajustar. Por último, haz clic aquí y cambia la calidad de vista previa aquí a completa. Bien, ahora hagamos algunos cambios en las preferencias del software para que nuestro flujo de trabajo sea más fluido, simplemente diríjase a Editar y vaya a Preferencias. Usuarios de Mac, pueden acceder a las preferencias de esta manera. Bien, ahora hagamos clic en General y comencemos a ajustar las preferencias del software. Ahora establece todos los ajustes tal como lo hice yo. Puedes pausar el video si necesitas más tiempo y continuar cuando termines. Por ahora, estoy pasando a la siguiente columna, cuadrícula y guías. Cambia tu configuración para que coincida con la mía. Bien, pasando a la sección de guardado automático. En la sección de guardado automático, podemos elegir la frecuencia con la que el software debe guardar nuestro proyecto automáticamente Básicamente, esta función guarda tu trabajo automáticamente. A ciertos intervalos, no pierdes ningún progreso. Si el programa falla o sucede algo loco, normalmente lo tengo configurado para ahorrar cada 5 minutos, pero puedes elegir cualquier marco de tiempo que funcione para ti. A continuación en la sección de memoria y rendimiento, podemos comprobar la cantidad de Ram que tiene nuestra computadora. Podría ser 16, 32, o incluso más de 61. Si quieres que los efectos posteriores se ejecuten más rápido, puedes darle más memoria y usar el resto para otras cosas como navegar por la web o ejecutar otros programas. Para que esto suceda, debes quitarle algo de memoria a tu computadora. Si tienes 16 gigabytes, puedes cambiar este número a seis o incluso cuatro La idea principal aquí es bajar la potencia que le das a otras aplicaciones, y por ello permitir que los efectos posteriores utilicen el resto de la potencia de tu computadora. Bien, adelante, asegúrate que en tipo todos los ajustes sean como los míos. Y por último, vayamos a Script y expresiones y seleccionemos todo lo que esté seleccionado en mi configuración. Es importante tener en cuenta que no es necesario cambiar estos ajustes cada vez antes de comenzar un nuevo proyecto. Una vez que los hemos establecido una vez, no hay necesidad de volver allí otra vez. Bien, entonces después de haber creado la primera composición y definido la configuración del software, necesitamos guardar el proyecto y darle un nombre para esto. Vamos a Archivo y damos clic en Guardar. Ahora encontremos la carpeta que creamos anteriormente para la lección. Dirígete a la carpeta AE y nombra el archivo after effects en el que estamos trabajando. Es importante entender que ahora estamos nombrando el archivo after effects Anteriormente dimos un nombre para nuestra primera composición y no el nombre para este proyecto. Ahora estamos dando un nombre para nuestro archivo de proyecto. Puedes nombrarlo igual la composición principal y agregar un guión bajo, luego escribir el nombre del logotipo En nuestro caso, es Atenea. Una vez hecho esto, guárdalo y nuestro proyecto ahora tendrá un nombre junto con el nombre del proyecto También estamos activados la función de guardado automático de la que hablamos anteriormente. Esto significa que ahora después de los efectos guardará el proyecto automáticamente cada pocos minutos. Bien, ahora es el momento de importar nuestro logo al proyecto. Esto lo podemos hacer de dos maneras. O bien ubique el logotipo en la computadora y arrastre el archivo del logotipo de IA manualmente al panel del proyecto de esa manera. Otra forma de hacerlo es haciendo doble clic en el área vacía en el panel del proyecto. Después de eso, solo necesitamos encontrar la carpeta que hicimos para el curso. A continuación, ubique la carpeta de IA y seleccione el primer logotipo. Por último, asegúrate de no hacer clic en esta función y luego haz clic en Importar. Ahora ha aparecido una pequeña ventana preguntándonos cómo queremos importar este archivo en forma de composición o metraje Veamos cuáles son las diferencias entre estos dos. Por ahora, por favor no lo hagas conmigo en este momento. Primero quiero explicarte las diferencias entre estas dos opciones. No te preocupes, lo haremos por completo en breve. Primero, veamos qué opciones están disponibles para nosotros cuando elegimos importarlo como metraje. Voy a elegir la opción Combinar capas y hacer clic en Bien para ver qué hace. Ahora podemos ver el logo y el panel del proyecto como una sola capa. Si arrastramos este logo a nuestra composición, lo veremos como una sola capa con todas sus subcapas pegadas entre sí. que hará que no sea posible animar el logo y todas las capas de las que se hace para deshacer mi acción Voy a presionar control ZA algunas veces. Ahora volveré a importar el archivo. Esta vez voy a hacer clic en Elegir Capa. Desde aquí puedo seleccionar una capa específica del archivo de Illustrator. Todos los nombres que vemos aquí son los nombres de capas en el archivo original de Illustrator. Pero en nuestro caso, no voy a usar esta opción porque no necesito elegir una capa específica. En nuestro caso, quiero traer todas las capas cuando se dividen en capas separadas. Para ello, necesito seleccionar composición aquí. En otras palabras, after effects importará este archivo como capas separadas en una composición separada. También hay dos opciones en este proceso. Empecemos por entender lo que significa importar las capas como tamaño de documento. Voy a hacer clic bien. Y como puedes ver, se creará una nueva composición y aparecerá una nueva carpeta con todas las capas de archivos de illustrator. Ahora cuando entre en la composición del logo, voy a ver que el logo se divide en capas exactamente como en el archivo illustrator. El triángulo de fondo y las letras son todas capas diferentes. Ahora entendamos lo que significa para nosotros cuando elegimos el tamaño del documento. Para ayudarte a entender esto mejor, ocultaré temporalmente la capa de fondo y el fondo transparente. Seleccionaré la capa triangular y ocultaré también las otras capas. Ahora presta atención a los límites de esta capa. A pesar de que el objeto en esta capa es bastante pequeño, la proporción o el tamaño de esta capa es grande. De hecho, son del tamaño del documento ilustrador original. En otras palabras, el tamaño del documento. Lo mismo es cierto para esta capa. Los límites de esta capa son más grandes, a pesar de la letra más pequeña. Trabajar con capas de tamaño de documento no es tan cómodo porque hará que sea difícil animar las capas más adelante Ahora pasemos a la segunda opción para importar el archivo como composición y veamos si será una mejor opción para nosotros. Pero antes de eso eliminaré la carpeta y composición que se crearon antes. seleccionaré y presionaré la tecla de retroceso y haré clic en eliminar Ahora quiero que lo hagas conmigo para traer el diseño del logo a nuestro proyecto. Vamos a hacer clic aquí dos veces. Seleccione el primer archivo de logotipo, asegúrese de que no esté resaltado y haga clic en Importar. Ahora seleccione Composición. Y esta vez, escojamos Capas, Ajustamos tamaño juntos y hagamos clic en Bien. Una vez más, se crea una carpeta con todas las capas del logotipo y una nueva composición. Vamos a darle un click dos veces para ingresarlo. Aquí vemos el diseño del logo, nuevamente, igual que antes. Pero esta vez si seleccionamos la capa triangular, veremos que los límites de esta capa se ajustan al tamaño del objeto en esta capa. Lo mismo ocurre con la letra A. Ahora será mucho más fácil para nosotros animar estas capas, cuando su tamaño coincida con el tamaño del objeto Bien, ahora volvamos a nuestra composición principal desde aquí y continuemos nuestra lección sobre la creación de nuestra primera animación de logotipos. Bien, entonces esta animación de logotipo está compuesta por cinco partes o escenas animadas. La primera parte es la animación de la silueta del personaje dentro del triángulo. El segundo es la animación de la letra dentro del triángulo. La tercera es la conexión y transición entre estas dos animaciones. La cuarta parte es la animación de las letras. Y por último, en la quinta parte, crearemos la animación outro Bien, lo primero es lo primero, trabajemos en la animación de la silueta dentro del triángulo y la cubriremos en la siguiente parte de esta lección Va a ser increíble. Entonces nos vemos ahí. 6. Importar nuevos activos gráficos al proyecto: Bienvenido de nuevo. Como puedes ver ahora mismo, nuestro espacio de trabajo está vacío y no podemos ver nada en la pantalla de vista previa. Para ver algo en la pantalla de vista previa y comenzar a crear nuestra primera escena, podemos crear una capa nosotros mismos o importar un activo gráfico desde el panel del proyecto. Abramos la carpeta de capas de logotipos y arrastremos la capa triangular a nuestra composición así. Alternativamente, podemos copiar una capa específica de otra composición y pegarla en la composición principal. Eliminemos esta capa. Y haz eso. Selecciónelo y presione el retroceso o la tecla de borrar para eliminarlo. Ahora volvamos a la composición del logotipo. Seleccione la capa triangular el panel de vista previa o en el panel de capa. Presiona el control C para copiarlo y regresar a nuestra composición principal. Ahora presiona el control V para pegar la capa. Ahora aprendamos sobre las herramientas importantes y los ajustes básicos de la capa en los efectos posteriores. Por ahora puedes cerrar esta carpeta. Bien, primero aprendamos a centrar esta capa en la composición. Para ello, necesitamos encontrar dónde está el centro de la escena. En este caso, podemos usar las cuadrículas en after effects, que podemos encontrar aquí En nuestro caso, necesitamos usar una cuadrícula llamada Title Action Safe. Pero en lugar de seleccionar esta grilla desde aquí, hagámoslo con un atajo. Debido a que usamos mucho esta grilla, puede resultar molesto venir aquí cada vez y seleccionar manualmente esta grilla. Bien, entonces el atajo para esta cuadrícula es la clave del apóstrofo Vamos a hacer clic en el panel de vista previa y presionar la tecla apóstrofo Ahora podemos ver dónde está el centro de la composición. Ahora podemos mover esta capa manualmente haciendo clic sobre ella y arrastrándola a una ubicación deseada en la composición O podemos abrir las propiedades transformadas de esta capa y cambiar algunos parámetros para diferentes propiedades que podemos ver aquí. Estas son propiedades básicas que se encuentran en cada capa y después de los efectos. Para mover esta capa, podemos cambiar el valor de la propiedad position. Arrastrando los valores a los lados. Así, podemos mover la capa hacia la izquierda y hacia la derecha. A partir de aquí, podemos moverlo arriba y abajo. A continuación a través de la propiedad de escala, podemos agrandar o reducir la capa. También podemos establecer un valor específico para esto, Haga clic en el valor y escriba 100. Luego presiona Enter. Pasando a partir de aquí, podemos rotar la capa cambiando los grados de la propiedad de rotación. Lo volveré a poner a cero. Usando la opacidad, podemos controlar la transparencia de la capa. Ahora quiero hablar de una propiedad llamada Anchor Point. El punto de anclaje que está representado por la pequeña cruz en el medio de la capa. Voy a hacer zoom para que podamos verlo mejor. Ahora entendamos su papel. Voy a cerrar el zoom. Ahora presta atención a cómo gira esta capa. Cuando cambio el valor de la propiedad de rotación, la capa gira alrededor de su centro. Gira de esta manera porque el punto de anclaje se encuentra aquí. Ahora seleccionaré la herramienta Punto de Anclaje y la moveré a esta esquina. Ahora la capa gira de manera diferente. Gira en base a su punto de anclaje. Básicamente, el punto de anclaje es lo que decide cómo se mueve la capa en respuesta a ciertas acciones. Bien, deshagamos los cambios presionando el control Z varias veces para que la capa vuelva a su estado original, Establezca la rotación de nuevo a cero. Y no olvides volver a cambiar a la herramienta de selección. Una vez que hayas terminado con la herramienta de punto de anclaje, ahora aprendamos a centrar la capa en la composición usando la herramienta alineada. Que podemos encontrar aquí. Si no lo puedes ver aquí, puedes encontrarlo en el menú Ventana. Bien, para centrar esta capa, necesitamos dar click aquí y aquí. Ahora digamos que necesitamos agrandar este triángulo. Para ello, vayamos a la propiedad de escala y cambiemos el valor a 200. Y ahí tienes, el triángulo es un poco más grande. Ahora vamos a cerrar la capa por ahora. Ahora vamos a acercarnos un poco para verlo de cerca. Puedes hacerlo usando la rueda del mouse o presionando las teclas, ya ves en la pantalla. Bien, ahora que estamos viendo el triángulo de cerca, notamos que su calidad no es aguda. En otras palabras, está pixelada. Apaguemos el fondo transparente para que podamos verlo un poco mejor. Ahora voy a explicar cómo podemos mejorar el aspecto de esta capa a su máxima calidad. Como ya sabrás, esta capa fue creada en Illustrator, que es un software basado en vectores. Esto significa que no importa cuánto agrandemos esta capa, conservará su máxima calidad y no se pixelará Para conservar esta información en los efectos posteriores, podemos aplicar la función de colapso, que se encuentra aquí. En caso de que no lo encuentre, puede hacer clic aquí para mostrar funciones de capas adicionales. Bien, activemos la función de colapso. Ahí vas. El triángulo es afilado y limpio. Ahora aprovechemos esta oportunidad para aprender a navegar en la pantalla anterior mientras trabajamos con zoom como somos. Ahora para mover la pantalla, necesitamos mantener presionada la barra espaciadora y mover la pantalla en cualquier dirección que queramos. O podemos usar el clic central del mouse para quienes lo tengan para volver a ajustar la pantalla de vista previa a la normalidad. Podemos dar click aquí y seleccionar Ajustar. Como recordatorio, todavía estamos en el proceso de crear la primera parte animada de la animación del logotipo. En esta parte, mostraremos al personaje dentro del triángulo. Vale la pena señalar que la silueta de la luchadora femenina no forma parte del diseño original del logotipo. A veces incluir elementos de diseño que no están presentes en el diseño original del logotipo puede ayudarnos a contar una mejor historia sobre el concepto de la empresa. Sin embargo, es esencial discutir cualquier idea de este tipo con el cliente antes de implementarlas para asegurarse de que estén de acuerdo con sus ideas. Bien, ahora aprendamos a agregar este personaje genial a nuestro proyecto. Lo primero es lo primero, vamos a abrir la carpeta Activos. Ten en cuenta que nuestro proyecto está súper organizado, así que asegúrate de seguir la misma estructura para evitar dolores de cabeza en el futuro. Vayamos a la carpeta Activos y busquemos la carpeta Pick gratuita. Un sitio web genial donde puedes obtener toneladas de activos gráficos gratis. Llamé a esta carpeta libre Pick, así puedo recordar de dónde obtuve el activo. Aquí encontrarás todos los activos que descargué de esta página web. Queremos abrir la carpeta Silhouette. Eso suele ser lo que obtienes cuando descargas activos gráficos de la web. Antes de importar el activo gráfico a nuestro proyecto, necesitamos prepararlo para la animación. Déjame mostrarte cómo, Haz clic derecho en el archivo EPS y ábrelo con Adobe Illustrator. Si obtienes este pop up, simplemente haz clic en sí. Dentro del archivo, hay capas adicionales además de la silueta que no necesitamos para nuestro proyecto de after effects. Por lo tanto, es esencial preparar este archivo antes de la animación. Primero selecciona la capa innecesaria y presiona la tecla de retroceso para eliminarla. A continuación, elimine la letra minúscula a. Ahora vamos a hacer más grande al personaje. Cuando lo selecciones, verás otra capa con un fondo blanco. Puedo decir que hay una capa extra detrás de la silueta. Porque veo capas grandes, bordes que no coinciden con el tamaño de la silueta. Por lo tanto, sé que hay alguna capa detrás de la silueta que no necesito para mi animación. Selecciónelo y haga clic en el icono del bote de basura para eliminarlo. Haga clic en Sí para confirmar la eliminación. Ahora volvamos a seleccionar la silueta y hacerla más grande mientras mantenemos presionadas las teclas de control de mayúsculas para que crezca simétricamente Genial. Ahora centrémoslo usando la herramienta Alinear. Haga clic aquí y aquí. Ahora, después de deshacernos de cualquier capa innecesaria y agrandar la figura, podemos guardarla como un nuevo archivo de Illustrator. Vamos a abrir el menú Archivo y hacer clic en Guardar Como ahora elige guardarlo en tu computadora. Vamos a guardarlo en la misma carpeta que este archivo. Si no estás seguro, puedes volver a la carpeta Pick gratuita e ingresar a la carpeta Silhouette. Asegúrate de guardarlo como un archivo de Illustrator. A continuación, cámbiese el nombre a Athens Silhouette. Y por último, haz clic en Guardar. Y bien. Ahora minimicemos esta ventana y llevemos el nuevo archivo de Illustrator que creamos a after effects. Ahora vamos a elegir cómo importar este archivo a nuestro proyecto after effects. Recuerda, este archivo illustrator solo tiene una pregunta de capa. Cuando queremos importar un archivo de Illustrator al proyecto y éste consta de una sola capa, qué opción debemos elegir? En este caso, podemos optar por importarlo como metraje, luego podemos optar por importarlo como capas fusionadas porque solo tenemos una capa. En este archivo aquí podemos ver el archivo de Illustrator en el panel del proyecto. Arrastremos este archivo a nuestra composición. Colócala por encima de la capa triangular. Como puedes ver, esta capa es bastante grande. Vamos a reducirlo usando la propiedad scale para ver solo la propiedad scale para esta capa. Podemos seleccionarlo y presionar el Skey. Ahora vamos a hacer clic en el Valor y tratar de encontrar un tamaño adecuado. Tal vez 50 o 20. A continuación, movamos esta capa al centro de la composición para ver si es del tamaño correcto. Creo que podemos hacerlo más pequeño y configurarlo en, dejémoslo así por ahora y seguir adelante, porque sabemos que esta capa necesita una animación a escala. Posteriormente, ajustaremos el punto de anclaje de esta capa a la posición a partir de la cual crecerá la capa, que es el centro del cuerpo de este personaje. Actualmente, está creciendo a partir de los desechos. Debido a que el punto de anclaje está aquí, tenemos que moverlo aquí. Para ello, vamos a seleccionar la herramienta de punto de anclaje y moverla aquí. Una vez hecho esto, volvamos a la herramienta de selección y comprobemos cómo se comporta ahora la báscula Bien, creo que es bueno. Vamos a traerlo de vuelta a 15, Cerrar la capa, y presionar el control de acceso directo menos. Para guardar todo lo que hemos hecho hasta ahora antes de continuar. Genial, ahora vamos a traer de vuelta el fondo transparente. También podemos aplicar colapso a esta capa para preservar su máxima calidad. Ahora aprendamos cómo hacer transparente al personaje dentro de los límites del triángulo. Para hacer esto, necesitamos usar una función de efectos posteriores llamada alfombrillas de pista. Para ver esta característica, necesitamos dar click aquí, y aquí está. Si no puedes verlo completamente, puedes agrandar un poco esta área arrastrando la pequeña línea aquí Acercaré el zoom para mostrarte la línea que necesitas mover. Estoy hablando de éste. Arrástralo a los lados así. Bien, ¿cuál es la función track mat en Adobe After Effects? mattis de pista son una entidad utilizada para controlar la visibilidad de una capa en función del contenido de otra capa Hay dos funciones principales de mattis que podemos usar, Alfa y Luma El mate alfa es una técnica en la que se utiliza la transparencia de una capa para controlar lo que aparece en la capa por encima de ella. A menudo se usa cuando se quiere crear efectos geniales como revelar una imagen a través de la forma de otros elementos. Alumamt es una técnica que utiliza el brillo o información luminosa de la capa de tapete para controlar la visibilidad de la capa sobre ella Las áreas más brillantes de la capa de tapete revelan el contenido por encima de ella, mientras que las áreas más oscuras la ocultan. Los valores de la escala de grises intermedios crean diferentes niveles de transparencia. Luma mate se utiliza a menudo para efectos basados en el brillo de una imagen Ayudan a aislar y revelar partes de un video en función sus niveles de brillo y pueden usarse para crear pistas de efectos artísticos. Matt es un tema fascinante para explorar. Si quieres aprender sobre ellos en detalle y disfrutar de algunas lecciones atractivas, puedes ver el curso gratuito que mencioné en el video de apertura. Puedes encontrar el enlace al curso y la descripción a continuación o en el archivo PDF en la carpeta principal del curso que descargaste de mí. Bien, volvamos a nuestro proyecto para hacer que el personaje sea transparente dentro de los límites del triángulo, tenemos que usar la función alfa mate. Para eso, necesitamos arrastrar el trac mattis, pick látigo de la capa triangular a la capa de De esta manera giramos la capa triangular en la capa alfa del personaje. Ahora el triángulo usa la forma de la capa de silueta como máscara. Ahora solo tenemos que hacer la capa triangular, usar la capa de silueta como forma recortada. Para ello, hagamos clic aquí para invertir el alfa. Ahí lo tienes. Ahora podemos ver el carácter transparente dentro del triángulo. Con eso, terminamos de diseñar la escena para la primera parte de animación. Ahora pasemos a la siguiente parte. Empieza a animar esta escena. Nos vemos ahí. Pero antes de sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 7. Fotogramas clave y animación: Hola, bienvenido de nuevo. Ahora vamos a aprender a crear una animación en after effects. Lo primero que tenemos que animar es la silueta escalando de grande a pequeña Para que esto suceda, tenemos que animar la propiedad de escala Seleccionemos la capa y procesemos para verla. Pero aún no hagas nada. Sólo escucha lo que te estoy explicando. No te preocupes, lo haremos juntos en un segundo. Digamos que quiero que la capa permanezca del mismo tamaño al inicio de la animación, que es a 0 segundos. Después en el segundo número cuatro, quiero que la capa escale a un tamaño mayor. Bien, veamos qué tenemos. Como pueden ver, no pasó nada. No creamos ninguna animación. Presionaré el control Z para deshacer mis acciones. No pasó nada porque no indiqué a after effects, de qué tamaño a qué tamaño debería crecer la capa. Para señalar a after effects el cambio que quiero que le suceda a esta capa, necesito crear fotogramas clave. Los fotogramas clave son marcadores utilizados en los efectos posteriores para especificar los cambios que queremos que ocurran en una capa en un momento determinado. Al crear fotogramas clave, podemos instruir a after effects para que hagan la transición de la capa de un estado a otro en diferentes momentos en el tiempo Esencialmente, los fotogramas clave nos permiten crear animación en los efectos posteriores. Veamos cómo crear fotogramas clave. Primero, llevaré el indicador de tiempo al inicio de la línea de tiempo. Eso es al segundo número cero. Ahora puedes hacerlo junto a mí. Decidamos que en este momento, en el segundo número cero, esta capa debería ser muy grande. Cambiemos el valor de la escala hasta que obtengamos el tamaño que necesitamos. Vamos a mover la capa aquí, porque queremos que entre en escena desde la cabeza del personaje. Ahora vamos a escalar un poco más la capa. Una vez más, vamos a bajarlo un poco para ver qué estamos haciendo. Podemos encender esta capa. Por ahora, necesitamos agrandar y posicionar esta capa hasta que aparezca la cabeza de la figura para cubrir todo el triángulo. Si no cubre todo el triángulo, entonces veremos partes del mismo. Y eso no es lo que queremos. Por lo tanto, sigamos escalando la capa y moviéndola hasta obtener el resultado que queremos. Vamos a escribir 130 aquí. Creo que es lo suficientemente grande Luego mueve la capa aquí para que cubra la forma del triángulo. Vamos a apagarlo y comprobar que no vemos el triángulo. Sí, se ve bien. Ahora necesitamos señalar a after effects que la capa debe aparecer y permanecer como está en este momento. Para ello, necesitamos crear el primer fotograma clave en este momento Para crear el primer fotograma clave, podemos hacer clic en el cronómetro de la propiedad scale Ahora pasemos al segundo número dos. ¿Por qué exactamente es el segundo número dos? Por ningún motivo en particular. Sólo porque decidí que la duración de esta animación sería de 2 segundos. Podemos cambiarlo más tarde cuando queramos. Bien, vamos a acercarnos un poco más a nuestra línea de tiempo desde aquí. Ahora vamos a movernos aquí para ver el segundo lugar número dos aquí, el indicador de tiempo. Y ahora cambiemos los valores de la capa hasta que esté. Como puede ver, tan pronto como cambiamos los valores de escala, se creó automáticamente un nuevo marco clave para nosotros, lo cual es genial. Pero lo que pasa es que la capa se está escalando, pero no en la dirección correcta que necesitamos que sea. La razón de ello es porque está escalando en función de la posición de los puntos de anclaje. Déjame encender la capa por ahora para que podamos ver lo que estamos haciendo en esta situación. Necesitamos animar la posición de esta capa junto con la animación de escala Esto significa que también necesitamos crear marcos clave para la propiedad position. Volvamos al inicio de la animación. Ese es el segundo número cero. Ahora seleccione la capa y presione shift para abrir la propiedad position junto con la escala. Ya que somos buenos con la posición de la capa en este punto en el tiempo, podemos crear el primer fotograma clave en este punto en el tiempo para mantenerlo así. Ahora movamos el indicador de tiempo al segundo número dos mientras mantenemos presionada la tecla Mayús. De esta manera, el indicador de tiempo se ajustará a los fotogramas clave del perímetro de la escala. Ahora vamos a mover la capa aquí, arrastrarla hacia arriba, y moverla un poco hacia un lado. Ahora vamos a reducir aún más la capa. Ingresemos 15 para la báscula. Entonces vamos a ajustar la posición una vez más. Ahora mientras se está haciendo más pequeño, la capa también se mueve al lugar correcto para ver cómo se ve. Lleve el indicador de tiempo al comienzo de la línea de tiempo y presione la tecla de la barra espaciadora Genial, has creado tu primera animación. Vamos a configurar la pantalla de vista previa para que encaje y continuemos con la animación. Pasemos al segundo número cuatro y fijemos esta capa para volver a la posición y tamaño que tenía al principio. Para ello, simplemente podemos seleccionar estos dos fotogramas clave. Copiarlos usando el control de acceso directo C y presione el control V para pegarlos. Se adherirán a la posición del indicador de tiempo. Bien, veamos qué tenemos. Podemos apagar esta capa para que el efecto alfa pueda hacer lo suyo. Entonces echemos un vistazo a la animación que hicimos. De nuevo, si estás golpeando la barra espaciadora, pero no pasa nada, dirígete a Preview. Para cambiar la configuración aquí, necesitamos hacer clic en el panel Capas. After effects puede saber a qué composición te refieres. Si no ves el panel de vista previa, lo puedes encontrar en ventana. Bien, seleccionemos el panel de capas y cambiemos algunos ajustes de vista previa. Primero, abra la lista de accesos directos y seleccione Barra espaciadora. Además, asegúrate de seleccionar el resto de los ajustes como lo hice yo. Bien, sigamos adelante. Ahora, también quiero crear una animación a escala para el triángulo. Quiero que en este punto en el tiempo a los 2 segundos, el triángulo sea del tamaño que tiene actualmente. Dejemos de pie a los 2 segundos con el indicador de tiempo. Después selecciona la capa y presiona para ver la propiedad de escala de esta capa. Ahora vamos a crear fotogramas clave con el valor actual. Una vez hecho esto, pasemos al segundo número cero y cambiemos el valor a cero. A continuación, vayamos al segundo número cuatro y fijemos aquí también el triángulo para que sea de tamaño cero. Ahora tenemos una animación un poco más interesante. Cuando la silueta se hace pequeña y el triángulo se hace grande. Veamos cómo se ve en conjunto. Como puedes ver, el movimiento de estas capas es un poco aburrido. Todo se mueve a la misma velocidad. Es porque nuestros fotogramas clave son actualmente fotogramas clave lineales. Para que estos fotogramas clave sean un poco más interesantes, necesitamos convertirlos de fotogramas clave lineales a marcos clave. *** es un tipo de interpolación de fotogramas clave que te ayuda a lograr un movimiento suave y natural Cuando aplicas *** a un fotograma clave, agrega aceleración y aceleración graduales a la animación, haciéndola parecer más natural. Para convertir los fotogramas clave, necesitamos seleccionar todos los fotogramas clave. Haga clic derecho sobre uno de ellos. Ve al asistente de fotogramas clave y elige ASES, o usa el atajo muy popular, los usuarios de Mac de tecla F nine Debe mantener presionada la tecla FN y presionar F nueve. Esta vez vamos a hacer clic en él. Y como puedes ver, nuestros marcos clave han cambiado de forma. Veamos cómo se ve ahora. Ya se ve mejor. Y podemos hacer que se mueva aún mejor ajustando la flexibilización Voy a explicar a qué me refiero en los efectos posteriores. Los fotogramas clave son puntos en el tiempo en los que establece un valor específico para una propiedad en su animación. Los fotogramas clave lineales crean un cambio constante y consistente de un fotograma clave al siguiente. Esto significa que la animación se mueve a una velocidad constante sin ninguna aceleración o desaceleración. Por otro lado, estos fotogramas clave crean aceleración y aceleración en la animación, haciéndola más natural y visualmente atractiva Para controlar la velocidad de la animación, podemos usar el editor de gráficos de velocidad. Speed graph Editor es una herramienta que te permite visualizar y controlar la velocidad de tu animación. Muestra la velocidad de una propiedad de animación a lo largo tiempo ajustando los manejadores en el editor de gráficos. Controlas la aceleración o desaceleración de la facilidad de animación y crea un inicio lento Mientras que una facilidad hacia fuera crea un final lento. La facilidad y la salida combinan ambas, creando una aceleración y desaceleración suaves Ahora quiero que pagues para influir en porcentajes aquí abajo. Imagina cada mango como un par de manos influyendo en el movimiento Ajustar los mangos más cerca del fotograma clave aumenta su influencia, creando un cambio más rápido. Si los alejas, disminuirás su influencia, resultando en un cambio más lento. Pero cambiar la influencia de la animación usando el editor de grafos y mover los mangos puede llevar demasiado tiempo. Por lo tanto, quiero mostrarte una manera más rápida de cambiar la influencia de la animación. Podemos hacerlo usando el panel de velocidad del fotograma clave. El panel de velocidad de fotograma clave en After Effects proporciona una representación numérica de la velocidad y la influencia de sus fotogramas clave. El panel muestra valores separados para facilitar las velocidades de entrada y salida de salida Los porcentajes de influencia que ponemos aquí son los que vimos anteriormente en el gráfico de velocidad. Si queremos crear una animación agradable de entrada y facilidad de salida como hicimos antes, usando los manejadores en el editor de gráficos, podemos cambiar la influencia de la facilidad de entrada y facilidad de animación a 85. El editor de gráficos de velocidad, se verá así. Esto significa que la animación comenzará lentamente. Entonces en el segundo número uno aumentará su velocidad y después de eso disminuirá la velocidad. Lo más importante a recordar es que no cambiamos la duración de la animación. La animación dura 2 segundos, igual que al principio. Acabamos de cambiar el tiempo entre los fotogramas clave ajustando su influencia. Es un proceso de prueba y error. Así que no dudes en jugar con diferentes configuraciones para ver cómo afectan tu animación. Como ya convertimos nuestros fotogramas clave de lineales a como fotogramas clave, ahora podemos cambiar la influencia de estos fotogramas clave para obtener un movimiento mucho más interesante. Y para hacer eso primero, necesitamos seleccionar los fotogramas clave que queremos cambiar. Es importante recordar que no podemos cambiar todos los fotogramas clave para diferentes tipos de propiedades a la vez. Necesitamos cambiar los marcos clave para cada tipo de propiedad por separado. Como puede ver en estas dos capas, tenemos fotogramas clave para la propiedad scale. Dado que es el mismo tipo de propiedad, podemos seleccionar estos fotogramas clave en ambas capas y cambiarlos juntos. Seleccionemos todos los fotogramas clave que pertenecen al parámetro scale. Ahora mantenga presionada la tecla alt y haga clic dos veces en uno de los fotogramas clave. Ahora podemos ver el panel de velocidad de fotograma clave para la propiedad scale Cambiemos la velocidad de estos fotogramas clave a 85% al inicio del fotograma clave y 85% al final Luego haz clic en Bien. Ahora hagamos lo mismo por la propiedad de posición. Podemos seleccionar los fotogramas clave desde aquí o seleccionar la propiedad de la capa. De esta manera seleccionaremos todos los fotogramas clave que tenemos para esta propiedad. Ahora mantenga presionada la tecla Alp y haga clic dos veces en uno de los fotogramas clave Ahora podemos ver el panel de velocidad de fotograma clave para la propiedad position. Cambiemos la velocidad de estos fotogramas clave a 85% también Haga clic en Bien, veamos cómo se ve. Ahora el movimiento de las capas es mucho más interesante. Una vez que hayamos terminado de animar la primera parte, podemos agrupar estas dos capas juntas, tal como lo hacemos en Photoshop o Illustrator, pero en after effects lo llamamos precomponer precomposición es una técnica utilizada para agrupar capas y tratarlas como una sola Una de las principales ventajas de precomponer capas es que te permite mantener tu línea de tiempo organizada y fácil de administrar Es bastante fácil de hacer, solo selecciona las dos capas y haz clic derecho y elige precomponer, o presiona Control Shift C en tu teclado Vamos a darle una oportunidad. Presionemos el turno de control C juntos. Ahora llamemos a esta composición icono animación. Asegúrate de que ambos estén seleccionados y luego presiona Bien. Ahora podemos ver la composición que creamos en el panel de composición y también en el panel de proyecto. Para ingresar a esta pre comp, haga doble clic en él. Y hay dos capas que animamos hace un minuto. Bien, volvamos a nuestra composición principal y apaguemos esta pre comp por ahora para que podamos enfocarnos en crear la segunda parte de esta animación de logotipo. Vamos a crear una animación similar pero con la letra A en lugar de la silueta. Para ello, pasemos a la composición del diseño del logotipo. Seleccione la letra A. Mantenga presionada la tecla Mayús y seleccione también el triángulo. Ahora presiona el control C para copiar estas capas. Después de eso, navegue de regreso a la composición principal y presione el control V para pegarlos. Es posible que la letra A no sea visible después de pegar las capas Esto podría deberse a que la capa está pegada debajo de la capa triangular. Todo lo que necesitas hacer es mover la capa A por encima de la capa triangular y se hará visible. Ahora vamos a seleccionar estas dos capas y centrarlas en la composición. Sin embargo, esta vez no usaremos la herramienta alineada. Usaremos un control de acceso directo genial a casa. Ahora hagamos estas capas más grandes presione S para ver la propiedad scale para las capas. Y cambiar el valor a 200, igual que hicimos con el triángulo antes. Ahora vamos a dar click aquí para ver la función de colapso y aplicarla a estas dos capas para que estén en su mejor calidad. Podemos apagar el fondo para ver lo que estamos haciendo un poco mejor. Ahora cerremos las capas y comencemos a animar la letra A. Inicio. Mueve la carta aquí abajo. Puedes hacerlo con las teclas de flecha de tu teclado. Después da click aquí para ver la pista Función Matt. Y arrastra el látigo de pico del triángulo sobre la capa de letras para usarlo como alfa Después de eso, haz clic aquí para invertir el tapete alfa para que el triángulo use la capa de letras como forma recortada. Impresionante, Ahora vamos a animar esta escena. Comenzaremos por crear una animación de escala para la letra A, seleccionarla y presionar S para ver la propiedad de escala. Sabemos que la letra debe ser del tamaño que es ahora más tarde en la animación por lo tanto. Podemos llegar al segundo número dos y crear el primer fotograma clave con el valor actual que es ahora. Ahora lleguemos al inicio de la línea de tiempo y escalemos la capa de letras hasta 500. Podemos arrastrar el valor manualmente o simplemente ingresar 500 aquí. Veamos cómo se ve. Ahora vamos a animar esta capa triangular como animamos la primera antes usando la propiedad scale Seleccione la capa y presione. Pero esta vez para crear una animación un poco más interesante, podemos elegir la herramienta de punto de anclaje y mover el punto de anclaje del triángulo aquí abajo. Mantengamos la tecla de control mientras movemos el punto de anclaje. De esa manera va a chasquear hasta este punto. Una vez hecho esto, volvamos a la herramienta de selección ahora. Cuando animamos el triángulo, crecerá y se encogerá en relación a su punto de anclaje Bien, presione control Z. Y vamos a estar en el segundo número dos porque sabemos que en este momento, el triángulo debería ser del tamaño que tiene ahora mismo Por eso vamos a crear un fotograma clave aquí con el valor actual Ahora lleguemos al inicio de la línea de tiempo y pongamos la escala a cero. Veamos cómo se ve. Ahora podemos mejorar aún más nuestra animación convirtiendo los fotogramas clave a ***. Seleccionemos los fotogramas clave y presionemos F nueve. Ahora cambiemos también la velocidad de estos fotogramas clave como lo hicimos antes, porque todos los fotogramas clave pertenecen a la misma propiedad, podemos hacerlo por todos ellos a la vez. Mantengamos la tecla Alt y hagamos doble clic en uno de los fotogramas clave, pongamos en 85 y hagamos clic. Bien, vamos a verlo una vez más. Eso se ve genial. Ahora, después de terminar la animación de estas capas, pongámoslas en pre comp. Usaremos el control de atajo, turno C. Esta vez lo llamaremos animación. Asegúrese de que ambos estén verificados y haga clic en OK. Ahora vamos a combinar los dos pre comps que creamos. Enciende la primera parte animada, y encontremos un buen momento para comenzar la segunda. Podemos desactivar esta pre comp por ahora para enfocarnos en encontrar un momento perfecto. Bien, esto parece un buen momento, vamos a comprobarlo. Ahora, encienda esta pre comp y muévala a la posición del indicador de tiempo. Ahora mueve el indicador de tiempo hacia atrás y hacia adelante para ver que las dos partes se mezclan bien juntas. Sigamos haciendo eso hasta que encontremos un buen momento. Bien, creo que deberíamos comenzar la animación de letras desde el segundo número dos. Veamos cómo se ve juntos. Sí, se ve genial. Vamos a verlo una vez más. Impresionante. Presionemos el control S para guardar el proyecto antes de pasar a la siguiente parte y comenzar a animar la tercera escena, que es la animación del resto de las letras del logotipo Va a ser increíble. Entonces nos vemos en la siguiente parte. 8. Efecto de texto revelador: Bienvenido de nuevo. Empecemos a animar la tercera escena Primero, vayamos al inicio de la línea de tiempo y apaguemos ambas capas. Ahora, ingresa la composición del diseño del logotipo y copia las capas de las letras. Desde aquí, selecciona la primera capa, mantén presionada la tecla Mayús y selecciona esta capa. Ahora presiona el control C para copiarlos. A continuación, vuelve a la composición principal y presiona el control V para pegar las capas. Ahora vamos a mover las capas al centro de la escena. Podemos acercar un poco. Se puede apagar el fondo para que podamos ver lo que estamos haciendo. El color negro es demasiado oscuro en este caso. Cambiemos eso. Para cambiar el color de fondo de la pantalla de vista previa, necesitamos acceder a los ajustes de esta composición. Para ello, usaremos el control de atajo K. Ahora vemos los ajustes de nuestra composición principal, que se llama logo animation One, podemos ver los cambios que estamos haciendo. Asegúrate de marcar la casilla de vista previa aquí abajo. Ahora hagamos clic aquí y cambiemos el color a gris. Escoge una más brillante, gris, para que podamos ver las letras. Una vez hecho esto, haz clic en OK, aquí y aquí. Ahora aprendamos a animar estas letras. Empecemos con la primera letra, t. Apaguemos las otras capas para enfocarnos solo en la letra. Ahora para crear el efecto de exponer la letra, necesitamos comenzar por crear una máscara para la capa en la forma de la letra. Podemos lograr esto seleccionando la herramienta pluma y creando la máscara de arriba a abajo en la dirección que queramos que se revele. Este paso es crucial, ya que determinará la dirección de la exposición de la carta más adelante. Para comenzar, asegúrese de que la capa esté seleccionada. Ahora crea un punto en la parte superior de la letra, seguido de puntos en el camino hasta llegar al fondo para redondear las esquinas. Haga clic y mantenga presionada la herramienta Pluma para abrir su menú y seleccionar la Herramienta Vértice Alternativamente, puede mantener presionada la tecla Alt y hacer clic en el punto una vez para redondear la esquina. Una vez hecho esto, ajusta los mangos para crear una curva suave. A continuación, crea otra máscara para la parte restante de la letra. Empieza por crear el primer punto aquí. Ahora mantén presionada la tecla Mayús para hacer la línea recta. Y crea el segundo punto haciendo clic al final del segmento. Después de eso, necesitamos aplicar un efecto de trazo sobre esta capa. Vamos a abrir el panel Efecto y Presets. Si no puede ver este panel, lo puede encontrar en Windows. Ahora busca el efecto de trazo. Este efecto nos ayudará a crear la descripción de la letra, seleccionar el efecto de trazo y arrastrarlo a nuestra capa. Ahora bien, si abrimos los parámetros de ruta, notarás que el efecto detecta dos máscaras en esta capa y necesitamos aplicarla a ambas. Para ello, da clic en todas las máscaras. A continuación, aumenta el tamaño del pincel hasta que la letra ya no sea visible. Cambiar la dureza del pincel a 100% Ahora podemos animar la propiedad final para crear la animación de revelado Para obtener el efecto de revelación, necesitamos cambiar el estilo de pintura a capa original. Cuando cambies este parámetro, se revelará la letra. Bien, entonces ahora vamos a animarlo. Primero, asegurémonos de que estamos al comienzo de la línea de tiempo y creamos el primer marco clave para la propiedad con un valor de cero. Para poder ver el fotograma clave que hemos creado para el efecto, necesitamos seleccionar la capa y presionarte. Ahí está. Vemos los fotogramas clave para la propiedad que pertenece al efecto llamado stroke. Eso es exactamente lo que vemos aquí. Bien, ahora pasemos al segundo número dos y cambiemos el valor a 100% Genial, veamos qué tenemos. Podrías notar que algunas partes tienen una superposición, donde las dos formas las cuales se ven mal. Para solucionar esto, necesitamos ajustar el parámetro que controla el grosor del trazo. Además, también podemos animar esta propiedad. Vamos a ponerla en dos. Ahora ve al inicio de la línea de tiempo y crea el primer fotograma clave con el valor actual. Para ver el fotograma clave que creamos, presiona U. Ahora ve al segundo número dos y ajusta el valor hasta que toda la letra esté visible. Un valor de diez debería funcionar. Veamos cómo se ve. Ahora vamos a mejorar la animación. Podemos hacerlo convirtiendo los fotogramas clave a As. Lo primero que tenemos que hacer es seleccionar todos los fotogramas clave y presionar F nueve para hacerlos como. Entonces cambiaremos la velocidad para la propiedad. Hagamos clic en él dos veces mientras mantenemos pulsada la tecla Alt. Cámbialo a 85, 85, y dale. Bien, vamos a verlo una vez más. Impresionante, y con esto, hemos terminado de animar la primera letra Pasemos al siguiente mientras repitamos las mismas acciones. Primero, comencemos por crear una máscara. Seleccione la herramienta Pluma, elija la capa correcta y comience a crear la máscara. Quiero que esta carta aparezca desde esta dirección. Entonces voy a empezar a crear la máscara desde aquí. Crea un punto aquí y un punto allá. Ahora para crear una nueva máscara en la misma capa, haga clic primero en esta capa y luego comience a crear una nueva máscara. Crea el primer punto aquí, el segundo aquí, otro aquí, luego aquí, el último aquí. Por último, para redondear las esquinas, mantén presionada la tecla Alt y haz clic en los puntos que quieras redondear, y luego ajusta los mangos para obtener una curva agradable. No necesitamos redondear este, podemos redondear este punto y ajustarlo un poco. Puede mantener presionada la tecla Mayús mientras mueve las manijas para obtener una alineación recta. Bien, entonces la máscara está lista. Y ahora en lugar de recrear el efecto de trazo, simplemente podemos copiarlo de esta capa Vamos a seleccionarlo ahora. Seleccionemos el efecto desde aquí. Presiona control C. Luego selecciona esta capa, asegúrate de que estamos al principio de la línea de tiempo. Y presiona el control V para pegar el efecto. Una vez hecho esto, presiona para ver los fotogramas clave del efecto. Básicamente, ni siquiera necesitamos crear nuevos marcos clave para el efecto. Veamos cómo queda genial, Y ahora vamos a cerrar esta capa y encender la siguiente letra. Una vez más, elige la herramienta pluma y crea una máscara. Recuerda, el primer punto que crearás afectará la animación reveladora. Si quiero, la carta comenzará a revelarse. Desde esta zona, comenzaré a crear la máscara desde aquí. Ahora vamos a redondear las esquinas. A continuación, copia el efecto de la capa anterior y pégalo en la tercera letra. Simplemente no olvides volver al inicio de la línea de tiempo antes de pasar el efecto. Creo que se ve bien. Ahora vamos a encender la siguiente letra y repetir las mismas acciones. Un recordatorio rápido para iniciar una nueva máscara para esta parte de la letra, hagamos clic en la capa una vez y sigamos creando la segunda máscara. No olvides redondear las esquinas. Bien, y ahora volvamos a seleccionar esta capa y presionar el control V para pegar el defecto copiado en ella. Por último, hagámoslo para la última carta quiero revelar la carta de aquí. Voy a empezar a crear el primer punto de la máscara aquí. Ahora para crear la segunda máscara para la segunda parte de la letra, haré clic en la capa y comenzaré a crear la segunda máscara. Ahora vamos a redondear las esquinas. Voy a mover este punto aquí un poco. También podemos redondear este punto y éste también. Ahora selecciona la capa y presiona el control V para pegar el efecto sobre ella también. Veo que aquí no redondeé las esquinas. Hagámoslo ahora. También podemos redondear este punto. Voy a mover este punto aquí un poco . Eso es lo suficientemente bueno. Veamos cómo se ve. Excelente. Presionemos el control S para guardar el proyecto, luego podemos configurar la vista previa para que encaje. Y vuelve a cambiar a la herramienta de selección. Ahora vamos a seleccionar todas las capas y agregarles una animación de escala. Pasemos al segundo número dos. Ahora para crear una animación a escala, necesitamos abrir la propiedad scale. Presionemos S para ver la escala de todas las capas seleccionadas. Crearemos fotogramas clave en este momento con el valor actual. Vamos al inicio de la línea de tiempo y cambiemos el valor a cero. Quiero que las letras se muevan hacia la izquierda después de la animación de escalado. Sé que en el segundo número dos, quiero que las letras se queden donde están ahora mismo. Por lo tanto, presionemos P y creemos los primeros fotogramas clave con el valor actual. Ahora vamos al segundo número cuatro y movemos las letras hacia la izquierda usando la tecla de flecha izquierda en el teclado. Mantenga presionada la tecla Mayús mientras lo hace para mover las letras en incrementos mayores Genial. Después de eso, agrandemos este panel. Ahora seleccionemos todos los fotogramas clave y presionemos F nine para que sean fáciles. Después, mantenga presionada la tecla Alt y haga doble clic en uno de los fotogramas clave para ingresar al panel de velocidad. Cámbialo a 85, 85, y dale. Bien. Ahora hagamos lo mismo para la animación a escala. Presionemos S para ver la propiedad de la escala. Seleccione todos los fotogramas clave y presione F nueve. Ahora mantén pulsada la tecla Ob, haz doble clic en una de ellas y cámbiala a 85 también. Solo un recordatorio rápido, si quieres ver todos los fotogramas clave en las capas, presiona el Ukey Pero en realidad no necesitamos ver esos fotogramas clave en este momento para ocultarlos. Tenemos que presionar el Ukey una vez más. Bien, vamos a ver lo que hemos hecho hasta ahora. Gran trabajo. Ahora podemos anidar todas estas capas en una pre comp. Vamos a asegurarnos de que estamos seleccionando todas las capas de letras. Y luego presione control shift C. Podemos nombrar a este texto pre comp Animación. Impresionante. Ahora comencemos a cronometrar entre las tres escenas animadas que hemos creado hasta ahora. Lo haremos en la siguiente parte, así que nos vemos ahí. 9. Ajustar la animación: Bienvenida de nuevo. Empecemos a cronometrar y sincronizar entre todas las escenas de animación que creamos Primero, movamos esta capa hacia adelante en el tiempo para integrarla con las otras animaciones que hemos creado. Vamos a encender las otras capas para que podamos ver lo que estamos haciendo. Vamos a encender el fondo transparente. Como puedes ver, necesitaremos sincronizar la animación de la letra A con la animación de las otras letras Pero antes de eso, quiero mostrarte cómo organizar las composiciones que tenemos en la escena. Te voy a mostrar a lo que me refiero. Primero lo primero, apaguemos esta pre comp por ahora. Ahora hablemos de esta composición que tenemos en la escena. Y aprenda cómo podemos redimensionar la dimensión de esta pre comp Porque ahora mismo, si muevo el pre comp aquí, podemos ver que los límites de esta pre comp son los mismos que el tamaño de nuestra composición principal. En otras palabras, tenemos mucho espacio vacío que realmente no necesitamos. No quiero que sea tan grande. Esto significa que necesitamos recortar el espacio innecesario que tenemos en esta pre comp. Para ello, tenemos que entrar en él. Como pueden ver, aquí tenemos todo este espacio vacío e innecesario. Para deshacernos de él, necesitamos acceder a los ajustes de esta composición. Para eso, presione el control de atajos K. Ahora ya podemos ver los ajustes de esta composición. Ahora podemos disminuir su ancho. Tratemos de encontrar una buena talla para el ancho. Vamos a establecerlo en 600. También podemos reducir su altura. Pongámoslo a 600 también. Una vez hecho esto, haga clic en Aceptar. Ahora volvamos a nuestra composición principal. Y podemos ver que los límites de esta composición ahora se han vuelto más pequeños. Ahora hagamos lo mismo para esta precomp también. Entonces lo primero que tenemos que hacer es ingresar a la precomp. Ahora presione control K y cambie las dimensiones a 600 por 600 aquí también. Golpea Ok y vuelve a la composición principal. Ahora vamos a animar la letra a y sincronizarla con la animación de las Pero primero, animemos el tamaño de esta precomp en este momento, en la marca de cuatro segundos, cuando la letra esté completamente en cuadro, presionemos S y creemos el primer fotograma K con el valor actual Ahora pasemos a la marca de seis segundos y bájala a 50. Después de eso, seleccionemos todos los fotogramas clave y presionemos nueve para facilitarlos. Después, mantenga pulsada la tecla Alt. Haga doble clic en uno de los fotogramas clave y cambie la velocidad a 85 por 85. Genial. Lo siguiente que debemos hacer es encontrar el momento adecuado en la línea de tiempo para iniciar la animación de las otras letras. Vamos a encender esta pre comp. Ahora veo que necesitamos animar la posición de la letra pre comp para que coincida con la posición de las letras Pero antes de eso, podemos ajustar el tamaño del texto pre comp porque hay mucho espacio vacío en él. Lo haremos igual que hicimos con los otros pre comps. Hagámoslo rápidamente. Vamos a meternos primero en él. Podemos cerrar las capas. Bien, y ahora presiona el control K, cambia las dimensiones para que se ajusten a la animación que ocurre aquí. Creo que 1,200 de ancho deberían funcionar para la altura. Podemos probar 600, tal vez 300, eso es mejor. Presiona bien, y vuelve a la composición principal. Ahora vayamos al punto en el tiempo en las letras terminen su animación para ver su posición final. Ahora necesitamos ajustar la precomp del texto y la letra de posición de precop, porque ahora mismo no están centrados en la escena y eso se ve raro Pasemos al segundo ocho donde el texto termina su animación. Ahora intentemos encontrar un buen lugar para ello en la escena. Puedes bajarlo un poco. Ahora vamos a cronometrar la animación de la letra A a la posición de las otras letras. Cuando la letra A termine la animación de escala en el segundo seis, vamos a crear una animación para la propiedad position y moverla hacia la izquierda, presione P para ver la propiedad position. Ahora vamos a crear un fotograma clave en este momento con el valor actual porque hasta este punto queremos que esta pre comp se quede donde se encuentra actualmente Ahora pasemos al segundo número ocho y lo movemos hacia la izquierda manteniendo pulsada la tecla Mayús. Vamos a posicionarlo aquí. Vamos a mover esta pre comp aquí, para que toda esta escena esté en el centro de la composición. Podemos mover este pre comp un poco a la derecha. Una vez hecho esto, selecciona todos los fotogramas clave y presiona F nueve. Después, mantenga presionada la tecla Alt y haga doble clic en uno de los fotogramas clave para cambiar la velocidad a 85 por 85. Ahora como puedes ver, las letras aparecen actualmente por encima de la letra A. Esto quiere decir que las letras están donde se supone que deben estar al final, pero no estaban en la mejor posición inicial. Ingresemos el texto pre comp y ajustemos su posición inicial para ver los fotogramas clave de posición para todas las capas que necesitamos para seleccionarlos. Prensa. Entonces para cambiar los fotogramas clave de inicio, debemos estar justo sobre ellos con el indicador de tiempo. De lo contrario, si movemos las letras sin pararnos sobre ellas, la animación se estropeará Dado que crearemos nuevos fotogramas clave, es muy importante pararse en los fotogramas clave correctos cuando los cambiemos. Para ello, podemos mantener turno mientras movemos el indicador de tiempo. De esta manera se ajustará al fotograma clave más cercano. Bien, ahora cambiemos la posición de las letras en estos fotogramas clave. Movamos todas las capas hacia la derecha, usando la tecla de flecha derecha del teclado. Mantenga presionada la tecla Mayús para que las capas se muevan en incrementos mayores Volvamos a la composición principal y veamos cómo se ve. Creo que los moví demasiado a la derecha. Volveré a la composición y los moveré un poco a la izquierda esta vez. Veamos cómo se ve ahora. Ya es mejor. Ahora podemos mover el indicador de tiempo para ver la sincronización entre estas dos pre comps Creo que el texto debería empezar a moverse después de que se mueva la letra. Esto significa que necesitamos mover la precomp de texto un poco más lejos en el tiempo A ver eso una vez más, en mi opinión, es excelente. Pero ahora noto que la animación reveladora del texto está sucediendo demasiado rápido. Entremos en la composición de las letras y arreglemos esto. Para ello, necesitamos encontrar los fotogramas clave del efecto que tenemos en las capas. Primero, necesitamos mostrar todos los fotogramas clave de todas las capas. Para ello, vamos a seleccionar todas las capas y presionarte. Vamos a agrandar este panel. Aquí vemos el efecto trazo y los dos parámetros que ajustamos en este efecto. Ahora para ralentizar la animación que desencadena este efecto, necesitamos extender la duración de esta animación. En otras palabras, vamos a seleccionar los últimos fotogramas clave del efecto y moverlos más adelante en el tiempo. Pongámoslos en el segundo número cuatro. Genial, ahora vamos a extender la animación para la revelación de todas las capas. Para ello, seleccionemos los fotogramas clave del efecto de trazo en esta capa. Mantenga presionada la tecla Mayús y seleccione el resto de los fotogramas clave del efecto en las otras capas. Ahora vamos a arrastrar estos fotogramas clave mientras se mantiene presionada la tecla Mayús. De esta manera se ajustarán a los fotogramas clave ubicados a los 4 segundos. Veamos cómo se ve ahora. Creo que es mucho mejor. Bien, ahora vamos a cerrar todas las capas. Para ello, tenemos que asegurarnos de que no estamos seleccionando ninguna capa. Puede hacer clic aquí o aquí. Y ahora presiona la tecla U. Vamos a encoger un poco el panel de composición. Ahora vamos a crear un desplazamiento entre las capas. decir, hagamos que las letras aparezcan una tras otra con un ligero retraso. Actualmente, todos aparecen al mismo tiempo. Seleccionemos todas las letras excepto la letra y moverlas tres fotogramas hacia adelante en el tiempo. Ahora para deseleccionar esta capa, mantenga presionada la tecla de control y haga clic en una vez Genial, vamos a mover estas capas, tres fotogramas hacia adelante en el tiempo. Ahora, mantén presionada la tecla de control y haz clic en esta capa una vez para desseleccionarla. Ahora vamos a mover estas capas, tres fotogramas hacia adelante en el tiempo también. Hagamos esto de nuevo y veamos cómo se ve. Ahora creo que podemos aumentar un poco el offset que creamos. Volvamos a seleccionar estas capas y moverlas dos fotogramas más hacia adelante en el tiempo. Ahora vamos a mover solo estas capas, dos fotogramas más hacia adelante. Hagamos esto para todas las capas hasta la última. Veamos cómo se ve. Ahora creo que es mejor. Ahora volvamos a la composición principal y veamos cómo se ve con la letra A se ve bien. Ahora aprendamos a acortar la duración de los pre comps que tenemos en la escena Voy a explicar a lo que me refiero. Como puedes ver, la duración de esta composición es muy larga. Pero si entramos en ella, podemos ver que la animación dentro de esta precomp termina en el segundo número tres Es decir, toda esta sección es realmente innecesaria porque aquí no pasa nada. Podemos acortar la longitud de esta composición hasta el punto donde termina la animación Para ver dónde termina la animación, necesitamos ver dónde están los últimos fotogramas clave en estas capas. Pregunta, cuál es la tecla de método abreviado para ver los fotogramas clave en las capas con el fin de ver todos los fotogramas clave de todas las capas, nos aseguraremos de que no se seleccione ninguna capa. Y luego presiona la tecla U. Ahora podemos ver que los últimos fotogramas clave están aquí, es decir, la animación termina en este momento Quedémonos aquí con el indicador de tiempo. Ahora necesitamos recortar la línea de tiempo o el área de trabajo a la posición del indicador de tiempo. Podemos hacer esto manualmente, así o usar un atajo presionando. Ahora para cortarlo, tenemos que escribir. Haga clic en el área de trabajo y seleccione Trim Comp Two Work Area. Genial. Ahora la duración de esta composición es de 4 segundos. Cuando volvemos a la composición principal, parece que la longitud de esta pre comp efectivamente se ha acortado. No necesitamos cortar esta pre comp, porque necesitamos ver la letra A hasta el final de la animación. Lo mismo va para esta pre comp. Bien, ahora antes de seguir adelante, alejemos la línea de tiempo y presionemos control para guardar todo lo que hemos hecho hasta ahora. Ahora quiero que hablemos de un tema muy importante, que es cómo modificar la animación que ya hemos creado. En otras palabras, cómo cambiar los fotogramas clave. Eso lo haremos en la siguiente parte. Va a ser una lección súper interesante, pero antes de sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 10. Toques finales: Bienvenido de nuevo. Aprendamos a ajustar los fotogramas clave. Digamos que no estoy satisfecho con la última posición de la pre comp, de la letra A. Quiero mover este bit de prepa a la izquierda Si selecciono la capa en un punto aleatorio en tiempo y luego la muevo a la nueva posición que quiero, arruinaré la animación. Si presiono la tecla U para ver los fotogramas clave en esta capa, veré que en este momento se crea un fotograma clave innecesario . En el punto donde me paro con el indicador de tiempo, Y eso no es lo que queremos. Esto sucede porque ya tenemos marcos clave en la propiedad position. Bien, eliminaré este fotograma clave y aprendamos a hacerlo. Para cambiar la última posición a donde debería estar esta pre comp, necesitamos enfocarnos en el marco clave específico que queremos cambiar. En nuestro caso, es este marco clave. Tenemos que pararnos sobre este fotograma clave y sólo entonces mover la precomp a cualquier otra posición que queramos Ahora cuando estemos en este fotograma clave específico, podemos presionar la flecha izquierda en el teclado mientras mantenemos presionada la tecla Mayús para mover esta capa hacia la izquierda. Ahora ajustemos la posición del texto pre comp de acuerdo a la nueva posición de la letra A. Selecciona esta precomp y muévela hacia la izquierda Veamos cómo se ve eso. Creo que movemos demasiado la letra hacia la izquierda. Entonces, parémonos en el último fotograma clave. Una vez más, selecciona esta pre comp y sólo entonces ajusta la posición. Vamos a moverlo un poco a la derecha. Ahora mueve el texto pre comp a la derecha también. Veamos cómo se ve. Bien, ahora veo que las letras se mueven demasiado rápido hacia la izquierda. Presta atención al texto. Cuando muevo el indicador de tiempo, está colisionando con la letra A. Cambiemos eso. Para ello, entremos ahora en esta composición. Seleccione todas las capas y presione P para ver la propiedad de posición para todas ellas. Como puede ver, el movimiento hacia la izquierda toma 2 segundos. Si nos enfocamos solo en esta capa, puedes ver que la animación comienza a 2 segundos y termina a los 4 segundos. Es decir, la duración de esta animación es de 2 segundos. Para ralentizar la animación, necesitamos mover los últimos fotogramas clave hacia adelante en tiempo para que esta animación dure más de 2 segundos. Seleccionemos todos estos fotogramas clave. Movamos los fotogramas clave según la animación de la última capa. Actualmente termina en el segundo número cuatro. Necesitamos mover los fotogramas clave al segundo número cinco, mantener presionada la tecla Mayús mientras hacemos esto para asegurarnos que los fotogramas clave se ajusten con la posición de los indicadores de tiempo. Genial. Ahora volvamos a la composición principal para ver cómo se ve con la letra A. Creo que podemos comenzar esta pre comp un poco antes. Vamos a moverlo hacia atrás en el tiempo, unos fotogramas. Intenta ajustar el tiempo entre pre comps y comprueba la animación para asegurarte de que es lo que quieres Creo que deberíamos iniciarlo desde el cuarto segundo. Este es un proceso de trabajo regular en la creación de animaciones En after effects, creamos una animación. A menudo tenemos que hacer ajustes en el tiempo de los fotogramas clave de cada capa hasta que estemos contentos con el resultado final. Por ejemplo, por el momento, creo que la letra A permanece demasiado tiempo en la escena y necesita ser ajustada. Me gustaría que la letra A entrara en escena un poco antes. Para ello, seleccionaré todos los fotogramas clave en él. Esa es toda la animación. Ahora voy a encontrar un punto temporal que creo que funciona, por ejemplo, en los fotogramas tercero y 15. Ahora voy a mover los fotogramas clave aquí y ver lo que me sale. Ahora como hemos movido la animación de la letra A, necesitamos mover la animación de las otras letras en consecuencia. Esto significa que también necesitamos mover esta pre comp a un punto de tiempo ligeramente anterior. Por ejemplo, aquí, veamos cómo se ve. Ahora me gusta. Ahora es el momento de crear una animación de salida para el logotipo. Empecemos. Primero, necesitamos seleccionar todas las capas y colocarlas en una sola composición, presionar control shift, cambiar el nombre a animación principal, seleccionar ambas, y presionar Bien, ahora necesitamos crear un fondo para nuestra escena usando el color de fondo del diseño original del logotipo. Para lograrlo, volvamos al panel del proyecto. Abra la carpeta con las capas de diseño del logotipo. Localice el fondo y haga clic en él para ver su color. A continuación, crearemos un nuevo fondo. Después de los efectos, podemos crear una capa llamada Sólido para este propósito. Para crear un nuevo sólido, haga clic con el botón derecho aquí en el área vacía en el panel Capas. Vaya a Nuevo y seleccione Sólido. Ahora selecciona el cuentagotas y muestra el color de fondo del diseño Antes de hacer clic bien, podemos cambiar el nombre a BG y asegurarnos que el tamaño del sólido coincida con el tamaño de la composición. Luego haz clic en Bien. Y ahí está, tenemos un verdadero trasfondo. Vamos a bajarlo. Ahora, aprendamos a crear este genial efecto de desaparición como se ve en el ejemplo Lo primero que tenemos que hacer es crear una capa de ajuste. La capa de ajuste es una capa especial en los efectos posteriores que permite aplicar efectos y ajustes a varias capas simultáneamente. En lugar de aplicar el mismo efecto a cada capa individual, puede agregar una capa de ajuste y aplicar el efecto a esa capa. El efecto se aplicará entonces a todas las capas debajo de él en la pila de capas. El beneficio de usar una capa de ajuste es que te permite realizar cambios globales en tu composición de forma rápida y sencilla. Entonces después de entender cuál es la capa de ajuste, vamos a crear una y ver cómo puede ayudarnos a crear el efecto de desaparición que necesitamos Para crear una nueva capa de ajuste, necesitamos hacer click derecho aquí, ir a Nueva y seleccionar Capa de Ajuste. Ahora llevemos esta capa a la parte superior. Ya puedes cerrar la carpeta. Ahora voy a ocultar todas las capas. Sólo para mostrarte que la capa de ajuste es una capa vacía creada en el tamaño de nuestra composición. En esta capa, podemos agregar efectos y crear una especie de filtro que afectará a todas las capas debajo de ella. Bien, entonces volveré a encender las capas y agreguemos el primer efecto a la capa de ajuste. El primer efecto que usaremos se llama desplazamiento turbulento, arrastrarlo a la capa de ajuste y comenzar a ajustar los parámetros puede ver que crea una distorsión ondulada en la escena. Ajustemos los parámetros hasta que obtengamos algo interesante Empecemos con la cantidad. Creo que podemos fijarlo en 30 por ahora. Siguiente en tamaño, pongámoslo en 20. Pensándolo bien, fijemos la cantidad en 60. Bien, y ahora podemos hacerlo aún más interesante animando esta distorsión Podemos hacerlo rotando la evolución. Pero en lugar de animar su propiedad manualmente, podemos usar una expresión para hacer que esta gire sin crear un solo fotograma clave Las expresiones son una característica poderosa que te permite automatizar y controlar diferentes aspectos de tu composición. Las expresiones son esencialmente pequeñas piezas de código que se pueden agregar a varios parámetros de sus capas o efectos. Las expresiones y los efectos posteriores se pueden crear usando Javascript o el lenguaje de script extend y se puede acceder y editar a través del panel de expresiones. Para crear una expresión, necesitamos mantener presionada la tecla Alt y hacer clic en el cronómetro de la propiedad que queremos animar Ahora se abre una línea de código para nosotros, en la que escribiremos una expresión muy sencilla, asterisco de tiempo 100 Para finalizar la acción, haga clic en algún lugar fuera del cuadro de expresión. Ahora este parámetro rotará sin que nosotros creamos fotogramas clave para ello. Si quieres que este movimiento sea más rápido, puedes cambiar la expresión de tiempo a 500. Para ello, da click en la expresión para abrir la línea de expresión y cambiar el número creo que es demasiado rápido. Vamos a ponerlo de nuevo en 100. Ahora pasemos al segundo número diez y creemos una animación para la propiedad amount. Estableceremos que en este momento, el valor será cero y crearemos el primer fotograma clave. Ahora pasemos al segundo 16 y aumentemos la cantidad a 100. Veamos cómo queda genial. Ahora podemos seleccionar todos los fotogramas clave y presionar F nueve para convertirlos en fotogramas clave de CE. Creo que esta animación es un poco demasiado lenta. Pasemos el último fotograma clave al segundo 14. A ver, ahora se ve bien. Ahora podemos cerrar la capa y añadir otro efecto llamado desenfoque rápido de cuadro. Busca el efecto en el panel de efectos y arrástralo a la capa de ajuste. Ahora pulsemos para ver los fotogramas clave del efecto anterior y el tiempo que creará la animación para que el efecto de desenfoque coincida con la animación del anterior. Parémonos en este punto en el tiempo y creemos el primer fotograma clave para este efecto con un valor de cero. Para ver los fotogramas clave que hemos creado en la capa, presionémosle una vez, y luego nuevamente allí podremos ver los fotogramas clave para el efecto de desenfoque. Ahora pasemos al segundo 14 y aumentemos el desenfoque a 30. Veamos cómo se ve. 30 parece un poco demasiado. Parémonos sobre este fotograma clave y cambiémoslo a diez. Eso se ve mejor. Ahora vamos a seleccionar estos fotogramas clave y convertirlos a fáciles también Veamos cómo se ve. Se ve excelente. Podemos cerrar esta capa. Ahora por fin, podemos etiquetar esta capa de ajuste, seleccione. Presiona Enter y cambia el nombre para desenfoque. Pulse Intro una vez más para finalizar la acción. Ahora encontremos un buen punto en el tiempo para hacer desaparecer el logo. Digamos que el logo empezará a desaparecer a los segundos diez Para que desaparezca, necesitamos acceder a la propiedad Opacity para su pre comp Para ello, presiona la tecla. Ahora crea un fotograma clave a la opacidad 100. Después pasar al segundo 12, y cambiar la opacidad a cero También vamos a facilitar estos marcos clave. Veamos cómo se ve. En mi opinión, el logo desaparece demasiado pronto. Seleccionemos estos fotogramas clave y comencemos la desaparición a partir del segundo 11. Vamos a verlo ahora probemos el segundo 12. Creo que eso es mejor. Ahora bien, si seleccionamos la capa de ajuste y te presionamos para ver sus fotogramas clave, parece que el momento de la desaparición del logotipo coincide con el final de la animación del efecto. Lo cual es genial, pero creo que podemos aumentar aún más el tamaño de la distorsión. Vamos a probar 30. Se ve genial. Con esto, terminamos de crear la animación. Estamos listos para renderizarlo. Ahora, antes de renderizar el proyecto, revisemos todo lo que hemos creado desde el principio hasta el final para verificar si hay fallas o errores. Noto que la letra A se mueve hacia un lado de una manera rara. Tratemos de encontrar el problema y solucionarlo muy rápido. Vamos a entrar en la animación principal pre comp. Ahora selecciona la A, pre comp de animación, y presiona para ver los fotogramas clave en ella. Volvamos a echarle un vistazo. Ves que la letra A no se mueve a la misma velocidad que las otras letras. Para verificar esto, podemos seleccionar los fotogramas clave para la posición. Mantenga presionada la tecla Alt y haga doble clic en uno de los fotogramas clave para acceder a los fotogramas clave. Panel de velocidad para esta propiedad. Ahí podemos notar que la velocidad de esta animación es diferente de nuestras otras animaciones. Si recuerdas, habíamos establecido la velocidad de todos los fotogramas clave del parámetro de posición en 85, 85 para todas las letras. Hagamos lo mismo aquí también. Ahora volvamos a la composición principal y comprobemos cómo queda genial. Ahora parece que la animación está en el mismo movimiento. No obstante, creo que la animación de letras es un poco demasiado lenta. Aprendamos a acelerarlo. Primero, ingresemos nuevamente a esta pre comp. Ahora ingrese el texto comp. Párese con el indicador de tiempo en el cuarto segundo y mueva aquí los últimos fotogramas clave. Si no ve los fotogramas clave, puede seleccionar todas las capas y presionar P. Movamos estos fotogramas clave a la posición del indicador de tiempo manteniendo presionada la tecla Mayús Ahora volvamos a esta composición y veamos cómo se ve junto con la animación de la letra A. Se ve bien. Genial, volvamos a la comp de animación de logotipos. Ahora, como hemos acortado la animación del logotipo, también tenemos que hacer que desaparezca más rápido. Para ello, seleccionaremos la capa de ajuste y te presionaremos para ver sus fotogramas clave. Después moveremos todos los fotogramas clave al noveno segundo. Ahora lleguemos al segundo 13 cuando el logo haya desaparecido por completo y aprendamos algo genial que puedas hacer con En los efectos posteriores, puedes crear marcadores dentro tu composición para identificar puntos importantes en la línea de tiempo. Estos marcadores son sumamente útiles y te mostraré cómo usarlos en la siguiente parte. Nos vemos ahí. Va a ser increíble. 11. Tiempo de renderizado: Hola, bienvenido de nuevo. Casi terminamos con nuestra animación. Echemos un vistazo a algunas características interesantes y notas importantes para asegurarnos de que estamos todos preparados para el renderizado final. Para comenzar, aprendamos sobre los marcadores en tu proyecto. Asegúrate de no haber seleccionado ninguna capa antes de crear un marcador. Los marcadores pueden ayudarnos a crear una nota en momentos importantes. Por ejemplo, sabemos que nuestra animación termina aquí en el segundo número 13. Puedo crearme una nota de que este es el punto hasta que necesito renderizar mi proyecto. Y puedo hacerlo creando un marcador para esto. Haga clic en el pequeño icono que se encuentra aquí en el lado derecho de la línea de tiempo. Una vez que hagas clic en él, se creará un nuevo marcador en el momento en el que se coloca el indicador de tiempo. Ahora haz doble clic en el marcador y escribe, y esto te ayudará a identificar dónde termina la animación. Este paso es opcional y no tienes que hacerlo, pero es bueno que conozcas esta genial función. Bien, ahora pasemos a la parte de renderizado. Lo primero que debemos hacer antes de renderizar cualquier proyecto es asegurarnos de que no estamos renderizando partes innecesarias de la animación. Para ello, necesitamos acortar el área de trabajo al momento en que termine la animación Puedes hacerlo manualmente o presionar la tecla N. Como resultado, los efectos posteriores solo renderizarán la escena hasta el final del área de trabajo. Lo siguiente que debemos asegurar antes de renderizar es que todos nuestros diseños sean de la más alta calidad. Podemos lograr esto usando la función de colapso. Entremos en esta composición y apliquemos la función collapse a todos los precomps y todas las capas dentro de esos pre Porque ahora mismo si me acerco, se puede ver que los objetos en la escena son un poco borrosos y no nítidos. Están pixelados Bien, comencemos con la composición del texto. Mueva el indicador de tiempo hacia adelante en tiempo para ver todas las capas. Ahora da clic aquí para ver la función de colapso. Aplícalo a todas estas capas para que podamos verlas todas en su máxima calidad. Ahora volvamos a la composición principal y apliquemos colapso a todos los pre comps No necesitamos volver, ingresar y seleccionar las capas para la letra A y el carácter. Eso ya lo hemos hecho al inicio de la lección. Pero sí necesitamos activar el colapso para esta precomp. Activa entonces el colapso para el resto de los precomps. Ahora podemos configurar la vista previa para que encaje y asegurarnos la animación aún se vea bien después de que colapsemos los precomps Una vez que hayamos hecho eso, volvamos a la composición de animación del logotipo y apliquemos el colapso allí también. Da click aquí para ver la función y activarla. Ahora echemos un vistazo rápido para asegurarnos de que la función de colapso no afectó nuestra animación. Todo se ve bien. Por último, estamos listos para renderizar la escena. Para renderizar la composición en la que nos encontramos actualmente, podemos ir a Composición y elegir Agregar para renderizar Q. Alternativamente, podemos usar el control de atajo M. Usemos el atajo y presionemos el control M. Ahora estamos en el panel Q de render de after effects. Aquí podemos ver qué composición estamos renderizando, cuál es esta composición. Ahora en modo de salida, podemos seleccionar el formato de archivo que necesitamos. Vamos a elegir Ho 0.2 64, 40 MBPS, que es un archivo MP cuatro de alta resolución. Entonces tenemos que elegir dónde renderizar el video. Haga clic aquí. Encontremos la carpeta que creamos para esta lección. Optemos por guardarlo en la carpeta renders. Ahora asegúrate de que el nombre sea bueno. El nombre que aparece aquí es el mismo que el nombre de la composición que estamos renderizando. A continuación, podemos presionar Guardar. Por último, haga clic en el botón renderizar. Ahora esperemos un par de minutos. Ten en cuenta que el tiempo de renderizado de las animaciones no es el mismo para todos. La potencia de tu computadora es lo que determina qué tan rápido o lento será para ti. Algunos de ustedes pueden necesitar ser más pacientes, mientras que otros pueden verlo terminado en poco tiempo. Una vez que se completa el render para ver el render, podemos encontrar la carpeta manualmente o hacer clic en el enlace aquí en el modo de salida. Esto nos llevará directamente a la carpeta donde se renderiza el video. Abramos el video y veamos cómo se ve. Impresionante trabajo. Ahora puedes mostrar la animación que hiciste en tus plataformas de redes sociales y tu sitio web de portafolio. Si te gusta el curso, sería increíble si pudieras darle una calificación basada en tu experiencia. Y no olvides dejar algunos comentarios para que pueda saber si aprendes algo genial del coro o no Bien, ahora volvamos a nuestro proyecto y aprendamos a renderizar la animación sin ningún fondo. Esto es útil cuando necesitamos integrar la animación del logotipo en diferentes fondos o cuando tenemos un video reproduciendo en segundo plano. Veamos cómo se hace. En primer lugar, podemos cerrar esto y salir del panel de renderizado. Ahora volvamos a nuestra composición principal y apaguemos el fondo aquí, seleccionemos la capa BG y la apaguemos. Si no ves el fondo transparente y sí ves el fondo gris, eso está perfectamente bien. Este fondo gris no es real. Es solo un fondo de pantalla de vista previa. Ahora vamos a presionar controlarlos otra vez. Esta vez, da clic aquí y cambia el formato a tiempo rápido. A continuación en las opciones de formato, seleccione animación. Ahora en los canales tenemos que elegir RGB más alfa. Esto le dice a los efectos posteriores que rendericen esta animación sin fondo, es decir, con un fondo transparente. Ahora vamos a elegir dónde renderizar la animación. También vamos a renderizarlo en nuestra carpeta de renders. Esta vez, agregue guion bajo Alfa o subrayado BG al final del nombre del archivo, puede diferenciar entre los Ahora presiona guardar y renderizar. Una vez más, esperemos un par de minutos. Bien, veamos qué tenemos aquí. No te enloquines si el video se ve un poco entrecortado. Es sólo una cosa de formato de archivo. Para revisar este video y asegurarnos que ha sido renderizado sin un fondo, podemos arrastrarlo a nuestro proyecto. Primero, podemos volver a nuestra comp de animación de logotipos. Ahora abre la carpeta render y arrastra el archivo MOV al proyecto. Apaguemos todas las capas. Ahí lo tienes. Conseguimos una animación sin fondo. Por supuesto, también puedes encontrar el archivo en el panel del proyecto. Como realmente no necesitamos este archivo en el proyecto, podemos seleccionarlo y presionar retroceso para eliminarlo de aquí También vamos a eliminarlo del panel del proyecto. Volvamos a poner en todas las capas de nuestra escena. También puedes cerrar este panel. Ahora aprendamos a organizar nuestro proyecto en el panel de proyectos. Antes de cerrarlo, es muy importante mantener tu proyecto organizado en el panel de proyectos para que puedas encontrar todo fácilmente. Esto te ahorrará mucho tiempo cuando vuelvas a trabajar en el proyecto más tarde. Tener un proyecto organizado también es esencial a la hora de trabajar con otros animadores Necesitarán acceder a tu proyecto y quieres que puedan navegar fácilmente por él. Si los clientes piden el archivo del proyecto, es mucho más fácil compartirlo con ellos cuando está organizado. Podemos organizar nuestro proyecto creando carpetas al igual que la carpeta que apareció cuando importamos el logotipo de Illustrator y la carpeta que apareció cuando creamos el sólido y la capa de ajuste que tenemos aquí en nuestra composición Todo bien, Para crear una nueva carpeta, asegúrese de que no se seleccione nada en el panel del proyecto. A continuación, haga clic en el icono para crear una nueva carpeta. Ahora nombra Activos y presiona Enter para confirmar. Después de eso, arrastre todos los activos gráficos, incluida la carpeta con las capas del logotipo, capa de caracteres y la carpeta de sólidos a esta carpeta recién creada. Ahora vamos a crear otra carpeta. Cuando estés creando una nueva carpeta, asegúrate de no seleccionar nada en el panel del proyecto. Si lo haces, la nueva carpeta se creará dentro de la carpeta seleccionada, que no es lo que queremos. Simplemente verifique que no haya nada seleccionado antes de crear la nueva carpeta. Bien, hagamos clic aquí y pongamos el nombre de esta carpeta, Precomps aquí y pongamos el nombre de esta carpeta, Precomps Ahora vamos a arrastrar todos los precomps que creamos durante el proyecto a esta carpeta Excepto por la composición principal, podemos etiquetar la composición principal con un color diferente al de los otros precomps A continuación, pongamos estos dos precomps en la carpeta, y éste también Bien, ya casi terminamos aquí. Cerremos todos los precomps que abrimos y guardemos el proyecto presionando control También puedes apagar la cuadrícula desde el menú desplegable o simplemente presionar la tecla apóstrofo Ahora no olvidemos cerrar los archivos de Illustrator hasta ahora. Podemos cerrar este proyecto After Effects. Eso es todo para nuestra primera lección. Espero que te hayas divertido, y no puedo esperar a verte en la siguiente lección cuando crearemos una animación de logotipo funky para un canal de Youtube compuesto para diseñadores de movimiento Y aprende a crear una animación avanzada de texto extensible. Va a ser increíble. Entonces nos vemos ahí. Pero antes de sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 12. Logo #1 Tarea de casa: Hola ahí. Espero que las lecciones te hayan resultado útiles y hayas aprendido algunas cosas nuevas e interesantes. Para recordar mejor todo lo que cubrimos, recomiendo encarecidamente practicar completando esta tarea. Tu tarea es recrear esta animación genial. Tienes la libertad de cambiar los colores y agregar cualquier gráfico adicional que te guste cada vez que enfrentes algún problema o tengas algunas preguntas. No dude en consultar el archivo del proyecto AE para ver los pasos que tomé. Adicionalmente, siempre puedes contactarme en busca de ayuda. Buena suerte. 13. Logo #2 - Animar un logotipo para un canal de YouTube: Hola y bienvenidos de nuevo. En esta lección, estaremos creando una animación de logotipo funky para un canal de Youtube compuesto que se puede usar como un parachoques de logotipo genial Un parachoques de logotipo es una breve secuencia animada que sirve como introducción a un video. O puede ser utilizado como una transición de una escena a otra. Nos centraremos en una técnica realmente genial llamada animación de texto estirable. Al final de esta lección, sabrás cómo crear una increíble animación de logotipo que dejará boquiabiertos a todos. Empecemos y pasemos un poco de diversión. 14. Animación de texto estirado: Hola y bienvenidos de nuevo. Empecemos por ver cómo se hizo este logotipo en Illustrator. Para ello dirígete a la carpeta de IA en la carpeta del plato principal y abre el segundo logo. Imaginemos que este logo es para un canal de Youtube que habla sobre el diseño de movimiento y la animación. Como puedes ver, este diseño también se divide en varias capas. Hay una capa para el texto principal, una capa para el eslogan, y estos iconos representan diferentes tipos de fotogramas clave que se encuentran en los efectos posteriores. Más adelante, aprenderemos una manera interesante de mezclarlos en la animación del logotipo. En lugar de simplemente dejarlos como están en el diseño original que vemos ahora. Y ahora veamos el storyboard que creé para este diseño de logotipo Ya que estamos hablando de un canal de Youtube, eso es todo acerca de motion graphics. Estaba pensando que podríamos comenzar con una animación de texto estirado de las letras del logotipo, porque la animación de texto elástico crea una gran sensación de movimiento. Entonces pensé en una forma interesante combinar todos los iconos con el texto. Quiero que los íconos entren en escena y muevan el resto del texto para aumentar la sensación de movimiento en la escena. Bien, basta con la plática. Empecemos en el almuerzo, después de los efectos juntos, ya podemos cerrar esta ventana para que todos veamos los mismos diseños de paneles. Vamos a hacer clic en Default aquí. Ahora vamos a crear nuestra primera composición haciendo clic en Nueva composición. Lo llamaremos Logo Animación dos. Pasando a la resolución, trabajaremos en formato Full HD, que es de 1,920 píxeles de ancho y 1080 píxeles de alto A continuación, fijemos la velocidad de fotogramas en 24. Esta vez, la duración puede ser de 20 segundos esta vez. Por último, escojamos el color de fondo para la composición. Vamos con el negro. Ahora, haz clic bien. Aquí y aquí. Y antes de que empecemos a trabajar, quiero enseñarles sobre una acción muy importante en los efectos posteriores llamada purga. Cuando trabajas en un proyecto. En after effects, almacena un montón de datos e información en su caché de memoria. Y a veces ese caché puede quedar todo obstruido con cosas viejas o innecesarias, lo que puede ralentizar el programa e incluso causar errores o bloqueos Cuando eso sucede, puede usar la función de purga para borrar la caché y liberar algo de memoria. Es muy útil cuando tienes problemas de rendimiento o te encuentras con errores, solo borra esa caché y verás una gran mejora en la forma en que se ejecuta el programa. Como hicimos algunas cosas bastante complicadas en la última lección. Inteligente para ayudar a que los efectos posteriores funcionen mejor al deshacerse de cualquier dato innecesario. De esta manera podemos trabajar en este proyecto sin ningún problema molesto. Vamos a Editar, Purgar y seleccionar toda la memoria y caché de disco. Verás cuánta basura has recogido. El número puede diferir para ti. De todas formas, golpea Bien, y espera unos segundos a que todo esté despejado. Bien, y ahora es un excelente momento para guardar el proyecto y darle un nombre. Vamos a Archivo y damos clic en Guardar. Ahora encontremos la carpeta que creamos para la lección. Ingresa a la carpeta AE y nombra el archivo after effects en el que estamos trabajando. Puede seleccionar este proyecto para muestrear el nombre, luego cambiar el número a dos y el nombre del logotipo para diseñar en movimiento. Una vez hecho esto, haz clic en Guardar. Ahora importemos nuestro logo al proyecto. Haga doble clic en el área vacía en el panel del proyecto. Después ingresa a la carpeta AI y selecciona el segundo logotipo. Asegúrate de que no seleccionamos esta función. Luego haz clic en Importar. Como aprendimos, necesitamos importarlo como una composición porque queremos este archivo en capas separadas. Aquí elegimos el tamaño de capa, porque queremos que los límites de capa coincidan con el tamaño de los objetos y no con el tamaño de los documentos. Finalmente golpeó. Bien, ahí está. Hemos creado una nueva carpeta que contiene todas las capas del archivo illustrator más una nueva composición con las capas del logotipo dentro de él. Cuando lo abramos, veremos el logotipo dividido en capas, tal como está estructurado en el archivo original de Illustrator. Bien, vamos a cerrar esta pre comp y estamos bien para comenzar la lección. Primero, abramos la carpeta de capas de logotipos en el panel del proyecto y arrastremos el texto principal del logotipo a la composición. Ahora para crear la animación estirada que vemos en el ejemplo, necesitamos convertir esta capa de Illustrator en una capa conformada con un trazado similar a como convertimos una capa de texto en Crear contornos en Illustrator. De esta manera creamos una forma con un trazado que podemos mover y modificar a cualquier otra forma que necesitemos en after effects Para convertir esta capa en una forma con un trazado haga clic derecho sobre la capa. Ve a Crear y selecciona Crear formas a partir de capas vectoriales. La capa original de Illustrator se desactivará automáticamente. Como ya no lo necesitamos, puedes eliminarlo seleccionándolo y presionando retroceso o eliminar teclas antes de seguir adelante, aquí hay un consejo útil para ustedes chicos Al crear una animación de texto extensible, lo mejor es usar fuentes sand sera, que son aquellas sin los pequeños trazos decorativos al final de cada letra conocida como seras. De esta manera será mucho más fácil animar el texto. Bien, entonces ahora tenemos una capa de forma. Y podemos usar la herramienta pluma para jugar con el camino de las letras. Pero antes de sumergirnos en ello, déjame darte un pequeño consejo. Si quieres agregar un trazo a tu diseño, podrías pensar que simplemente puedes elegir un color y hacerlo más grueso. Bueno, no va a aparecer, eso es porque no hay trazo en el diseño original del ilustrador. Sin embargo, afortunadamente hay una manera genial de agregar trazo directamente en los efectos posteriores. Aquí te explicamos cómo hacerlo. Abre tu capa y echa un vistazo a su contenido. Puedes ver todas las formas que componen la capa, lo que significa todas tus letras. Para agregar un trazo a cada letra, seleccione Contenido. Luego abre el menú Anuncio y selecciona Trazo. Ahora puedes ajustar el grosor y el color del trazo para que coincida con tus preferencias. Pero si no estás planeando usar trazo, solo tienes que seleccionar este parámetro y presionar retroceso o eliminar para eliminarlo Bien, como mencioné antes, esos grupos que estás viendo en la pantalla, son todos letras. Para facilitar las cosas, cambiemos el nombre de estos grupos para que coincidan con las letras que representan. Por ejemplo, si este grupo representa la letra D, vamos a seleccionarlo, presione Enter. Mantenga pulsada la tecla Mayús y escriba D. Ahora vamos a seleccionar este grupo y cambiar el nombre a KC superior Haz lo mismo con otros grupos y nombra según las letras que representen. Ahora aprendamos a estirar las letras individuales en un diseño. Si hago clic en un punto y trato de moverlo, no pasa nada para mover los puntos de la ruta de la letra. Primero necesitamos abrir la forma y seleccionar el camino que conforma la letra. Esta carta, por ejemplo, está conformada por dos caminos. Uno para la parte interior de la letra y otro para la mayor parte. Una vez que seleccionamos el trazado a través de la capa, entonces podremos elegir los puntos y moverlos para estirar o ajustar una letra según sea necesario. Para crear una animación para el camino, necesitamos abrirla. Esto nos permitirá ver su cronómetro y crear marcos clave para este camino Pero en lugar de abrir manualmente todas las rutas necesarias, podemos simplificar el proceso seleccionando la capa y escribiendo ruta en la barra de búsqueda después de que los efectos luego mostrarán todos los caminos asociados a esta capa. Puede notar que para cada forma de esta capa, hay una propiedad adicional llamada ruta fusionada. Sin embargo, realmente no necesitamos este, así que podemos seleccionarlo y eliminarlo de todas las formas de esta capa. Busquemos todos los caminos de fusión y los eliminemos antes de animar la capa Bien, una vez que hayamos hecho esto, estamos listos para pasar primero a la fase de animación. Porque ya sabemos que todas las formas aquí necesitan verse como lo hacen. Ahora, en algún momento en el futuro, necesitamos crear los primeros fotogramas clave sin cambiar nada. No sabemos cuándo va a pasar esto, pero sabemos que tiene que suceder. Necesitamos crear fotogramas clave para todos los caminos de esta capa. Hagámoslo ahora. Para facilitar las cosas, podemos seleccionar la capa y presionar la tecla U para ocultar todas las propiedades innecesarias y ver solo las rutas con fotogramas clave. Ahora hagamos que nuestros flujos de trabajo sean más fluidos aprendiendo a mover los paneles en el software. Esto es particularmente útil para aquellos de ustedes que trabajan en computadoras portátiles con pantallas más pequeñas. Cerremos la carpeta y ajustemos los paneles para que se adapten a nuestras necesidades de animación. Primero, vamos a reducir el panel de proyecto y los paneles de flujo de trabajo. Después agarraremos el panel de composición y lo arrastraremos aquí Podemos agrandar un poco más la pantalla. Alejemos un poco ahora para ver más de nuestra línea de tiempo. Podemos hacer clic derecho aquí, ir a columnas, y dar clic en Estirar para ocultar esta función. Por ahora, vamos a ocultar esta característica también, haga clic con el botón derecho aquí, vaya a columnas y haga clic en padre y enlace. No te preocupes, siempre podemos traer de vuelta estas funciones más tarde. Adicionalmente, podemos minimizar esta área aún más arrastrando las pequeñas líneas aquí hacia un lado Al hacer esto, tenemos más espacio y podemos continuar con el proyecto. Ahora vamos a acercarnos a nuestra línea de tiempo para ver de cerca los fotogramas clave. Por cierto, si ves los segundos aquí representados de manera diferente, simplemente dirígete aquí, mantén presionada la tecla de control, y haz clic en los números hasta que lo veas en segundos. Bien, Después de haber aprendido a organizar los paneles, llevemos todo de vuelta a su posición original. Para aquellos que prefieran trabajar en esta disposición de paneles, puedes quedarte con él. Bien, vamos a agarrar el panel de composición aquí y arrastrarlo al fondo del software. Ahora vamos a traer de vuelta las funciones ocultas. Haga clic con el botón derecho aquí, vaya a las columnas y seleccione padre y Enlace. También vamos a traer de vuelta la función de estiramiento. Genial, ahora estamos listos para animar el texto. Vamos a crear tres formas diferentes en tres momentos diferentes para el diseño de la letra. Esto lo haremos creando fotogramas clave y ajustando la trayectoria de las letras. De esta manera mostramos después de los efectos, cómo las formas de las letras necesitan mirar puntos específicos en el tiempo. Luego después de los efectos, conectaremos las diferentes formas que se definieron, creando la animación estirada para nosotros. Como dijimos antes, sabemos que las letras tienen que aparecer como están ahora mismo en algún momento de la animación. Mientras tanto, digamos que deberían verse así en el segundo número dos. Pasemos al segundo número dos con el indicador de tiempo. Selecciona los fotogramas clave y muévalos mientras mantienes presionada la tecla Mayús. Ahora pasemos 1 segundo atrás en el tiempo al segundo número uno y cambiemos la apariencia de las letras. En otras palabras, vamos a mostrar después de los efectos cómo estas letras deben mirar al segundo número uno. Para mayor comodidad, mantengamos la tecla de espacio y arrastremos la tecla de espacio y arrastremos la pantalla hacia la primera letra, la letra D. Entonces cambiemos la forma de esta letra a la forma en que queremos que aparezca en el segundo número uno. Seleccionemos estos dos puntos y arrastrémoslos fuera la escena mientras mantenemos presionada la tecla Mayús para moverlos en el eje recto. Ahora hagamos clic en este punto, mantengamos presionada la tecla Mayús y seleccionemos este punto también. A continuación, arrastremos estos dos puntos aquí mientras mantenemos pulsada la tecla Mayús. Ahora vamos a seleccionar todos los puntos de este lado, teniendo cuidado de no seleccionar los puntos de la letra. Bien, vamos a traerlos aquí. A continuación, pasemos al inicio de la línea de tiempo. Selecciona estos puntos, muévalos un poco hacia la izquierda. Y luego selecciona todos estos puntos y muévalos fuera del marco. Ahora después de los efectos, sabremos cómo debería aparecer esta carta en tres momentos diferentes. En el segundo número cero, la letra se ve así. En el segundo número uno, la letra se ve así. En el segundo número tres, vuelve a su forma original. Ahora hagamos lo mismo por la carta. Como puede ver, obtuvimos el primer fotograma clave en los dos segundos lo que indica a after effects cómo debería verse esta ruta de letras en este momento. Ahora hagamos lo mismo con la carta, pero antes de eso, apaguemos la letra D para que no interfiera con nosotros trabajando en la carta. Para ocultar la letra D, necesitamos cerrar la capa y volver a abrirla para ver todos los grupos dentro de ella Para cerrar todos los grupos abiertos y encontrar la letra D más rápido, podemos cerrar el contenido manteniendo pulsada la tecla de control. Ahora bien, si lo volvemos a abrir, veremos las letras más convenientemente cuando todos los parámetros estén cerrados. Aquí está la letra D. Vamos a hacer clic en el icono para ocultarlo. Ahora para volver atrás y cambiar el camino de la letra E, necesitamos volver a ver nuestros fotogramas clave. Vamos a seleccionar la capa y presionarte. Es importante para mí mostrarte todos estos pasos porque este es el proceso de trabajo para crear complejas animaciones de texto extensible. Bien, ahora para poder seleccionar los puntos, necesitamos dar click en la ruta de esta letra. Entonces vamos a seleccionar estos puntos y moverlos fuera del marco. Ahora vamos a acercar un poco, ya sea con la rueda del ratón o usando estas teclas. Ten cuidado de no seleccionar los puntos de la letra S. Vamos a moverla aquí. A lo mejor aquí podemos seleccionar estos puntos y moverlos aquí para crear un movimiento más interesante. Por último, pasemos al inicio de la línea de tiempo. Y ajustar el punto de esa manera para que podamos sacarlos del marco. Ahora después de los efectos sabe que en segundo cero el camino debería verse así. En la segunda, el camino se verá así. Al segundo tres, el camino vuelve a su posición original. Veamos cómo se ve. Creo que podemos crear una animación más interesante para esto. Pasemos al segundo y cambiemos la forma en que se ve la letra en este momento. En otras palabras, cambiemos los marcos clave que tenemos. Ahora, es crucial posicionar el indicador de tiempo en el marco clave con precisión. Para lograrlo, puedes mover el indicador de tiempo y mantener presionada la tecla Mayús. Esto le permitirá ajustarse a los marcos clave cercanos a él. Bien, ahora vamos a acercarnos a esta parte de la carta. Seleccione este punto, mantenga presionada la tecla Mayús y seleccione estos puntos también. Ahora vamos a arrastrarlos hasta aquí. Básicamente, hemos cambiado el diseño de la carta a cómo debería verse en este momento. Volvamos a este fotograma clave una vez más y ajustemos estos puntos una vez más. Mueve estos puntos un poco hacia la derecha. Creo que se ve mejor. Bien, pasando, volvamos a la segunda y empecemos a trabajar en la siguiente letra. No usaremos el estilo de texto extensible para la letra S. Eliminemos los fotogramas clave que creamos para su ruta. Vamos a darle forma a esta carta de manera diferente más adelante. Seleccione su fotograma clave y bórrelo. Ahora vamos a seleccionar el camino que por encima de él, que es el camino de la letra I. Esta vez, estiraremos esta letra desde arriba para trabajar cómodamente. Vamos a configurar la pantalla de vista previa para que encaje. Podemos ampliar un poco el panel de vista previa. Ahora vamos a seleccionar los puntos superiores. Podemos acercarnos un poco más. Asegúrate de que estamos en el segundo ahora vamos a moverlos al siguiente. Seleccionemos los puntos inferiores de esta letra y muévalos aquí. Entonces vayamos al segundo cero y saquemos estos dos puntos del marco. Hemos creado tres marcos clave, cada uno con un diseño diferente para la letra. Pero antes de seguir adelante, volvamos al segundo número uno y ajustemos el diseño de esta letra en este momento, seleccionemos los puntos inferiores y bajemos un poco. Veamos qué tenemos. Creo que se ve mejor. Ahora pasemos a la letra G. Esta carta, diferencia de las demás, tiene una porción redondeada, lo que requiere que la manejemos de manera diferente. Déjame explicarte a qué me refiero. Pasemos al segundo número dos y acerquemos un poco. No lo hagas conmigo por ahora. Quiero mostrarles lo que pasaría si tratara de seleccionar estos puntos y moverlos hacia abajo. Como puedes ver, la forma de las letras cambiará y se verá rara. Esto sucede porque esta área es redondeada. Cuando se trabaja con letras que tienen áreas redondeadas, es posible que necesitemos agregar más puntos al trazado. Ahora puedes hacerlo conmigo. Para ello, vamos a seleccionar la herramienta pluma, acercarnos al trazado y crear un nuevo punto aquí y aquí. Ahora volvamos a cambiar a la herramienta de selección y seleccionar todos los puntos que componen la parte inferior de la letra sin seleccionar los dos nuevos puntos que creamos. Ahora vamos al segundo número uno. Y cuando movemos los puntos seleccionados hacia abajo, la forma de la letra se conservará según sea necesario. Esto se debe a que creamos esos dos puntos adicionales. Bien, retrocedamos un poco y sigamos dando forma a la letra. En este punto, también puede mover los puntos seleccionados presionando las teclas de flecha del teclado mientras mantiene presionada la tecla Mayús. De esta manera el movimiento será en incrementos mayores. Ahora seleccionemos estos puntos y busquemos un lugar diferente para ellos, en algún lugar por aquí. Eso está bien. A continuación, pasemos al segundo número cero y ajustemos el diseño de la letra una vez más. Una vez hecho esto, vamos a comprobar cómo se ve. Bien, coloquemos el indicador de tiempo en el segundo número dos y sigamos adelante para animar el camino de la letra Ya que quiero animar el camino para entrar a la escena desde la izquierda, apagaré la letra anterior a ella Para ello, necesitamos ver todos los grupos dentro de esta capa, porque en este momento no podemos ver el icono desde el que podemos apagar los grupos. Cerremos la capa y la volvamos a abrir para ver todos los grupos dentro de ella. Ahora para ver todos los grupos de una manera más conveniente, necesitamos cerrar la sección de contenido mientras mantenemos el control. Y luego reabrirla una vez más, pero sin sostener la tecla de control Ahora podemos apagar fácilmente los grupos que ya animamos. Centrarse en animar el camino de la letra. Para seleccionar su trayectoria y moverla, debemos presionar la tecla U y ver su fotograma clave. Aquí podemos seleccionar cualquier ruta que queramos. Bien, vayamos al segundo número uno y empecemos a diseñar el camino y la forma en que queremos que la letra mire en este punto en el tiempo. Primero, seleccionemos esta área y movamos los puntos seleccionados a alguna parte de aquí. Después selecciona estos puntos y muévalos fuera del marco. A continuación, movamos a esta zona aquí. Éste de aquí. Creo que deberíamos mover este punto un poco hacia la derecha. Una vez hecho esto, vayamos al inicio de la línea de tiempo y diseñemos el camino en este momento. No olvides mantener presionada la tecla Mayús mientras mueve los puntos. Creo que se ve bien. Vamos a golpear el control S para salvar el proyecto. Después, pasa primero a animar el siguiente camino. Asegúrate de estar en el segundo número uno. Esta vez, hagamos la carta. Entro a la escena desde aquí abajo. Agarremos los puntos inferiores y los movamos aquí abajo fuera del marco. Ahora necesitamos seleccionar todos los puntos superiores y moverlos aquí. Podemos alejarnos un poco. Bien, a continuación pasemos al inicio de la animación y saquemos estos puntos del encuadre. Ahora el camino se ve diferente en tres puntos en el tiempo, creando la animación de texto de estiramiento fresco desde la parte inferior. Bien, estamos pasando a la siguiente letra. Hagámoslo entrar en escena desde arriba. Ir al segundo número uno y diseñar el camino como debería mirar en este punto en el tiempo. Primero, vamos a seleccionar los puntos superiores y moverlos aquí arriba del marco. Ahora selecciona los puntos inferiores y muévalos a algún lugar por aquí. Accidentalmente seleccioné uno de los puntos en el camino de la letra M. Sucede a veces, pero no hay necesidad de preocuparse. Simplemente presiona el control Z para deshacer la acción. Bien, ahora voy a volver a seleccionar estos dos puntos y moverlos aquí. Una vez hecho esto, vayamos al inicio de la línea de tiempo y saquemos todos los puntos del marco. Ahora, configura la vista previa para que encaje, y veamos qué tenemos. Creo que se ve bien y estamos listos para pasar a la siguiente. Entonces vamos al segundo número uno. Podemos acercarnos un poco para ver de cerca la letra M. Ahora vamos a hacer clic en uno de los puntos. Acerque un poco más y seleccione los puntos inferiores para que esta letra ingrese a la escena desde abajo. Pero ten cuidado de no seleccionar estos dos puntos, porque cuando los movemos todos juntos, el camino se verá raro. Asegúrate de seleccionar los puntos correctos. Bien, después de seleccionar los puntos correctos, vamos a moverlos hacia abajo fuera del marco. Para que la animación sea interesante, movamos aquí estos dos puntos. A continuación, seleccione la zona superior del camino, y muévala a algún lugar por aquí. Genial. Ahora ve al comienzo de la línea de tiempo, y saquemos este camino fuera del marco. Se ve genial. Pasemos al pie de la letra. Pero en lugar de animarlo de manera elástica, crearemos una animación a escala para ello posteriormente. Por lo tanto, ocultemos esta carta por ahora y centrémonos en el camino de la letra. Para ello, necesitamos ver todos los grupos dentro de esta capa. Cerremos la capa y la volvamos a abrir para ver todos los grupos dentro de ella. Para cerrar todos los grupos abiertos, necesitamos cerrar la sección de contenido mientras mantenemos el control. Y luego reabrirla una vez más, pero sin sostener la tecla de control Ahora podemos apagar fácilmente el grupo de la letra O. Genial. Y ahora vamos a seleccionar la capa y presionar la tecla U para volver a ver los fotogramas clave. Para que podamos animar el camino de la letra T. Hagámoslo para que entre en escena desde arriba Pasemos al segundo número uno y diseñemos el camino como debería mirar a este punto en el tiempo. Primero, vamos a seleccionar los puntos superiores y moverlos aquí arriba fuera del marco. Para una mirada más interesante, seleccionemos solo estos dos puntos superiores y los movamos fuera del marco. Ahora selecciona los puntos inferiores y muévalos a algún lugar por aquí. Y ahora vayamos al inicio de la línea de tiempo y saquemos todos los puntos del encuadre. Bien, ahora vamos a animar la letra I primero. Parémonos en el segundo número uno y decidamos que esta carta entrará en escena por la derecha. Para que sea más fácil trabajar, ocultemos el resto de las letras. Una vez más, cierra la capa y vuelve a abrirla para ver todos los grupos dentro de ella. Ahora apague la letra en letra. Una vez hecho esto, selecciona la capa y golpea el Ukey. Genial. Ahora vamos a seleccionar los puntos del lado derecho del trazado y arrastrarlos hacia la derecha fuera del marco. También movamos estos puntos aquí para crear una mirada más interesante para este camino en este momento. Después ve al inicio de la línea de tiempo y arrastra estos puntos fuera del marco. Creo que se ve bien. Ahora, vamos a traer de vuelta sólo la carta. Porque posteriormente vamos a animar la letra O de otra manera. Podemos animar el camino de la letra en. Tenemos que desviar el camino de la letra I. Hagámoslo. Ahí está, genial. Ahora selecciona la capa y presiona vas al segundo número uno haz clic aquí para resaltar la ruta. Y diseñemos este camino hacia cómo debería verse en este momento. Ahora ve al inicio de la línea de tiempo y saca esta ruta del marco. Veamos cómo se ve eso. Podemos ajustar la ruta en el segundo número uno. Eso es mejor. Una vez hecho esto, es un buen momento para guardar el proyecto antes de seguir adelante. Bien, ahora comencemos a animar las letras que no estiramos Pero primero, eliminemos los fotogramas clave en estos caminos, porque crearemos uno nuevo en un minuto. Selecciónalos y pulsa retroceso o eliminar. Genial. Ahora para volver a encender las letras ocultas, necesitamos ver los grupos de esta capa. Para ello, cerremos la capa y la volvamos a abrir para ver todos los grupos dentro de ella. Ahora para ver claramente a los grupos, necesitamos cerrar la sección de contenido mientras mantenemos el control. Y luego reabrirla una vez más, pero sin sostener la tecla de control Ahora podemos volver fácilmente a todas las letras, incluidas las que necesitamos para animar. Una vez hecho esto, configura la pantalla de vista previa para que encaje. Y baje un poco el panel de capas. Ahora animemos las letras y las dos O's. Quiero crear una escala y una animación de rotación para estas letras. Déjame mostrarte cómo hacerlo de la mejor manera que nunca. Primero lo primero, seleccionemos la letra S, mantengamos presionada la tecla de control y seleccionemos las dos O's. Ahora abramos sus propiedades. Podemos agrandar un poco este panel. Ahora, abra las propiedades transformadas para la letra O. Vaya al segundo número dos y cree el primer fotograma clave para la propiedad scale, porque tenemos los tres grupos seleccionados después de que los efectos se hayan encargado del resto y hayan creado automáticamente marcos clave para las otras letras seleccionadas. Que es exactamente lo que necesitamos. Por eso escojo estas tres letras todas a la vez. Ahora le dejamos saber a after effects que en el segundo número dos, las tres letras deberían permanecer del mismo tamaño que tienen ahora mismo. Ahora vamos al segundo número uno y decidamos que en este momento, el valor de la escala debería ser 250 o tal vez 200. Entonces vayamos al inicio de la línea de tiempo y pongamos la escala a cero. Bien, ahora hagamos lo mismo con la propiedad rotation. Es decir, agreguemos una animación de rotación genial a estas letras mientras escalan. Pero hagámoslo por la letra S. Solo primero podemos ir al segundo número dos. Ahora da clic aquí en el área vacía para anular la selección de las dos O's. Genial. Ahora seleccione la propiedad de rotación para la letra S como hicimos antes. Como sabemos que la rotación de las letras debe verse como está ahora mismo, vamos a crear el primer fotograma clave con el valor actual de cero grados. Ahora quedemos aquí con el indicador de tiempo, para que podamos ver la letra. Y establecer el valor de rotación en -180 Finalmente, movamos este fotograma clave al inicio de la animación Con esto, hemos terminado de animar todas las letras. La tarea más difícil está detrás de nosotros. Ahora podemos cerrar los contenidos. Después selecciona la capa y presiona para ver solo los fotogramas clave. Y enfócate en mejorar el movimiento. Aprenderemos a hacerlo en la siguiente parte. Va a ser súper divertido. Nos vemos ahí. 15. Ofsett capas y crea un delay en la animación: Bienvenida de nuevo. Aprendamos cómo hacer que esta animación se mueva de una manera mucho más emocionante. Primero, comenzaremos cambiando todos los fotogramas clave a *** seleccionar todos los fotogramas clave y presionar F nueve. Veamos cómo se ve ahora. A continuación llevaremos el movimiento al siguiente nivel ajustando la velocidad de fotogramas clave para todos los fotogramas clave, tal como aprendimos en la lección anterior Recuerde, podemos cambiar la velocidad de un tipo de propiedad a la vez. Como puede ver, tenemos varios fotogramas clave para diferentes propiedades, escala de ruta y rotación. Comencemos ajustando todos los fotogramas clave de ruta. Seleccionemos estos fotogramas clave. Ahora, mantenga presionada la tecla Mayús y seleccione los otros fotogramas clave de la misma propiedad. Aquí podemos ver que es una propiedad diferente. Yo no lo seleccioné. Seleccionemos estos también. Esta es una diferente, así que no la seleccionaremos. Bien, finalmente, seleccionemos estos. Una vez hecho esto, podemos mantener la tecla Alt y hacer doble clic en uno de los fotogramas clave seleccionados. Veamos cómo aparece la animación con una velocidad de 85 en ambos ejes. Creo que podemos cambiarlo a 95 en ambos ejes, lo que agrega más interés a la animación. Hagámoslo ahora mismo y veamos una vez más. Impresionante. Ahora pasemos a los fotogramas clave de propiedad de escala. Primero seleccionaremos estos fotogramas clave, mantendremos presionada la tecla Mayús y continuaremos seleccionando los otros fotogramas clave de la misma propiedad. Ahora mantenga presionada la tecla Alt y haga doble clic en uno de los fotogramas clave seleccionados. Cambiar la velocidad de 95 en ambos ejes aquí también. Y pega, bien. No tenemos que meternos con los fotogramas clave de letra S para la propiedad de rotación porque ya se ven bien ¿Bien? Y con eso, afinamos las letras. Y ahora estamos listos para el siguiente paso, que es crear compensaciones para cada animación Voy a explicar lo que quiero decir ahora mismo. Todas las letras entran al marco al mismo tiempo. Para que la animación sea más interesante, podemos escalonar la entrada de cada letra una tras otra Para ello, necesitamos mover los fotogramas clave que creamos y crear compensaciones en la animación que está retrasando la animación para los fotogramas clave de ruta Esto hará que las letras entren en escena una tras otra en lugar de entrar en escena todas a la vez. Pero antes de hacer eso, necesitamos asegurarnos de que cada letra esté en su propia capa separada. Esto facilitará el ajuste de las compensaciones más adelante. No te preocupes, te voy a mostrar exactamente cómo hacerlo. Primero, necesitamos ver todas las letras en esta capa. Para ello, cerremos la capa y volvamos a abrirla para ver su contenido Ahora, mantenga pulsada la tecla de control y cierre el contenido. Ahora ábralo de nuevo sin mantener pulsada la tecla de control. Aquí podemos ver todas las letras en esta capa. Debido a que tenemos 14 letras, debemos crear 14 capas separadas, cada una conteniendo solo una letra. Para ello, vamos a cerrar la capa. Y ahora vamos a duplicarlo usando el control de atajo D 13 veces, para que terminemos con un total de 14 capas. Antes de presionar el atajo, quiero recordarles que todos los atajos y efectos posteriores funcionarán solo cuando idioma de su teclado esté configurado en inglés. Bien, ahora vamos a seleccionar la capa y duplicarla 13 veces. Una vez hecho esto, abramos el contenido de esta capa, y mantendremos solo la letra D en ella mientras eliminamos el resto de las letras. Seleccionemos la letra en, mantengamos presionada la tecla Mayús y seleccionemos la letra E para seleccionar todas las letras entre ellas. Ahora presiona Retroceso o eliminar. Para eliminarlos, luego presione Centro en esta capa y cámbiele el nombre a la letra D. Finalmente, cerrémosla y pasemos a la siguiente capa. Abra su contenido y guarde solo la letra y cambie el nombre de la capa en consecuencia. En esta capa, vamos a mantener sólo la letra S. Por supuesto, renombrar la capa en consecuencia. Sigamos haciendo esto para las capas restantes aquí. Nos quedaremos con la letra I aquí, nos quedaremos con la letra G y así sucesivamente. El proceso de creación de este estilo de animación de texto extensible puede ser bastante manual y llevar mucho tiempo. Pero recuerda que nuestro logo consta de muchas letras. No necesitarás crear este tipo de animación para una cantidad de letras tan grandes cada vez que elegí trabajar con muchas letras en esta lección para que puedas practicar estas acciones tanto como sea posible. De esta manera te acostumbrarás a ellos y comprenderás los pasos para crear una animación compleja de texto extensible. Sea paciente y disfrute del proceso de aprendizaje porque después de terminar este curso, obtendrá la confianza para crear una variedad de animaciones de logotipos premium para sus futuros clientes. Bien, una vez que hayamos terminado de dividir las letras. Deberíamos guardar nuestro proyecto presionando menos control Para facilitar nuestro trabajo, podemos etiquetar las capas que pertenecen a la misma palabra con un color diferente al de las demás. Por ejemplo, podemos etiquetar las dos capas que forman la palabra con un color y todas las capas que componen el movimiento de la palabra con otro color. Genial, Se ve bien. Ahora bien, si aislamos esta capa, veremos que su punto de anclaje no está centrado. Esto puede estropear la animación, sobre todo si queremos rotar la letra. Para evitar esto, podemos seleccionar todas las capas y centrar sus puntos de anclaje a la vez usando el atajo control alt home. Hagámoslo por todas las capas a vez. Seleccione todos ellos. Presiona controlar todo el tono. Esto asegurará que todos los puntos de anclaje estén ahora perfectamente alineados en cada capa. Ahora comencemos a mejorar la animación. Lo primero es lo primero. Creo que la animación es demasiado lenta en estos momentos. Aprendamos a acelerarlo muy rápidamente. Ampliemos este panel y veamos la animación una vez más antes de realizar cualquier cambio. En primer lugar, para acelerar la animación, necesitamos ver los fotogramas clave de las capas. Para ello, vamos a asegurarnos de que no tenemos ninguna capa seleccionada. Y presiona el Reino Unido ahora para ver todos los fotogramas clave, vamos a agrandar este panel. Ahora podemos ver que la animación para todas las letras tarda 2 segundos. Ahora quiero que la animación para las letras dure sólo 1 segundo. Para ello, puedo acercar este fotograma clave al anterior. Entonces también puedo acercar un poco más el último fotograma clave Pero en lugar de mover los fotogramas clave uno por uno, podemos hacer esto de una manera mucho más inteligente. Para hacer esto mucho más rápido, seleccionemos todos los fotogramas clave, luego coloquemos el indicador de tiempo en el segundo número uno. Ahora mientras mantenemos presionada la tecla alt, arrastremos uno de los últimos fotogramas clave a la posición del indicador de tiempo mientras también mantengamos presionada la tecla Mayús. De esta manera, hemos desplazado todos los fotogramas clave al nuevo punto de tiempo que elegimos y hemos mantenido una distancia igual entre ellos. Si lo hubiéramos hecho manualmente, habría tardado una eternidad. Bien, veamos cómo se ve. Se ve increíble. Ahora vamos a presionarte para ocultar los fotogramas clave para todas las capas, y finalmente, comenzar a crear el offset que planeamos. Comencemos por crear el desplazamiento para las capas que conforman el diseño de la palabra. Apaguemos las otras capas por ahora. Ahora decidamos que la primera letra para ingresar al marco es la letra. No tocaremos esta capa y la dejaremos donde está. Ahora la carta que tiene que venir después de ella es la carta. Vamos a agarrar esta capa y moverla hacia adelante en el tiempo. Asegurémonos de que la letra no se superponga con la letra que se ve bien. Ahora pasemos a la siguiente letra. La siguiente letra que debe entrar en el marco es la letra I. Vamos a moverla adelante en el tiempo. Entra después de la letra G. Vamos a crear este offset para todas las capas de esta palabra. Intenta mantener la misma distancia entre las capas por ahora. Pronto ajustaremos la distancia para obtener un resultado más interesante. Una vez hecho esto, asegúrate de que ninguna letra choca con otra. Veo que la letra S choca con la letra I. Movamos esta capa más adelante en el tiempo A continuación, ajustemos el tiempo para la letra E y la letra D. Veamos qué tenemos. Creo que se ve bien, pero creo que podemos ajustar el tiempo para la letra E y D una vez más. Quiero que entren en escena un poco antes. Este es el proceso de creación del offset para este estilo de animación. Siempre movemos las capas y comprobamos cómo se ven en relación con el resto de la animación. Sigue moviéndote con el indicador de tiempo y verifica la animación después de mover y ajustar el tiempo de las capas. Bien, creo que se ve bien. Sigamos con la siguiente palabra. Enciende estas dos capas y cronometra su entrada. Ahora encontremos un buen momento para que estas dos capas entren en escena. Decidamos que entrarán estas letras. A partir de este momento, podemos retrasar la letra N bit. Se ve bien, podemos seguir adelante. Ahora vamos a crear el desplazamiento para el movimiento de la palabra. Decidamos que la letra entrará desde el inicio de la animación. Entonces no vamos a mover esta capa. Vamos a mover las otras capas hacia adelante en el tiempo. Entonces entran uno tras otro. Siga moviendo las capas en el panel de línea mientras verifica el tiempo entre las capas en el panel de vista previa. Ahora veamos cómo se ve todo junto. Creo que el final de la letra debería entrar en escena un poco antes. Vamos a mover esta capa aquí. Una vez que hayamos terminado de cronometrar las capas, pongámoslas todas juntas en una pre comp para un proyecto más ordenado De esta manera podremos controlar fácilmente la animación más adelante. Seleccionemos todas las capas y golpeemos los controles de acceso directo. Turno C, llama a esto animación de texto pre comp. Asegúrese de que ambos estén revisados y golpeados. Bien. Ahora tenemos toda la animación en una capa. Antes de seguir adelante, quiero mostrarles lo que sucede si queremos escalar esta capa más adelante. Como puede ver, cuanto más grande hagamos la capa, menor será la calidad. Para evitar esto, podemos aplicar la función colapso que se encuentra aquí. Si no lo puedes ver, puedes hacer clic aquí. Bien, vamos a aplicar el colapso a esta pre comp. Como puede ver, la calidad ha mejorado significativamente. Ahora llevemos el tamaño al 100% configuremos la vista previa de la pantalla para que se ajuste, y continuemos creando la segunda parte de la animación, que son las animaciones de iconos. Y lo haremos en la siguiente parte. Nos vemos ahí. Pero antes de sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 16. Técnicas avanzadas de animación: Bienvenida de nuevo. Comencemos con la creación de la animación de iconos. primero es lo primero, llegamos a encontrar esos iconos en el panel del proyecto, que puedes encontrar en la carpeta con todas las capas del logo. Una vez que los hayas visto, solo tienes que seleccionarlos todos y arrastrarlos a nuestra composición. Recuerda, necesitamos asegurarnos de que los íconos se muevan como una sola capa. Más tarde, necesitamos anidarlos en un solo grupo. Después de términos de efectos, lo llamamos para precomponer estas capas Para ello, presione el control Shift C. Vamos a llamarlo iconos comp. Asegúrese de que ambos estén seleccionados y golpeados. Bien. Ahora entremos en la composición que acabamos de crear. Como puede ver, aquí tenemos mucho espacio vacío, lo que significa que el tamaño de la composición es demasiado grande. Para cambiar el tamaño de esta composición, necesitamos acceder a los ajustes de composición Para ello, presiona control K. Como puedes ver, estamos dentro de los ajustes de los iconos comp Composición. Ahora asegúrate de que la vista previa esté seleccionada para que podamos ver los cambios que hicimos en tiempo real. Y vamos a reducir el tamaño. Intentemos 200 por 200, o 100 por 100, eso es mejor. Ahora volvamos a la composición principal. El tamaño de la composición es ahora más pequeño, lo que facilita las cosas para trabajar con esta capa más tarde. A continuación, podemos aplicar el colapso a esta composición, y por supuesto, a todas sus capas. Si no puede ver este icono, puede hacer clic aquí. Genial. Ahora apaguemos todas las capas excepto esta encendida. Pensándolo bien, dejemos solo encendida la última capa y comencemos a hacer la animación de entrada para esta composición basada en lo que está sucediendo en la animación de texto. Como puedes ver, se supone que este ícono reemplaza la parte superior de la letra I. Esto significa que no necesitamos esta parte en este momento. Aprendamos a apagarlo. Primero, entremos en esta composición. Seleccione la letra I, abra su contenido y vea desde qué caminos está compuesta. Ahí está el segundo camino, que es el círculo, y el primer camino que es la línea. Queremos apagar el segundo camino. Genial. Ahora puedes cerrar esta capa y volver a la composición principal. Ahora vamos a encender esta capa. Ahora bien, cuando no estamos seguros de cómo debe comenzar la animación, podemos animar nuestros objetos de principio a fin, tal como hicimos con las letras Como no sabíamos cómo debían verse las letras al inicio, hicimos fotogramas clave para cómo deberían aparecer al final de su animación. Haremos lo mismo aquí, colocando el icono en el momento en que sepamos cómo debe verse al final, queremos que esté en la misma posición el círculo de la letra I. Empecemos presionando As para reducir un poco la capa. Y moviéndolo más abajo. usar la tecla de flecha hacia abajo para bajar esta capa. Ahora vamos a darle a esta capa un color diferente para facilitar la diferenciación. Ahora vamos a animar la posición de precomp de iconos. Nos situaremos en el segundo número tres, es decir, cuando se complete la animación de texto. Y establecer el primer fotograma clave para los iconos precomp, Es decir, el icono debe estar en este tamaño Vamos a crear fotogramas clave con el valor actual. Ahora vamos a establecer un marco clave para la propiedad position. En este punto en el tiempo, presionemos Mayús para agregar la propiedad position. Ahora, crea los primeros fotogramas clave con el valor actual. Básicamente, hemos indicado cómo deberían verse los iconos precomp en este punto en el tiempo al final de la animación Ahora decidamos cómo y dónde deberían estar los iconos precomp antes de que entre en escena Ahora mismo, no sabemos el segundo exacto en el que debería entrar en escena. Entonces, por ahora, digamos que debería comenzar a ingresar desde el inicio de la línea de tiempo. Posteriormente ajustaremos el tiempo de la animación y su duración. Bien, entonces digamos que en este momento, el ícono debería estar aquí fuera de escena. un nuevo marco clave con el nuevo valor de crea automáticamente un nuevo marco clave con el nuevo valor de la propiedad position. Esto significa que del segundo cero al segundo tres, la capa se moverá de cierta manera. Ahora parémonos en los segundos 1.12 fotogramas y coloquemos aquí la precomp para decir after effects que en este momento, queremos que esta precomp llegue aquí antes de que llegue a su Lo que va a pasar ahora es que el ícono vendrá de abajo, se levantará y luego llegará a su última posición. Ahora decidamos cuándo llega el icono a este punto. Su tamaño debe ser de 100. Al inicio de su animación, su tamaño será de 20. Veamos cómo se ve esto. Para enfocarnos en la animación de iconos, podemos desactivar la animación de texto por ahora, hagámosla y verla una vez más. Todo bien. En mi opinión, esta animación es súper lenta, lo cual tiene sentido porque toda la animación tiene 3 segundos de duración. Vamos a acortarlo a 2 segundos. Para ello, nos quedaremos aquí con el indicador de tiempo. Después selecciona todos los fotogramas clave. Ahora mantenga presionada la tecla Alt y mueva los últimos fotogramas clave hacia el indicador de tiempo mientras mantiene presionada la tecla Mayús también. Ahora vamos a mejorar la animación facilitando esos fotogramas clave porque este momento el movimiento es lineal y aburrido Selecciónelos y pulse F nueve. Veamos cómo se ve ahora. Ahora quiero que el icono cuelgue en el aire un poco más cuando llegue a este punto. Para ello, necesitamos ajustar la velocidad de los fotogramas clave. Esta vez lo haremos a través del editor de grafos, no del panel de velocidad de fotograma clave, mientras se seleccionan todos los fotogramas clave. Vayamos ahora al editor de grafos. Haga clic con el botón derecho para asegurarse de que estamos en el gráfico de velocidad y asegurarse de que el snap esté habilitado. Si no puedes ver los fotogramas clave y las curvas, puedes hacer clic aquí y alejar un poco. Bien, Ahora vamos a seleccionar estos fotogramas clave en el medio, y arrastremos sus asas hacia la izquierda sin dejar una línea recta. Ahora selecciónelos nuevamente y mueva estos mangos hacia la derecha. Al hacer esto, hemos cambiado la velocidad entre los fotogramas clave. La duración de la animación no ha cambiado. Todavía está dentro de 2 segundos. Acabamos de hacer que la capa ingrese más rápido, flote en el aire más tiempo y luego llegue rápidamente a su punto final De esta manera podemos tomar el control total de los fotogramas clave y crear una animación más interesante. Bien, ahora hagamos que el icono caiga un poco más rápido hasta su posición final. Para ello, seleccionemos los últimos fotogramas clave y arrastremos estos manejadores aquí de acuerdo con esta curva. Podemos ver que la velocidad de los fotogramas clave será muy alta en este momento. Veamos cómo se ve. Se ve increíble. Bien, ahora hagamos clic aquí para volver a nuestra línea de tiempo regular y comenzar crear la animación de intercambio de iconos. Queremos que esta animación suceda cuando el icono pre comp está flotando en el aire Para ello, entremos en la precomp de íconos. Acerquemos la línea de tiempo hasta que veamos los números aquí como fotogramas. Ahora aprendamos a crear la animación de intercambio entre estas capas. Primero, tenemos que decidir para cuántos segundos o fotogramas queremos ver estas capas. Digamos que queremos ver estas capas por sólo cinco fotogramas. Quedémonos aquí con el indicador de tiempo. Ahora, enciende todas las capas, selecciónalas. Lo siguiente que tenemos que hacer es cortarlos a una longitud de cinco marcos. Para ello, podemos usar un atajo alt y el corchete derecho. De esta manera las capas se cortarán a la posición del indicador de tiempo. Ahora necesitamos crear la transición entre las capas. En lugar de mover estas capas una por una manualmente, podemos usar la función de capas de secuencia. Para ello, podemos seleccionar la última capa, mantener presionada la tecla Mayús y seleccionar la primera capa. Ahora da click derecho sobre una de las capas, ve al Asistente de fotogramas clave y elige Secuencia de Capas y pulsa Bien, aquí podemos ver que las capas se colocan una tras otra en el orden que seleccionamos Voy a explicar a lo que me refiero. Presionemos el control Z para deshacer la acción. Esta vez, selecciona las capas desde la parte superior, no desde la parte inferior como antes. Ahora, cuando creamos la secuencia, ésta comenzará con la primera capa que seleccionamos. Esto es mejor para nosotros porque queremos que se vea el último icono es este. Bien, ahora volvamos a la composición principal. Ahora bien, si revisamos la animación de cerca, parece que la animación de intercambio de iconos comienza demasiado pronto y el último icono desaparece al final de la transición. Si volvemos a esta pre comp, podemos ver que la capa termina aquí. Por eso nos detenemos a verlo en la comp principal. Vamos a extenderlo para que podamos verlo hasta el final de esta composición. Bien, ahora volvamos a la composición principal y encontremos un punto en el tiempo donde queremos que comience el intercambio de iconos. Me gustaría que partiera de este punto alrededor del marco 18. Quedémonos aquí con el indicador de tiempo. Entra en los iconos pre, comp, selecciona todas las capas y arrástralas a la posición del indicador de tiempo. Ahora bien, si pasamos al inicio de esta animación, aquí no veremos el primer icono. Para ver el primer icono hasta ese momento. Tenemos que seleccionar esta capa y extenderla así. Veamos cómo se ve este timing en la composición principal. Bien, creo que podemos retrasar un poco la transición del icono. Volvamos a esta pre comp, Selecciona todas las capas y muévalas aquí. Comprobemos de nuevo el tiempo. Creo que debería comenzar antes. Volvamos a los iconos pre comp y movemos las capas aquí. Genial, creo que ahora se ve mejor. Ahora presionemos control para guardar el proyecto antes de seguir adelante. Ahora agreguemos una animación de rotación genial a la precomp de iconos Pasemos al inicio de la animación y pulsemos R ahora. Cree el primer fotograma clave para la rotación al valor actual. Ahora vamos a presionarte para que veas los otros fotogramas clave en esta precomp Después vaya al final de la animación y cambie el valor de rotación a una rotación completa. Ocultemos esta capa por un momento. Durante el movimiento, los iconos también rotan. A continuación, vamos a convertir los fotogramas clave como. Sincronicemos la animación de iconos con la animación de texto Para entender desde qué punto en el tiempo los íconos deben entrar en escena, necesitamos avanzar y retroceder con el indicador de tiempo mientras vemos lo que sucede en la escena. Estoy tratando de encontrar un momento en el tiempo en el que el texto casi complete su animación. Decidamos que los íconos entrarán en escena en la segunda. Veamos cómo se ve junto con el texto. Bien, creo que el momento es excelente. Ahora estamos listos para trabajar en esta parte de la animación donde las letras reaccionan al movimiento de los iconos. Para ello, ingresemos el texto pre comp. Podemos ampliar este panel. Ahora, coloca el indicador de tiempo en los segundos 3.3 fotogramas donde todas las letras completan su animación. Ahora como sabemos que vamos a animar la propiedad position, necesitamos asegurarnos de que todos los puntos de anclaje de las capas estén centrados Seleccionaré esta capa y acercaré un poco para que la veas mejor. Como puede ver, los puntos de anclaje de las capas no están centrados. Esto sucedió porque cuando centramos los puntos de anclaje de las capas, estábamos en un momento en las letras no habían terminado su animación. Por lo tanto, después de que los efectos centraran sus puntos de anclaje en relación con los límites de la capa en ese momento, es muy importante estar en un momento en el que las animaciones de letras estén completamente terminadas. En algún lugar después del tercero, segundo. De todos modos, vamos a seleccionarlos y presionar el control de acceso directo Alt home para reposicionar los puntos de anclaje Bien, ahora todos los puntos de anclaje están centrados en el centro de las capas. Pasemos al segundo número tres, presionemos P y comencemos a animar la posición de estas capas Vamos a crear los primeros fotogramas clave para todas las capas, porque sabemos que en este punto las letras necesitan estar donde están actualmente. Ahora pasemos al segundo número cuatro. Mantenga presionada la tecla Mayús y mueva las capas hacia arriba usando las teclas de flecha del teclado. Mueve las capas hacia arriba hasta el punto en que tengas suficiente espacio para insertar otra letra debajo de la existente, en algún lugar por aquí, Eso es suficiente. Ahora volvamos a la composición principal y sincronicemos las dos animaciones, íconos y las animaciones de letras Retrasemos un poco la entrada de los íconos en la escena. Mueva los iconos, pre comp a través la línea de tiempo mientras verifica cómo se ve eso con la animación de texto. Mi objetivo es iniciar la animación del icono unos fotogramas antes de que el texto haya completado su animación. Bien, este parece un buen momento. Ahora vamos a cronometrar la animación up del texto para que se sienta como si estuviera afectado por el movimiento de los íconos. Este es un gran punto en el tiempo porque el icono está a punto de cruzar el texto. Entonces entremos la composición del texto y ajustemos la animación que creamos para que coincida con este momento. Selecciona todos los fotogramas clave, podemos ampliar este panel para asegurarnos de que los seleccionamos todos. Ahora muévalos a la posición del indicador de tiempo. Veamos cómo se ve al lado de los íconos. Impresionante, creo que el tiempo es excelente. Ahora encontremos un punto en el tiempo en el que queremos mover las letras hacia abajo para hacernos la ilusión de que todas están afectadas por el movimiento del icono. Veo que en este momento, los íconos ya han aterrizado. Esto significa que en este momento, podemos comenzar a crear la animación para las letras que caen. Vamos a entrar en la composición del texto y mover las capas de abajo para pararnos debajo de este punto, porque este punto representa la posición inicial de las letras. Mientras tanto, no queremos devolverlos a su posición original porque estamos creando la animación de ellos bajando y luego regresando a sus posiciones. Usemos la tecla de flecha para llevar las capas por debajo su posición inicial. Eso es suficiente. Ahora pasemos al quinto segundo y llevemos las letras de nuevo a sus posiciones originales. Puede utilizar estos puntos como punto de referencia para saber dónde está el lugar adecuado para mover las capas, ya que estos puntos representan los fotogramas clave de posición inicial para estas capas. Bien, después de crear la animación de posición, veamos cómo se ve con los íconos. En mi opinión, se ve bien por ahora. Ahora volvamos a la composición de texto y mejoremos el movimiento que hemos creado para el texto. Podemos hacer que este panel sea un poco más grande. Primero, seleccionemos los fotogramas clave que creamos para la posición y presionemos F nueve para facilitarlos todos. Ahora quiero que el movimiento de subida de las letras sea muy rápido. Para ello, seleccionemos estos fotogramas clave y vayamos al editor de grafos. Ahora, arrastre estos mangos hacia la izquierda. Esto hace que la animación sea rápida en este punto. Ahora quiero que la caída de las letras también sea rápida. Para lograrlo, volvamos a seleccionar estos fotogramas clave y arrastremos estos controles hacia la derecha. Ahora el texto cae más rápido. Ahora volvamos a la composición principal y veamos cómo se ve con los íconos. Creo que se ve genial. Ahora vamos a crear un offset en la animación que hemos hecho. Esto significa que las primeras letras que empiezan a subir deberían estar más cerca de los íconos. Para ello, volvamos ahora a la composición del texto. Salgamos del editor de grafos para ver todos los fotogramas clave. Podemos agrandar un poco este panel. Ahora, como sabemos que la letra más cercana a los íconos debería comenzar su animación, primero no tocaremos sus fotogramas clave. Ya están en el momento perfecto. Seleccionemos el resto de los fotogramas clave y avancemos en el tiempo. Pero en lugar de hacerlo manualmente, hagámoslo con un atajo súper útil. Aguanta, usa las teclas de flecha. En nuestro caso, es la tecla de flecha derecha, porque queremos mover estos fotogramas clave hacia adelante en el tiempo. Después de los marcos clave de la letra, sostengo y presiono la tecla de flecha derecha. Una vez que hayamos movido estos fotogramas clave un fotograma hacia adelante, ahora vamos a seleccionar solo estos fotogramas clave y moverlos un fotograma hacia adelante también Seguiremos haciendo esto hasta que lleguemos a los marcos clave para la carta. Una vez hecho esto, hagamos lo mismo con las capas que componen el movimiento de la palabra. Selecciona estos fotogramas clave y muévalos hacia adelante en el tiempo usando out y la flecha derecha. Ahora bien, si acercamos un poco, podemos ver que hemos creado un desplazamiento entre todos los fotogramas clave. Veamos cómo se ve en la composición principal. Podemos encoger este panel para ver mejor la escena. En mi opinión, las letras deberían empezar a subir antes. Para ello, volvamos a la composición del texto. Vamos a escalar este panel. Ahora, selecciona los marcos clave que hacen que las letras suban. Y muévalos antes por cuatro cuadros. Vamos a comprobarlo ahora. Es muy pronto. Vamos a retrasarlo en dos fotogramas. Vamos a comprobarlo de nuevo. Impresionante, se ve genial ahora y ahora. Antes de pasar a la siguiente parte, no olvides guardar el proyecto presionando control tan grande. En la siguiente parte, vamos a crear una animación de fondo súper genial para esta escena y mucho más, va a ser increíble. Entonces nos vemos ahí. 17. Animación de eslogan: Bienvenida de nuevo. Vamos a crear el fondo de nuestra escena. Para ello podemos usar la capa del archivo illustrator, o podemos crear una nueva capa sólida. Hagámoslo creando una capa sólida, pero esta vez usaremos un control de atajo y Ahora seleccionemos el cuentagotas y muestremos el color azul de la capa de fondo de la capa de ilustrador. Ahora seleccionemos el cuentagotas y muestremos el color azul de la capa de fondo de la capa de ilustrador A continuación, cambiemos el nombre a BG y hagamos clic en Bien. Por último, vamos a moverlo por debajo de todas las capas. Ahora vamos a crear la animación de entrada para nuestro fondo. Para ello, necesitamos crear una máscara circular para nuestro sólido. Veamos cómo hacerlo Primero, necesitamos asegurarnos de que se seleccione la capa sólida. Ahora largo, presiona la herramienta rectángulo, selecciona la herramienta elipse y crea un círculo perfecto manteniendo presionada la tecla Mayús mientras lo haces Ahora movamos nuestra máscara al centro de la escena. Para ver el centro, puedes presionar la tecla apóstrofo para mostrar la cuadrícula De esta manera podemos ver dónde está el centro de composición. Ahora volvamos a la herramienta de selección. Haga doble clic en el trazado de la máscara y muévalo al centro. También puedes moverlo usando las teclas de flecha del teclado. Ahora nuestra máscara está ocultando el fondo, pero la necesitamos para revelar el fondo. Haz esto, necesitamos invertir la máscara. Una vez hecho esto, animemos esta máscara. Abramos la máscara y ajustemos el soporte de expansión de la máscara en la marca de cero segundos. Y cambiar el valor hasta que el fondo sea completamente visible. Vamos a crear el primer fotograma clave para este valor para que en este momento, la máscara se vea así. Ahora pasa a la marca de dos segundos y cambia el valor para que todo el fondo sea visible. Al bajar el valor de la expansión de la máscara, podemos establecerla en -450 o tal vez -480 Veamos qué tenemos Vamos a solar el fondo. Para ver que la máscara está completamente cerrada, presiona la tecla apóstrofo para apagar la cuadrícula. Puedo ver que la máscara está completamente cerrada. Si no lo cierras todo el camino, tendrás un pequeño hueco en el fondo, asegúrate de que tu valor sea correcto. Bien, ahora vamos a seleccionar los fotogramas clave y presionar F nueve para facilitarlos. Después, mantén presionada la tecla Alt y haz doble clic en una de ellas para ajustar la velocidad. Vamos a establecerlo en 85 por 85. Ahora veamos cómo se ve. Creo que es un poco lento. Movamos el último fotograma clave a la marca de 1 segundo. Eso se ve mejor. Bien, ahora vamos a deshacer solo esta capa para que podamos ver todas las capas También podemos apagar el fondo transparente. Ahora vamos a cronometrar la animación de fondo que acabamos de crear con el resto de la escena. Quiero que el fondo entre en escena poco después de la entrada del texto. Vamos a moverlo aquí y ver cómo se ve. Creo que es excelente. Ahora estamos listos para pasar a la siguiente etapa para mejorar el aspecto de nuestra escena. Para ello, seleccionemos la composición de animación de texto y dupliquemos con el control D. Ahora seleccione esta nueva composición y cambie su color usando el efecto de relleno. Si no encuentras el panel de efectos, puedes localizarlo debajo de la ventana. Bien, vamos a arrastrar el efecto a esta capa. No vemos nada porque esta capa está por debajo de otra. Si aislamos esta capa, podemos ver el color de los efectos. Cambiemos el color del efecto al azul de los iconos. Naveguemos hasta el punto en el tiempo donde podamos verlas. Ahora, pruebe este color usando el cuentagotas. Y si solo esta capa, verás que efectivamente el color está cambiado. Ahora para que se vea más interesante, podemos crear un pequeño desplazamiento para los dos precomps de texto Te voy a mostrar a lo que me refiero. Primero, pongámonos de pie en el momento en que suba el texto. Ahora, mueve el nuevo texto, precomp un fotograma hacia adelante en el tiempo Una vez hecho esto, vamos a duplicar esta comp de nuevo, y mover el cuadro Button 11 hacia adelante. Después cambia el color de esta comp al amarillo del eslogan. Para ver el color amarillo, vaya al panel del proyecto. Arrastra el eslogan a la escena. Después volvamos al panel de controles de efectos. Ahora selecciona esta composición y muestra el color amarillo de aquí. Ahora apaguemos esta capa y veamos cómo se ve. Bien, creo que podemos crear un desplazamiento un poco más grande entre las composiciones de texto. Vamos a mover el botón Comp un fotograma hacia adelante y veamos cómo se ve eso. Creo que podemos mover este pre comp, un frame adelante también. Y la parte inferior 12. Creo que así se ve mejor. Ahora trabajemos en la creación de la animación para el eslogan. Quiero que el eslogan entre en escena justo antes de que el texto complete su animación, en algún lugar por aquí. Primero, encendamos la capa de eslogan. Podemos alinearlo al centro de la comp usando la herramienta alineada. Ahora como puedes ver, el eslogan es de una capa. Sería muy complicado separar todas estas letras en capas separadas y animarlas manualmente. Para animar el eslogan de una manera más inteligente, podemos usar los animadores de texto de after effects Te voy a mostrar a lo que me refiero. Primero, seleccionemos la herramienta de texto y escribamos la palabra aprender. Pero antes de eso, quiero darte un pequeño consejo sobre la integración al trabajar con After Effects e Illustrator. Como puedes ver, la primera letra la palabra aprender se encuentra actualmente en minúscula. Digamos que no nos dimos cuenta de esto a la hora diseñar el logo y el ilustrador, solo lo notamos en after effects. Para solucionarlo rápidamente, podemos escribir, clic en esta capa, ir a Revelar, y seleccionar Revelar y Explorador. De esta manera After Effects nos mostrará en qué archivo de nuestra computadora se encuentra esta capa. En nuestro caso, el archivo ya está abierto. Ahora podemos eliminar la letra y escribir una L. mayúscula Una vez hecho esto, podemos volver a la herramienta de selección, luego presionar control para guardar los cambios que hicimos para este archivo de Illustrator. Ahora cuando volvamos a después de los efectos, veremos que aquí también se ha sustituido la carta. En fin, volvamos a animar el texto Primero, escribamos la primera palabra para esto Asegúrese de que está utilizando la herramienta de texto. Después haga clic aquí una vez para abrir una línea de texto y escribir espacio periodo. A continuación, haga doble clic en el texto para seleccionarlo y cambiar la fuente. Busque la fuente Monserrat, y seleccione Monserrat, extra bold Después cambia el color a amarillo desde la capa original y cambia el tamaño de fuente a 50. Además, no olvides ir al párrafo para asegurar que el texto esté centrado y alineado de izquierda a derecha. Bien, ahora volvamos a la herramienta de selección y coloquemos aquí esta palabra. Por ahora, podemos apagar la capa de eslogan. Ahora aprendamos a animar esta capa de texto usando animadores Primero, abramos la capa y seleccionemos el texto aquí. A continuación, da clic en la flecha pequeña para animar y elegir la posición, porque queremos crear una animación de movimiento para este texto Ahora puedes ver que se ha agregado un nuevo animador a esta capa A continuación, tenemos que establecer el punto de cambio para este texto. En nuestro caso, el texto debe venir de abajo. Pongámoslo para que quede aquí. Se puede escribir 60. Ahora, abra el selector de rango y avanzado. Ampliemos este panel para ver todos los parámetros y ajustar la pantalla de vista previa para ver mejor el texto. Ahora aquí necesitamos cambiar la forma de los animadores. De esta manera la animación de texto comenzará a moverse desde la primera letra. Ahora usando el parámetro offset, podemos controlar la posición entre la posición original del texto y el punto de cambio que establecemos para este animador Ahora animemos el desplazamiento para obtener una animación de texto genial Vamos al inicio de la línea de tiempo y creamos el primer fotograma clave para offset con un valor de -100 que es el punto de cambio que establecemos para la propiedad position de este animador Ahora pasa al segundo número uno. Antes de continuar, aislemos esta capa para que sólo la veamos. Bien, en este punto en el tiempo, cambiemos el desplazamiento a 100, que es la posición original de esta capa de texto. Ahora vamos a mejorar esta animación cambiando la velocidad de estos fotogramas clave. Al usar animadores, no necesitamos entrar al panel de velocidad de fotograma clave o al editor de gráficos, podemos controlarlo directamente desde el animador Escribamos 20 y E es alto, y 80, y E es bajo. Genial, Ahora vamos a ocultar el texto cuando esté en la parte inferior. Para ello, necesitamos pararnos en el punto en el tiempo donde el texto ya se ha movido hacia arriba. Ahora todo lo que tenemos que hacer es hacer clic derecho en la capa, ir a Máscara, y seleccionar Nueva Máscara. Veamos cómo se ve. Impresionante. Ahora vamos a cerrar esta capa y vamos a agregarle una animación de escala genial. Para ello, selecciona la capa y presiona. Ahora quiero que pongas atención a cómo se está haciendo grande la capa. Esto está sucediendo porque el punto de anclaje está aquí. Agarremos la herramienta de punto de anclaje y centremos el punto de anclaje de esta capa mientras mantenemos presionada la tecla de control. De esta manera, el punto de anclaje se ajustará al centro de la capa. Bien, ahora no olvidemos volver a la herramienta de selección y comenzar a animar la propiedad scale Asegúrate de estar al principio de la línea de tiempo. Y crea el primer fotograma clave con un valor de cero. Ahora muévase al cuadro 12 y cambie el valor a 200. O tal vez 150. Ahora ve al segundo número uno y establece el valor en 100. A continuación, seleccione los fotogramas clave y presione F nueve. Finalmente, mantenga presionada la tecla alt y haga doble clic en uno de los fotogramas clave para cambiar la velocidad. Ponlo a 85 y dale bien, veamos cómo se ve ahora. Creo que puede verse mejor con una velocidad diferente. Presionemos F nueve para restablecer la velocidad del fotograma clave y llevarlos a regular como fotogramas clave Esta vez cambia la velocidad usando el editor gráfico. Seleccionemos estos fotogramas clave y arrastremos los manejadores hacia aquí y estos manejadores hacia la derecha Veamos cómo se ve ahora. Creo que así se ve mejor. Lo hice para recordarte que a veces es mejor controlar la velocidad de los fotogramas clave a través del editor de grafos. Bien, sigamos adelante. Vamos a mostrar esta capa, presionar y reducir la opacidad a 30 para que sea más fácil trabajar con ella como referencia Bloqueemos también esta capa para que no interfiera a medida que creamos la segunda palabra. Ahora podemos simplemente duplicar esta capa usando el control de acceso directo D. Luego mueve este texto aquí. Ahora haz doble clic y cambia la palabra para crear. No olvides crear un espacio y el punto después de escribir el texto. A continuación, ajustemos una máscara para la nueva palabra. Seleccione la capa. Presione M para mostrar la máscara. Eliminarlo y crear uno nuevo. A continuación, usemos una línea para centrar esta capa en la composición. Podemos mover esta palabra un poco hacia la izquierda. Puedes eliminar la referencia ahora y seguir adelante. Ahora, duplica esta capa, luego selecciona la herramienta de selección y muévala aquí. A continuación, haz doble clic y cambia la palabra para disfrutar. Una vez más, selecciona la capa, presiona M para mostrar la máscara, elimínala y crea una nueva. Una vez hecho esto, podemos mover esta capa un poco hacia la izquierda. Ahora vamos a crear un desplazamiento entre estas capas. Decidamos que la palabra aprender debe venir primero. Dejémoslo en su lugar. A continuación, iniciaremos la palabra Crear. 12 fotogramas después de aprender la palabra disfrutar. 12 fotogramas después de crear. Veamos cómo se ve. Creo que se ve genial. Ahora puedes presionar control para guardar el proyecto antes de seguir adelante. Bien, ahora volvamos a la herramienta de selección. Eslowlate estas capas para ver el resto de la escena y cerrarlas También podemos encoger el panel de composición. Ahora vamos a configurar la pantalla de vista previa para que encaje y encontrar el momento en el que queremos que entren las palabras del eslogan. Creo que está en algún lugar por aquí. Seleccionemos estas capas y muévalas aquí. Comprobemos cómo se ve. Creo que el momento es bueno, pero creo que necesitamos elevar estas capas un poco más cerca del texto principal. Hagámoslo mientras se seleccionan las capas de texto, mantén presionada la tecla Mayús y usa la tecla de flecha hacia arriba para moverlas hacia arriba en algún lugar por aquí. Bien, vamos a comprobarlo otra vez. Se ve excelente y estamos listos para seguir adelante. En el siguiente paso, crearemos un rastro de movimiento genial para nuestros íconos. Para ello, ve al panel de efectos y busca un efecto llamado echo. Arrastre este efecto a los iconos pre comp. Ahora póngalo en -0.001 y establezca los números de ecos en 30. Por último, elija el máximo para el operador de eco. Ahora, cuando esta capa se acelere, veremos un rastro de movimiento fresco que se ve así. Puedes ampliarlo usando este parámetro, pero recuerda que cuantos más números de ecos agregues, más difícil tendrá que trabajar tu computadora para renderizar la escena No exageres con este efecto. Voy a cambiarlo a 50. Creo que ya es suficiente. Ahora estamos listos para pasar a la siguiente parte donde crearemos la animación outro para nuestra escena. Nos vemos ahí. Pero antes de sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 18. Conclusión: Bienvenida de nuevo. Empecemos con la creación de la animación outro En primer lugar, vamos a seleccionar las capas de texto y darles un color amarillo para que podamos identificarlas fácilmente. Ahora vamos a crear el outro para los iconos pre comp. Primero tenemos que decidir cuándo queremos que los íconos salgan de escena. Digamos que sucede alrededor de la marca de los seis segundos. Para que esto suceda, necesitamos seleccionar la composición de los iconos y presionar para ver todos los fotogramas clave para la propiedad position. Ahora presta atención, simplemente lo alejamos y verificamos la animación. Inmediatamente comenzará a pasar a su nueva posición, pero eso no es lo que queremos. Queremos que no se mueva hacia arriba hasta el segundo seis. Queremos que empiece a salir de escena a partir del segundo seis. Eso es después de que todas las letras terminen su animación. Esto significa que necesitamos crear una pausa en la animación durante un par de segundos. Crear una pausa en una animación es súper fácil. Todo lo que tienes que hacer es crear fotogramas clave con el mismo valor que el último fotograma clave Para ello, haz clic aquí. Ahora creamos un nuevo fotograma clave con el mismo valor que el anterior. Lo que significa que la capa no se moverá durante este periodo de tiempo. Esto creará una pausa en la animación. Ahora pasemos al segundo siete y movamos la capa aquí. Entonces pasemos al segundo ocho y movemos la capa aquí. Por último, pasemos al segundo nueve y arrastremos esta capa de la escena. Como puedes ver, hemos creado una ruta para la animación de salida del icono. Ahora vamos a redondear las esquinas de este camino para hacer que el movimiento de la capa se mueva más suave. Para ello, mantén presionadas las teclas Alt y Control y haz clic una vez en el punto que quieras redondear. También puede redondear las esquinas usando la herramienta de vértice que se encuentra debajo de la herramienta pluma Seleccione la herramienta de vértice y haga clic una vez en el punto que desea redondear Después de que terminemos con esta herramienta, no olvidemos volver a la herramienta de selección ahora podemos retocar los tiradores y puntos del camino hasta lograr el movimiento que queremos Diseñemos el camino con un bonito aspecto curvilíneo. El movimiento de los iconos se verá bonito y natural. Vamos a redondear también este punto. Pero primero, mueve aquí el indicador de tiempo para que el icono no se interponga en el camino. Ahora mantenga presionadas las teclas Alt y control y haga clic una vez en el punto. Movamos esta manija así para ver mejor el camino. Podemos aislar esta capa para verla solo en la pantalla de vista previa. Ahora veamos cómo se ve. El camino que hicimos para esta capa se ve genial. Ahora vamos a mejorar aún más la animación. Quiero que esta capa empiece a moverse muy rápido a medida que sale. Para ello, seleccionemos estos fotogramas clave y vayamos al editor de grafos. Ahora vamos a mover estos mangos aquí para cambiar la velocidad de estos fotogramas clave. mover estos mangos así, haremos que esta capa comience a moverse muy rápido en este punto en el tiempo. Ahora hagamos que esta capa salga de la escena muy rápidamente. Para ello, seleccionemos estos fotogramas clave y movamos este identificador aquí. Veamos cómo se ve bien. El inicio se ve bien y la salida se ve bien. Pero como puedes ver, el ícono tiene un par de extrañas pausas en medio de su movimiento Volvamos a la línea de tiempo regular y veamos cómo solucionarlo. Esto está sucediendo debido a los marcos clave. Para solucionarlo, necesitamos cambiar esos fotogramas clave a marcos clave continuos. Para ello, sólo hay que seleccionarlos, la tecla de control, y dar click en ellos dos veces. Esto transformará los marcos clave en marcos clave continuos. Y verás que la animación fluye sin problemas sin pausas extrañas Bien, ahora acerquemos este fotograma clave a los anteriores y hagamos que la animación sea más rápida En este punto en el tiempo, podemos acelerar esto un poco más. Arrastremos este fotograma clave más cerca del primero. Eso es mejor ahora ajustemos los otros fotogramas clave en consecuencia. Vamos a acercarnos un poco más y afinemos los fotogramas clave. Jugar con los fotogramas clave te dará una mejor comprensión de cómo controlar tu animación. Si sientes que necesitas aprender más al respecto, eres más que bienvenido a ver mi guía de After Effects para principiantes de forma gratuita. Encuentra el enlace en el archivo PDF que se encuentra en la carpeta principal de este curso. Bien, creo que se ve genial. Ahora vamos a aislar esta capa y continuar creando una animación outro para las otras capas Vamos a crear la animación de salida para el texto principal. Para ello, vayamos al punto donde termina la animación de texto. Por ejemplo, aquí en el segundo seis. Ahora presiona Alt y el corchete derecho para cortar estas capas hasta este punto. Ahora encontremos un mejor momento para que el texto termine su animación. Muévete con el indicador de tiempo mientras ves lo que sucede en la escena. Veo que en este momento, el texto se termina con la animación. A continuación, cortemos nuevamente estas capas usando Alt y el corchete derecho. Alejemos un poco en la línea de tiempo. Ahora presiona control para duplicar todos estos precomps. Después de eso, vamos a moverlos aquí para que estén uno al lado del otro. Entonces hagamos que estos precomps se reproduzcan desde el final hasta el principio para crear una animación inversa Para ello, haz clic derecho sobre uno de ellos. Ve a Tiempo elige Capa inversa de tiempo. Ahora necesitamos alinear estas capas para que todas comiencen desde el mismo punto en el tiempo. Puede mantener presionada la tecla Mayús mientras la mueve para ajustarla exactamente con la otra capa. Ahora colóquelos exactamente donde cortamos las tres capas originales. Es importante acercar el zoom y verificar que no haya espacio entre las capas. Con esto, hemos terminado de crear la animación outro para el texto del logotipo Ahora vamos a sincronizar el outro de los íconos con el texto de salida. Para ello, selecciona la composición de los iconos y presiona P para ver los fotogramas clave de posición. Empecemos a mover el icono a partir de este momento. Apenas un momento antes de la carta. Empiezo a moverme hacia arriba. Selecciona estos fotogramas clave y muévalos aquí. Vamos a acercarnos a la línea de tiempo y veamos cómo se ve eso. Creo que debería pasar antes. Creo que el momento es genial ahora. Ahora quiero que el icono pase más tiempo en el aire antes de salir de escena Para ello, podemos avanzar un poco los dos últimos fotogramas clave en el tiempo. Ahora hay una mayor distancia entre estos dos fotogramas clave. Eso quiere decir que los íconos tardarán más tiempo en llegar de este punto a este punto. Lo que crea una animación más larga del icono que se cierne en el aire antes de salir de la escena Genial, ahora vamos a crear una ultra animación para el fondo. Primero, tenemos que decidir cuándo queremos que suceda. Por ahora, digamos que aquí en los segundos 9.12 fotogramas es un buen momento Primero, selecciona el fondo y dale golpe para ver sus fotogramas clave. Ahora copia estos fotogramas clave con control C y pegarlos aquí usando control V. Ahora podemos revertir estos fotogramas clave para obtener una animación inversa Para ello, haz clic derecho sobre uno de ellos. Vaya al asistente de fotogramas clave y elija fotogramas clave inversos de tiempo Ahora encontremos el momento adecuado para que salga el fondo. Quiero que el fondo empiece a salir cuando el icono salga del marco por aquí Veamos cómo se ve esto. Bien, ahora como el fondo aquí ya ha hecho su trabajo, podemos cortar esta pregunta de capa. Cuál es el atajo de teclado para cortar la capa desde el lado derecho, podemos hacerlo pulsando Alt y el soporte derecho. Ahora vamos a crear una animación outro para el eslogan. Digamos que queremos que salgan de la escena del segundo número siete. Usemos la animación de escala para crear la animación outro para eso Seleccione todas las capas de texto y pulse. Vamos a crear fotogramas clave con el valor de escala actual ya que queremos que el texto permanezca del mismo tamaño hasta este punto en el tiempo. Ahora pasemos al segundo ocho y cambiemos la escala a cero. A continuación, seleccionemos todos los fotogramas clave y ajustemos la velocidad usando el editor de gráficos. Así. Una vez hecho esto, salga del editor de gráficos y vamos a crear un desplazamiento para la animación de salida de estas capas. Se ve bien, pero creo que debería pasar antes. Eso es mejor. Bien, ahora vamos a golpear el control para salvar el proyecto. Podemos cerrar todas las capas y pasar a la parte final de esta lección, donde aprenderemos trucos súper geniales para que nuestra animación luzca única. Y lo haremos en la siguiente parte. Nos vemos ahí. 19. Trucos y procesamiento útiles: Bienvenido de nuevo. Aprendamos cómo podemos hacer que nuestra escena se vea más visualmente interesante. Lo primero que vamos a hacer es crear una nueva capa de ajuste. Entonces busquemos el efecto llamado lente CC y arrástrelo sobre él. Ahora vamos a aumentar el tamaño aquí. Como puedes ver, este efecto hace que la escena se vea más interesante al distorsionarla ligeramente Vamos a establecer el tamaño en 150. Ahora podemos hacerlo aún más interesante animando esta propiedad Vamos al inicio de la línea de tiempo y creamos el primer fotograma clave con el valor actual. Ahora presiona para ver los fotogramas clave que hemos creado para el efecto. A continuación, pasemos al segundo número dos y cambiemos el tamaño a 500. Después convierte los fotogramas clave a ***, y veamos cómo se ve. Podemos hacer avanzar estos fotogramas clave en el tiempo. Digamos que al segundo número uno, el efecto permanece un poco más en la escena. Quiero que el efecto termine cuando la última letra termine su animación. Genial, ahora seleccionemos el efecto aquí, presione Enter y copie el nombre de los efectos usando el control C. Una vez hecho esto, seleccione la capa de ajuste, presione Enter y pegue el nombre. De esta manera sabremos qué efecto tiene sobre esta capa de ajuste. Bien, ahora vamos a crear un zoom genial en la animación cuando el icono se cierne en el aire Para ello, necesitaremos crear otra capa de ajuste por encima de todas las capas, y aplicar un efecto de transformación. Vamos a crear una nueva capa de ajuste ahora, buscar el efecto de transformación y arrastrarlo a la nueva capa de ajuste. Ahora necesitamos pararnos en el momento en que el icono entra en escena y crear un fotograma clave para la propiedad de escala del efecto de transformación Después de eso, presiona para ver el fotograma clave y pasar al momento en que el icono ya esté aterrizando. Y crear otro fotograma clave con el mismo valor que antes. Por último, vayamos a la mitad de estos fotogramas clave y cambiemos el valor a 130 Con esto, hemos creado un zoom in y zoom out para la escena desde el momento en que el icono entra hasta que aterriza. Pero como puedes ver durante el zoom, podrías notar que el icono va fuera del marco. Pero no te preocupes. Podemos arreglarlo con la propiedad de posición de efectos de transformación. Esto significa que podemos ajustar la posición relativa a lo que está sucediendo en la animación a escala al, justo en este punto en tiempo somos buenos con la posición de la escena. Entonces crearemos fotogramas clave con este valor. Ahora presiona para ver los nuevos fotogramas clave. Después ve al momento del zoom in y mueve la escena hacia abajo. A continuación, pasemos al final de la animación de zoom. Copia el primer fotograma clave y pegarlo aquí. Ahora vamos a seleccionar todos los fotogramas clave y presionar F nueve para convertirlos a Z's. Veamos cómo se ve. Ahora se ve bien. Ahora mientras se seleccionan todos los fotogramas clave, vayamos al editor de grafos y ajustemos esta animación. Seleccionemos los fotogramas clave del medio y arrastremos este controlador hacia la izquierda. Después, arrastre estos mangos hacia la derecha. A mí me encanta. Después de terminar de crear la animación de acercar y alejar, salgamos del editor de gráficos. Ahora vamos a copiar el nombre de los efectos y pegarlo en esta capa de ajuste. Genial. Ahora volvamos a nuestro icono y mejoremos un poco su animación. Hagamos que el icono crezca cuando flote en el aire antes de salir de escena Seleccionemos esta capa y presionemos S para ver la propiedad scale. En realidad, podemos presionar el Ukey para ver todos los fotogramas clave en esta capa para que podamos cronometrar la animación que crearemos con la animación de posición que ya tenemos Esto significa que a partir de este punto cuando el icono comience a salir, lo configuraremos para que sea el tamaño actual. Cuando llegue a esta zona, incrementaremos al 100% o incluso a 150. Ahora vamos a reducir esta capa, sale de la escena. Pongamos el tamaño a cero y veamos cómo se ve. Bien, creo que podemos empezar a encogernos un poco antes. Vamos a mover este fotograma clave aquí. Ahora vamos a seleccionar todos los fotogramas clave de escala y cambiar la velocidad a través del editor de gráficos así. Veamos cómo se ve. Creo que no deberíamos reducirlo a la talla cero al final. Parémonos en el último fotograma clave y cambiémoslo a 50, pero creo que la animación de salida de íconos ocurre muy lentamente. Para acelerar esto, podemos seleccionar los últimos fotogramas clave y arrastrarlos aquí. Ajustemos también la posición de este fotograma clave y veamos qué tenemos Creo que la animación up de los íconos está sucediendo demasiado rápido. Acerquémonos a la línea de tiempo y movamos este fotograma clave un poco hacia la derecha. Veamos cómo se ve ahora. Bien, ahora después de terminar de ajustar la animación de los iconos, ajustemos el tiempo de la animación de salida del fondo. Para ello, selecciona esta capa y presiona para ver sus fotogramas clave. Ahora muévalos al punto en el tiempo en que el icono casi haya salido de escena Bien, ahora retrocedamos un poco. Cierra todas las capas y crea un efecto adicional llamado tiempo posterizado Con este efecto, el movimiento en el metraje se vuelve más tartamudeado y entrecortado, similar al aspecto de una animación anticuada Para que este efecto afecte a todas las capas, vamos a crear una nueva capa de ajuste por encima de todas las capas. Ahora vamos al panel de efectos y escribamos tiempo posturizado, arrastremos el efecto a la capa de ajuste Ahora cambia el valor a 12. Si vemos la animación ahora podemos ver que la animación está un poco entrecortada Veamos cómo se ve toda la animación con este efecto. Si te gusta este estilo, puedes bajar la velocidad de fotogramas a ocho de todos modos. Prefiero mantenerlo a las 12. Ahora vamos a copiar el nombre del efecto y pegarlo en la capa de ajuste. Bien, ahora quiero enseñarte un cool que puedes usar al trabajar con capas de ajuste. Como puede ver, el efecto de tiempo posturizado está en la capa de ajuste Esta capa de ajuste afecta a todo lo que hay debajo de ella. Esto significa que podemos crear una máscara para esta capa y elegir qué partes de la escena se verán afectadas por el efecto y cuáles no. Déjame mostrarte a lo que me refiero. Seleccionemos la herramienta elipse. Mantenga pulsado. Y ahora elige la herramienta rectángulo. Asegúrate de que estamos seleccionando la capa de ajuste con el efecto de tiempo posturizado Ahora vamos a pararnos en un marco donde podamos ver mayoría de las letras en algún lugar por aquí. Entonces vamos a crear una máscara como esta. Ahora hemos creado una pequeña falla en esta parte de la escena Esto sucede porque solo esta área se ve afectada por el efecto de tiempo posterizado Ahora podemos enmascarar otras áreas de la escena para crear un look más interesante. Por ejemplo, podemos crear otra máscara aquí y otra aquí. En estas partes, la animación se mueve a 12 fotogramas por segundo. Y en otras partes, se mueve a 24 fotogramas por segundo, que es la velocidad de fotogramas original de la composición con la que comenzamos. Bien, veamos cómo se ve del todo. Ahora si queremos cambiar la forma de la máscara, podemos cambiar a la herramienta de selección. Haga doble clic en la máscara y luego cambie su forma, o muévala a una ubicación diferente para pasar a la siguiente máscara, presione Entrar y luego seleccione la segunda máscara. No tienes que crear estas máscaras si no te encanta el aspecto general que crean. Bien, así que después de haber preparado todos los efectos, estamos listos para renderizar nuestra animación. Pero antes de eso, hagamos una cosa más. Quiero que la animación de zoom comience solo después de que la última letra termine su animación. Para ello, seleccionemos la capa de ajuste con el efecto de transformación y retrasemos el inicio de la animación en esta capa. Muévete con el indicador de tiempo mientras ves la pantalla de vista previa para encontrar un momento en el tiempo en el que la última letra ya esté en la escena. Vamos a mover estos fotogramas clave aquí. Ahora la carta termina su animación. Y sólo entonces comienza la animación de zoom. Veamos, toda la animación una vez más antes de renderizar el proyecto. Bien, ahora estamos listos para renderizar nuestro proyecto. Primero, vayamos al punto temporal donde la animación está completamente completa, que es alrededor del segundo 11. Ahora recortemos el área de trabajo a este punto de tiempo para evitar renderizar piezas innecesarias. Para ello, presiona la tecla N. Ahora aprendamos a renderizar esta animación con un fondo transparente. Puede volver a encender el fondo transparente para renderizarlo con un fondo transparente. Primero tenemos que ir al panel de renderizado. Para ello, presione el control M. Hagamos clic aquí para cambiar la salida final a tiempo rápido en las opciones de formato, seleccione la animación, luego haga clic en OK. Ahora en canales elige RGB más alfa. Esto le dice a los efectos posteriores que rendericen la animación sin fondo. Una vez hecho esto, haz clic en OK. Ahora vamos a elegir dónde renderizar la animación. Renderla en nuestra carpeta renders ahora asegúrate de que el nombre sea bueno, luego haz clic en Guardar y Render. Ahora esperemos un momento. Impresionante. Ahora volvamos a nuestra composición principal y aprendamos a combinar nuestro render con otros videos. Si queremos crear una transición entre dos videos y usarlo como bumber animado, no tienes que hacer esto conmigo Sólo quiero mostrarte el proceso para que sepas cómo se hace. Primero, volvamos al panel del proyecto y presionemos control para crear una nueva composición. Ahora nombra una prueba comp. A continuación, cambie las dimensiones a Full HD. 24 fotogramas por segundo y una duración de 20 segundos. Haga clic en Bien. Ahora vamos a importar dos videos a nuestro proyecto. Yo elegiré los videos que utilicé en uno de mis cursos, pero puedes elegir cualquier video que tengas en tu computadora. Todo bien. Arrastraré uno de los videos a la composición y lo escalaré. Voy a importar el video que acabamos de renderizar. Ahora colócala encima del video en la composición y mueve nuestro render al segundo. Número uno, cuando veamos que el fondo de nuestra animación está a punto de abrirse, podemos cortar la capa de video y agregar otro video. Déjame mostrarte a lo que me refiero. Me quedaré aquí con el indicador de tiempo en el momento en que el fondo necesite abrirse. Entonces recortaré el metraje de video hasta este momento. Ahora voy a insertar otro video para comenzar exactamente a partir de este momento en el que se abra el fondo, veremos el segundo video. De esta manera hemos creado una transición de logotipo genial. Veamos cómo se ve eso en conjunto. Bien, entonces después de mostrarte este proceso, eliminaré esta composición porque realmente no la necesito. También eliminaré tanto videos como el render de la animación. Ahora vamos a renderizarlo como un archivo MP four. Usemos el atajo y pulsemos el control M. Ahora en modo de salida elegiremos H 0.264 40 MBPS Entonces tenemos que elegir dónde renderizar el video. Ahora asegúrate de que el nombre sea bueno. A continuación podemos presionar Guardar. Por último, haga clic en el botón Render. Ahora esperemos un par de minutos. Veamos qué tenemos. Genial, se ve increíble. Ahora volvamos a nuestro proyecto principal y organicémoslo. Antes de cerrarlo, podemos cerrar estos paneles y los pre comps abiertos Ahora comencemos por crear una nueva carpeta en el panel del proyecto llamada assets. Arrastre la carpeta con las capas del logotipo y la carpeta de sólidos dentro de ella. Ahora crea otra carpeta llamada precomps. Se puede etiquetar la composición principal con un color diferente al de los otros precomps Ahora arrastra todos los precomps que creamos durante el proyecto a esta carpeta, excepción de la composición principal Por último, para que se vea más organizado, haga clic aquí y aquí puede cerrar el panel de efectos ahora y presionar el control S para guardar el proyecto. También puedes salir de Illustrator. Antes de terminar, restablecemos las herramientas a su estado original. Ahora puedes salir del proyecto. Espero que hayas disfrutado este, y no puedo esperar a verte en la siguiente lección cuando crearemos una animación de logotipo súper interesante para una compañía tecnológica imaginaria. Va a ser increíble, nos vemos ahí. Pero antes de sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 20. Logo #2 Tarea de casa: Hola ahí. Espero que las lecciones te hayan resultado útiles y hayas aprendido algunas cosas nuevas e interesantes. Para recordar mejor todo lo que cubrimos, recomiendo encarecidamente practicar completando esta tarea. Tu tarea es recrear esta animación genial. Tienes la libertad de cambiar los colores y agregar cualquier gráfico adicional que te guste cada vez que enfrentes algún problema o tengas algunas preguntas. No dude en consultar el archivo del proyecto AE para ver los pasos que tomé. Adicionalmente, siempre puedes contactarme en busca de ayuda. Buena suerte. 21. Logo #3 - Animar un logotipo para una empresa de tecnología: Hola a todos y bienvenidos de nuevo. En esta lección, crearemos una impresionante animación de logotipos para una compañía de TI ficticia enfocada en la recolección de datos La animación incluye cuatro escenas animadas clave que crearán individualmente antes de unirlas a la perfección con una sincronización perfecta. A lo largo de esta lección, usaremos un script incorporado muy útil en los efectos posteriores. Usaremos algunas expresiones, crearemos marcos clave complejos y aprenderemos muchas técnicas valiosas para trabajar de manera eficiente con los efectos posteriores. Seguro que esta te va a encantar, así que no perdamos más tiempo y nos sumergimos directamente en la lección. 22. Animación de rutas divergentes: Bien, así que comencemos con la lección. Espero que estés listo para esto porque esta lección va a ser súper interesante como siempre. Comencemos la lección echando un vistazo a cómo se hizo el logotipo en Illustrator. Para ello, abramos la carpeta principal que creamos para el curso e ingresemos a la carpeta AI. Ahora abramos el tercer diseño de logotipo para ver la misma disposición de paneles. Vamos a Espacio de trabajo de ventanas y seleccionemos Automatización. Genial, y ahora como puedes ver, este diseño también se divide en varias capas. Hay una capa de fondo, una capa de iconos del logotipo y una capa del texto principal. La capa de texto es una capa de texto normal escrita en la fuente Ezra Ahora, antes de proceder a crear la animación del logotipo, necesitamos pensar en una forma interesante de animarlo Por eso, como siempre digo, es muy importante crear un boceto inicial de la idea que pueda conectar con el concepto de este logotipo específico. Abramos la idea de boceto para este logotipo y veamos cómo lo planeé. Dado que es un logotipo para una compañía tecnológica imaginaria ocupa de la recopilación de datos, pensé que sería genial todos los datos convergieran en un solo punto y crearan un solo punto y crearan el ícono del logotipo, que es la esfera Entonces esta esfera abre un portal del que salen todas las letras del logotipo. Bien, basta con la plática. Vamos a abrir después de los efectos, podemos cerrar esta ventana. Ahora hagamos clic en Default para que todos veamos los mismos paneles. Ahora vamos a crear nuestra primera composición. Lo llamaremos Logo Animación Tres. Trabajaremos en el formato Full HD, estableceremos el ancho en 1920 y la altura en 1080 píxeles. Cambie la velocidad de fotogramas a 30 y establezca la duración en 20 segundos. Por último, escojamos el color de fondo para la composición. Vamos con el negro. Bien, ahora vamos a importar el diseño del logotipo al proyecto. Ahora. Primero haga doble clic en el área vacía en el panel del proyecto, luego en la carpeta AI y seleccione el tercer diseño del logotipo. Asegúrese de no seleccionar esta función y haga clic en Importar. Ahora como ya sabes, tenemos que elegir composición, porque queremos importar este archivo con capas separadas. Aquí seleccionamos el tamaño de capa porque queremos que los límites de capa coincidan con el tamaño del objeto, no con el tamaño del documento. Genial. Y ahora podemos ver la carpeta incluyendo todas las capas de archivos de illustrator. Además, se puede ver la nueva composición con el mismo nombre que el archivo illustrator creado automáticamente. Cuando ingreses a la composición, verás el logotipo separado en capas exactamente como en el archivo original de Illustrator. Bien, cerremos esta pre comp y comencemos la lección. Pero antes de eso, no olvidemos guardar el proyecto y darle un nombre. Vaya a Archivo y haga clic en Guardar. Ahora encontremos la carpeta que creamos para la lección. Ve a la carpeta AE y nombra el archivo de proyecto en el que estamos trabajando actualmente. Podemos dar click en este proyecto para muestrear el nombre y luego ajustar el nombre al logo. Animación tres subrayados en datos y, a continuación, haga clic en Guardar. Primero, vamos a crear la animación para las líneas de datos que vemos en el ejemplo. Para que sea más fácil trabajar, vamos a mostrar la cuadrícula de composiciones para esto, la clave del apóstrofo Ahora comencemos a crear las líneas de datos. Primero vamos a seleccionar la herramienta pluma. A continuación, apague el relleno y cambie el color del trazo a gris, presione. Bien, Y deja el grosor a las cinco por ahora. Entonces vamos a crear el primer punto aquí. Mantenga pulsada la tecla Mayús y cree otro punto aquí. Esto hará que la línea sea recta. Ahora aumentemos el grosor de la línea a diez. A continuación, centre el punto de anclaje de esta capa usando el control de acceso directo en casa. Ahora centremos la capa en el centro de composición usando control home. Una vez hecho esto, vamos a crear la pequeña esfera que se supone que debe moverse junto con la línea. Para ello, mantén presionada la herramienta rectángulo y selecciona la herramienta elipse Ahora asegurémonos de que no estamos seleccionando ninguna capa. Y crea la esfera mientras mantienes pulsada la tecla mayúsculas para mantenerla simétrica. A continuación, vamos a colorearlo de gris y eliminar el trazo. Genial. Ahora podemos cerrar la capa seleccionada y presionar Enter para cambiar el nombre a esfera. Después cambia el nombre de esta capa a trazo. Ahora etiquetemos esta capa con un color diferente para que podamos diferenciarla de las demás. Bien, ahora aprendamos a hacer que la esfera se mueva a lo largo de la trayectoria de las líneas y la animemos durante el movimiento Para ello usaremos un script incorporado en after effects. Veamos cómo hacerlo. Primero, necesitamos abrir la capa. Vaya a Contenidos, abra la Forma, abra el trazado y selecciónelo. Si no selecciona la ruta, el script no funcionará. Para abrir el script, vaya a Ventana, desplácese hacia abajo y haga clic en Crear nulos a partir de rutas Esto abre un pequeño panel para este guión. En nuestro caso, usaremos la función trace path. Se puede cerrar, y como se puede ver se ha creado un nuevo objeto nulo en la escena. Volvamos a la herramienta de selección y entendamos lo que está pasando aquí. Pero primero entendamos qué es un objeto nulo en after effects. Un objeto nulo es un tipo de capa que no se renderiza ni aparece en la pantalla de vista previa, sino que se puede utilizar como punto de referencia para otras capas de la composición. Es una capa invisible que se puede utilizar para controlar la posición, rotación, escala y otras propiedades de otras capas en la composición. Una de las principales ventajas de usar un objeto nulo es que permite controlar múltiples capas a la vez en lugar de tener que ajustar cada capa individualmente. Por ejemplo, puede padre de varias capas a un objeto nulo y luego controlar las capas con el nulo. A medida que avanzamos a lo largo de la línea de tiempo, notará que el objeto nulo está siguiendo la ruta de la línea. Es genial, pero el objeto sigue repitiendo este movimiento cada vez que llega al final del camino, que no es lo que queremos. Detengamos que el objeto nulo haga esto Primero, intentemos entender qué le hace hacer esto. Vamos a abrir la capa nula, ir a efectos, y verás un efecto llamado trace path en ella. Dentro de este efecto, hay dos marcos clave en la propiedad llamados progreso. La capa nula se repite debido a una expresión en esta propiedad. Puede detectar la expresión por el color rojo del valor de la propiedad. Ajustemos la expresión en esta propiedad y detengamos desde el nulo para repetir su movimiento. Para acceder al panel de expresión, seleccione la capa y presione el Ekey dos veces Ahora vamos a seleccionar la primera línea y eliminar sólo esta parte. Esta línea de código hace que el bucle nulo sea interminable. Haga clic aquí para finalizar la acción. Asegúrate de eliminar exactamente lo que he eliminado, lo contrario no funcionará. Como puedes ver, se mueve desde el inicio hasta el final del camino durante 1 segundo. Es demasiado rápido para nosotros. Pasemos al segundo número tres y movamos aquí el último fotograma clave Ahora esta animación dura 3 segundos, no 1 segundo como antes. Impresionante. Ahora aprendamos a conectar la esfera con null. Podemos hacer esto con la ayuda de la función parent y link que se encuentra aquí. La crianza de los hijos es una relación entre dos capas y a qué capa se une el niño y sigue el movimiento de otra capa, la padre. Cuando se padre una capa a otra capa, cualquier movimiento o transformación aplicada a la capa padre también se aplica a la capa secundaria. Esto es útil para crear animaciones complejas como personajes o vehículos, donde el movimiento de una parte afecta el movimiento de otra. Vinculación por otro lado, es una relación más flexible que permite controlar una propiedad o parámetro de una capa en base a otra. Bien, ahora vamos a padre de la capa de la esfera a la capa nula. Para ello arrastraremos el látigo pick de la capa de la esfera a la capa nula Esto asegurará que cuando el nulo se mueva, la esfera se moverá con él. Si queremos desactivar la paternidad, podemos hacer clic aquí y seleccionar ninguna. Como puedes entender, necesitamos que la esfera se coloque en el área del nulo aquí, y luego conectarla a null. Pero si no quieres hacerlo manualmente, puedes vincular la esfera de una manera que automáticamente se adhiera a la posición de nulo. Veamos a qué me refiero. Mantengamos la tecla mayúsculas y ahora arrastremos el látigo de pico de la esfera a nulo Ahora la esfera se posiciona en el punto de anclaje de null, lo que significa que está en la ubicación de null. En el siguiente paso, necesitamos crear un camino más interesante para nuestra línea. Para ello, seleccionemos la capa de la línea. Elija la herramienta Pluma, acérquese y cree puntos adicionales en estas áreas. Vamos a crear un punto aquí, uno aquí, otro aquí, y el último aquí. Ahora seleccionemos este punto, mantengamos presionada la tecla Mayús y seleccionemos este punto a continuación. Levantemos ambos puntos hacia arriba. Si queremos cambiar la forma de esta parte, necesitamos seleccionar este punto y moverlo para seleccionarlo, mantener pulsada la tecla Alt y seleccionarlo así. Vamos a moverlo aquí. Seleccionemos este punto. Y muévelo también. Genial, Ahora hagamos lo mismo del otro lado. Vamos a crear cuatro puntos en esta área. Ahora selecciona los dos puntos medios, y esta vez muévalos hacia abajo. Reorganicemos un poco los puntos. Impresionante. Podemos dar un paso atrás y seguir ajustando la forma de esta línea. Para ello, mantengamos la tecla Alt, seleccionemos estos puntos y muévalos aquí. A continuación, movamos aquí estos puntos. A lo mejor podamos mover un poco los puntos de fondo hacia arriba. Hagamos lo mismo con estos, ¿de acuerdo? Veamos cómo se ve. Se ve bien. Ahora es un excelente momento para presionar control como para salvar el proyecto antes de seguir adelante. Ahora aprendamos a hacer estas esquinas redondeadas. Para ello, abramos la capa de la línea. Se puede cerrar la forma. Ahora. A continuación seleccionemos Contenidos y agreguemos un nuevo efecto al contenido de esta capa llamado esquinas redondeadas. Si haces zoom un poco, verás una mejora significativa en las esquinas. Abramos la nueva propiedad y aumentemos el radio. Ajustarlo a 20. Genial. Ahora aprendamos cómo hacer que la esfera revele la línea durante el movimiento. Vamos a configurar la pantalla de vista previa para que encaje. Ahora, seleccione la forma dentro del contenido de esta capa y agregue el efecto de trazados de recorte. A continuación, agrandar un poco este panel y luego abrir el efecto. Ahora cambiando el valor de la propiedad llamada end, podemos controlar el dibujo lineal. Conecta esta propiedad con el movimiento de la esfera. Necesitamos acceder a la propiedad progress bajo el efecto trace path que se encuentra en la capa nula. Cerremos todos los parámetros y luego abrimos solo la propiedad progress para verla solo. Ahora, como nuestra esfera está conectada al nulo, aparecerá como si la esfera estuviera revelando la línea. Para que este trabajo, debemos vincular la propiedad final del efecto a la propiedad de progreso de nulo. Ahora, cuando el nulo se mueve, la esfera se mueve con él y la propiedad final del efecto de trazado de recorte se mueve con la esfera. Se ve genial. Vamos a seguir adelante. Podemos volver a configurar la pantalla de vista previa para que encaje. Ahora para que esta animación se vea más interesante, hagamos que la parte posterior de la línea desaparezca en relación con el movimiento de la esfera. Podemos hacerlo usando la propiedad start efecto de trazado de recorte. Decidamos que la línea comenzará a desaparecer del segundo número uno, vamos a crear un fotograma clave para la propiedad start con el valor actual. Ahora vamos al final de la animación de la esfera al tercer segundo y cambiemos el valor a 100. Veamos cómo se ve. Se ve bien. Ahora vamos a cerrar las capas y mejorar la animación. Primero, para mejorar la animación, necesitamos ver todos los fotogramas clave que tenemos en esta escena. Asegurémonos de que no estamos seleccionando ninguna capa y presionémoslo. Ahora comencemos a mejorar el movimiento de la esfera. Seleccionemos estos fotogramas clave. Presione nueve y cambie la velocidad a través del editor gráfico. Haga clic derecho aquí para asegurarse de que estamos en el gráfico de velocidad. Ahora vamos a seleccionar estos fotogramas clave y mover el mango aquí para hacer que la esfera se mueva lentamente al principio y luego aumente la velocidad hacia el final Apaguemos la capa para la línea y veamos cómo se ve. Ahora pasemos para mejorar el movimiento de la animación lineal, porque ahora el movimiento de la línea no está sincronizado con el movimiento de la esfera. Volvamos a la línea de tiempo. Seleccione estos fotogramas clave. Presione F nueve y cambie la velocidad a través del editor gráfico. Seleccionemos estos fotogramas clave y movemos el mango aquí para que la línea desaparezca lentamente al principio y luego aumentemos la velocidad hacia el final. Ahora quiero ajustar el aspecto del camino que llegamos hasta aquí. Y para ello, seleccionemos la herramienta pluma y ajustemos un poco la forma de la línea. Da click en uno de los puntos, ahora mantén pulsada la tecla Alt y selecciona los puntos en esta sección. Vamos a mover esta parte aquí. Ahora vamos a mover esta parte un poco hacia la izquierda. Veamos cómo se ve eso ahora. Bien, ahora vamos a ajustar un detalle muy pequeño que nadie verá, pero es importante saberlo. Vamos a hacer zoom un poco y ver cómo se ve el final de este camino. Como puede ver, la línea termina en línea recta. Aprendamos a redondearlo. Para ello, cierra y vuelve a abrir la capa para ver todos los parámetros Ahora, abra el trazo y cambie la tapa de línea a tapa redonda. Ahora se ve mejor. Cambiemos también la ronda únete aquí. Bien, Y ahora podemos cerrar todos los parámetros y capas. Ajuste la pantalla de vista previa para que encaje, vuelva a la herramienta de selección y continúe. Ahora vamos a crear una animación a escala para la esfera. Vaya al segundo cero, seleccione esta capa y presione S para ver el parámetro de escala. Ahora cambia el valor a cero y crea el primer fotograma clave con este valor. A continuación, pasemos al fotograma 15 y pongamos la escala a 100. Entonces copiemos estos fotogramas clave. Ir a los tres segundos y pegarlos aquí. Ahora haga clic derecho en uno de los fotogramas clave. Vaya al asistente de fotogramas clave y seleccione fotogramas clave de inversión de tiempo para revertir esta animación Ahora la esfera se encogerá cuando llegue a su último punto. Creo que debería encogerse antes de llegar al final para ver cuándo la esfera llega a su último punto. Seleccionemos la capa nula y te presionemos a continuación. Movamos aquí la animación a escala de la esfera, para que la esfera desaparezca justo antes de que termine su movimiento. Ahora vamos a seleccionar estos fotogramas clave. Presione nueve y cambie la velocidad a través del editor gráfico. De esta manera, veamos cómo se ve. Excelente, podemos volver a la línea de tiempo. Con esto, terminamos con la primera parte de nuestra animación. Ya que sabemos que en el futuro, tendremos que duplicar esta animación algunas veces. Lo mejor es anidar todas las capas en una sola composición. Sería una molestia duplicar las capas una por una. Bien, seleccionemos todas las capas y presionemos control shift C, lo llamaremos línea de datos uno. Asegúrate de que ambos estén revisados y golpea bien. Ahora entremos en esta pre comp y ajustemos el tamaño y la longitud de esta composición. Para ello, necesitamos ingresar esta configuración de composición. Control de prensa K. Ahora ajusta las dimensiones de altura de esta composición. Asegúrate de que la vista previa esté verificada para ver lo que estás haciendo. Vamos a establecerlo en 400. Ahora vamos a acortar la duración de la composición a 1 segundo porque sabemos que nuestra animación termina en el segundo tres. Ahí vas. Nuestra composición está lista y estamos listos para seguir adelante. Volvamos a nuestra composición principal. En la siguiente parte, haremos otra animación similar a la que hicimos, pero con algunos pequeños retoques Jugaremos con el tamaño de la esfera, grosor de la línea y los colores de los objetos. Nos vemos en la siguiente parte. 23. Técnicas de duplicación de capas: Bienvenido de nuevo. Aprendamos a duplicar comps como un profesional Primero, es importante saber que para poder cambiar con éxito el diseño dentro de la composición duplicada, necesitamos duplicar esta composición a través del panel del proyecto y no a través del panel de capas. De esta manera podemos hacer cambios dentro la comp duplicada sin afectar al original. Te voy a mostrar a lo que me refiero. Busquemos nuestra composición en el panel del proyecto, selecciónela y presionemos el control D para duplicarla. Ahora hemos creado una nueva composición y su sufijo se ha cambiado automáticamente a dos Ahora entremos en esta nueva composición y hagamos algunos cambios de diseño. Comenzaremos cambiando el color de la capa de trazo. Hagámoslo blanco. A continuación, cambiemos también el color de la esfera a blanco. Ahora llevemos esta composición a nuestra composición principal. Y ver que los cambios afectan sólo a la nueva composición. Lo cual es genial porque queremos tener algunas variedades de esta animación de datos. Bien, ahora arreglemos esta pre comp en la escena. Primero podemos procesar y establecer el tamaño de esta composición en 70. Después haz click derecho sobre él para transformarlo y elige voltear vertical. Ahora quiero que la esfera llegue al centro de la escena al final. Para ello, vayamos al final de esta animación para ver la última posición de la esfera. Ahora vamos a arrastrar esta pre comp al lugar donde veremos la esfera en el centro, En algún lugar por aquí. Comprobemos que la esfera llegue al centro. Exactamente. Genial. Ahora quiero que la esfera grande no sea visible en la escena cuando se crea. Para ello, movamos aquí esta composición. Veamos cómo se ve. Se ve genial. Ahora etiquetemos esta capa con un color más brillante para que podamos diferenciarla de las otras composiciones. Ahora vamos a crear una animación similar desde este lado. Para ello, duplicaremos estas dos composiciones usando el control D. A continuación, traemos las nuevas composiciones aquí, una al lado de la otra. Y para voltear ambos con precisión, haz clic derecho aquí y crea un nuevo nulo. Ahora conecta las dos nuevas composiciones al nulo usando parent y link. Después seleccione el nulo. Haga clic derecho, vaya a transformar y elija Voltear Horizontal para aleatoriedad en la escena, haga clic derecho sobre el nulo y vaya a transformaciones una vez más, pero esta vez elija vertical Esto se ve un poco más interesante. Bien, ahora vamos a unparent estas dos composiciones desde el nulo, y vamos a crear una animación similar desde este lado Para ello, vamos a duplicar estas composiciones una vez más. Muévalos hacia arriba y conéctelos al nulo. Ahora seleccione el nulo, Presione R para mostrar la propiedad de rotación, y gírela a -90 grados. Se ve bien. Una vez hecho esto, unparent estas composiciones del nulo y duplicarlas una vez más Mueva los nuevos hacia arriba, conéctelos al nulo y rote el nulo a -270 grados. Básicamente, hemos utilizado el null y la función parent and link para diseñar y posicionar nuestras capas en la estafa. Ahora que hemos terminado con eso, ya no necesitamos el nulo, vamos a seleccionarlo y eliminarlo presionando retroceso o eliminar Ahora vamos a crear un pequeño desplazamiento entre las líneas de datos blancas y las grises. Seleccionemos toda la línea de datos, dos composiciones a la vez. Para ello, da clic aquí y elige seleccionar Grupo de Etiquetas. Podemos acercar la línea de tiempo. Ahora vamos a mover las preps seleccionadas para fotogramas hacia adelante en el tiempo Veamos cómo se ve. Impresionante. Ahora vamos a crear otra versión de la animación de línea de datos. Es decir, necesitamos crear la misma animación pero con un par de cambios en la cuestión del diseño. De dónde debemos copiar la composición para que podamos hacer cambios sin estropear las anteriores? Para ello, duplicaremos la línea de datos dos pre comps a través del panel del proyecto. Vamos a seleccionarlo. Control de prensa D. Ahora entremos en la nueva composición y hagamos algunos cambios de diseño. Comenzaremos cambiando el color de la esfera a un color más oscuro. A continuación, cambiemos el color de la línea de trazo a un color más oscuro también. Ahora vamos a llevar esta precomp a la composición principal y posicionarla en la escena Colóquelo de manera que cuando la esfera llegue a su posición final, quede en el centro de la escena. A continuación, etiquetemos esta capa con un color diferente para separarla de las otras composiciones. Ahora vamos a aislar esta capa para verla sólo. Y ahora lleguemos al punto donde la esfera alcanza su última posición y movamos esta precomp en consecuencia Una vez hecho esto, presione R para mostrar la rotación de esta capa. Ahora quiero que esta composición se posicione diagonalmente en la escena No obstante, si roto esta composición, girará desde su centro porque el punto de anclaje está en el medio. Eso significa que tenemos que mover el punto de anclaje aquí. Vamos a agarrar la herramienta de punto de anclaje y moverla aquí. Una vez hecho esto, no olvide volver a la herramienta de selección. Ahora, cuando rotemos la capa, ésta girará correctamente. Pasemos al punto en el tiempo donde podamos ver todas las capas para ver lo que estamos haciendo. Ahora pongámoslo en 45. Ahora presiona para mostrar la escala de esta capa. Y bájala un poco, ya que puedes ver la capa cada vez más pequeña en relación con su posición de punto de anclaje. Vamos a establecerlo en 50. Ahora vamos a crear copias adicionales de la pre comp y organizarla para cruzar la escena. Seleccionemos esta pre comp y dupliquemos a continuación. Vamos a rotarlo. Creo que podemos fijarlo a 135. Ahora vamos a duplicar esto una vez más y girarlo también. 224 grados, se ve bien. Ahora estos dos pre comp están colocados simétricamente. Ahora vamos a duplicar esta pre comp una última vez y rotarla en relación con la pre comp delante de ella. 310 se ve bien. Ahora vamos a comprobar que todo se ve bien. Bien. Ahora vamos a cerrar todas estas capas, aislarlas y seguir adelante. Como puede ver, tenemos una tonelada de precomps en nuestro panel de capas, lo que dificulta la navegación Para ahorrar algo de tiempo y facilitar las cosas, debemos organizar nuestras capas. Primero, agrandemos este panel y seleccionemos solo la línea de datos dos precomps, ahora muévalos hacia arriba para que se paren uno al lado del otro A continuación, vamos a crear un ligero desplazamiento para las tres composiciones de la línea de datos. Para ello, parémonos en un punto en el tiempo donde podamos ver todos los precomps Ahora selecciona todos ellos y moverlos unos fotogramas Veamos cómo se ve. Creo que se ve genial. Bien, hemos terminado diseñar la escena de las líneas de datos. Es un buen momento para presionar controles para guardar todo lo que hemos hecho hasta ahora. Ahora para mantener nuestra composición principal organizada, seleccionaremos todas las pre composiciones y las anidaremos en una sola composición Esto se puede hacer pulsando el control shift C. Ahora cambie el nombre de la composición a líneas de datos principales y haga clic en OK. Ahora para mantener la más alta calidad, si queremos escalar esta composición posteriormente, activemos la función collapse para esta precomp y todos los precomps Haga clic aquí si no ve la función de colapso. Impresionante. Ahora es un excelente momento para presionar control S para salvar el proyecto. Antes pasaremos a la siguiente parte donde animaremos la esfera principal y crearemos una animación de portal súper genial Va a ser increíble. Entonces nos vemos en la siguiente. 24. Cronometraje avanzado: Bienvenido de nuevo. En esta parte, animaremos la esfera colorida, crearemos una animación de ondulación genial detrás de ella y aprenderemos a hacer un portal Empecemos con la colorida animación de esfera. Para ello, encontémoslo en las capas del diseño del logotipo y arrástralo a nuestra composición. Ahora vamos al inicio de la animación. Apague esta prensa pre comp, cree una animación de escala para la esfera. Cambiemos el valor a cero en este momento. Y crea el primer fotograma clave con este valor. Entonces pasemos al segundo número uno y cambiemos el valor a 100. Ahora vamos a convertir estos fotogramas clave. Para *** seleccionar estos fotogramas clave, presione nueve y ajuste la velocidad a través del editor de gráficos. La capa comienza a crecer rápidamente y se ralentiza hacia el final. Veamos cómo se ve genial, y ahora agreguemos una animación de rotación. Seleccionemos la capa. Ahora presione R para ver la propiedad de rotación. Aprendamos cómo podemos rotar la esfera sin crear fotogramas clave. Podemos hacer esto con una simple expresión Primero, para crear una nueva expresión para esta propiedad. Mantenga presionada la tecla Alt y haga clic una vez en el cronómetro. Ahora escribamos múltiplos de tiempo 100, y haga clic aquí para terminar la acción. Ahí está. Nuestra esfera girará sin marcos clave. Ahora te voy a enseñar un truco genial para crear un efecto de resaltado genial en la esfera. Para darle un look más tres D. Primero haz click derecho sobre la capa, ve a Estilos de Capa y selecciona Sombra Interior. Si acercas un poco, verás que ahora tenemos una sombra en esta parte. Vamos a abrir el efecto, cambiar el color a blanco. Luego establece el modo de fusión en pantalla. Como pueden ver, ya estamos recibiendo una buena luz alta alrededor de esta zona. Ahora vamos a establecer la opacidad al 100% de distancia a ocho, y el tamaño a 15 Una vez hecho esto, cambiemos la posición de la luz alta que creamos. Para ello, necesitamos rotar el parámetro de ángulo. Vamos a establecerlo en 340. Por último, para mantener estas capas en la mejor calidad, active la función de colapso para esta capa y ciérrela. Bien, ahora volvamos al inicio de la animación y creamos la ondulación que debería estar detrás de la esfera. Para ello, seleccione la herramienta elipse. Ahora haga clic una vez aquí para asegurarse de que no estamos seleccionando ninguna capa. Ahora apague el color de relleno. Luego cambia el color del trazo a blanco y crea un círculo mientras mantienes presionada la tecla Mayús. Ahora centremos esta capa en la escena usando control home. En lugar de crear una animación de escala para esta capa, simplemente podemos seleccionar la capa de esfera, presionar S, seleccionar la propiedad y presionar control C para copiar los fotogramas clave en ella. Ahora selecciona el círculo y presiona el control V para pegar los fotogramas clave. Presionarlo para ver los fotogramas clave. Animemos también el grosor del trazo de este círculo Vamos a abrir y cerrar la capa para ver todos los parámetros que podemos transformar. Y ahora abre el trazo elipse de contenido. Ahora cambiemos el ancho a 40 y creemos el primer fotograma clave en este momento. Ahora pasa al segundo y cambia el ancho a cero. Una vez hecho esto, convierta estos fotogramas clave a EasyE's y vea cómo se ve increíble Ahora vamos a mover la capa de ondulación un poco hacia adelante en el tiempo para crear un desplazamiento suave entre la animación de esfera. Se ve genial. Podemos activar esta pre comp por ahora. Después de que terminemos de animar la esfera y la ondulación, pongamos estas dos capas en una pre comp para mantener el orden en nuestra composición principal Cambiemos el nombre a Big Sphere Comp y pulsemos Bien, ahora entremos esta pre comp y redimensionémosla, porque ahora mismo tenemos mucho espacio vacío e innecesario aquí Presiona el control K para acceder a los ajustes de composición. Redimensiónela a 600 por 600. Esto es mucho mejor. Ahora selecciona esta capa, presiona para revelar sus fotogramas clave. Y corta la capa hasta el punto donde termina la animación. Párese aquí con el indicador de tiempo y presione Alt y soporte derecho para hacerlo. Veamos cómo se ve antes de seguir adelante. Genial, ahora volvamos a la composición principal y activemos colapso para esta precomp Ahora vuelve a la herramienta de selección y etiqueta esta precomp con un color diferente para que podamos distinguirla de las líneas de datos comp Ahora movamos esta capa hacia adelante en el tiempo y encontremos el punto donde se supone que la gran esfera debe entrar en escena. Debería suceder aquí cuando todas las esferas de datos se unan en el centro. Posicionémoslo aquí y veamos cómo se ve. Se ve bien, pero ahora noto que la ondulación está por encima de la esfera grande. Me acercaré un poco para mostrarte a lo que me refiero. No queremos que la onda esté al frente, necesitamos que esté detrás de la esfera. Ingresemos a esta pre comp y movamos esta capa por debajo de la capa de esfera. Bien, volvamos a la composición principal, configuremos la pantalla de vista previa para que encaje y pasemos a la siguiente parte donde aprenderemos a crear el portal y la escena de animación de texto. Comencemos primero con el portal, apaguemos las capas y abramos una cuadrícula para un mejor flujo de trabajo. Puedes activar esta cuadrícula desde aquí o abrirla con el atajo Alt y la tecla apóstrofo Seleccionemos la herramienta Pluma. Luego haz clic aquí para asegurarte de que no estamos seleccionando ninguna capa. Ahora enciende el relleno y déjalo temporalmente en gris. Deja el trazo y blanco con el grosor de diez. Podemos cambiarlo más tarde si es necesario. Ahora comencemos a crear el portal. Crea el primer punto aquí y continúa moldeándolo. A continuación, haga doble clic en el trazado de la forma. Y mientras sostiene las teclas de cambio y control, redimensionarlo simétricamente desde redimensionarlo simétricamente desde todas las direcciones. Esto debería ser suficiente. Luego presiona Enter para finalizar la acción. Ahora vamos a animarlo, pero antes de eso, presiona Alt, una tecla de apóstrofo para apagar la cuadrícula. Ahora abre la capa y las propiedades de la forma. Para animar esta capa, necesitamos crear fotogramas clave para el trazado de esta forma Por ahora, pasemos al segundo número uno. Porque sabemos que la forma del portal debe verse exactamente como lo hace ahora. Por lo tanto, podemos crear el primer fotograma clave y decir después de los efectos en este momento. Esta forma debería verse así. Ahora retrocedamos en el tiempo y ajustemos la forma a cómo debería verse al principio. Primero, seleccionemos este punto. Presiona la tecla apóstrofo para ver el centro de la escena. Ahora movamos este punto al centro. Entonces seleccionemos este punto. Y muévelo al centro también. Podemos ajustarlo un poco con las teclas de flecha. A continuación, seleccionemos los fotogramas clave y presionemos F nine para convertirlos a fáciles. E finalmente mantenga presionada la tecla alt y haga clic en uno de los fotogramas clave para cambiar la velocidad a través del panel de velocidad del fotograma clave, establecerlo en 85 para ambos valores Golpea bien, y mira cómo se ve. Genial, ahora vamos a crear una animación de revelación para este camino. Para crear esta animación reveladora, podemos crear una máscara para esta forma. Y luego animar el camino de la máscara para revelar la forma Veamos a qué me refiero. Primero, seleccione la capa. Luego haga clic y mantenga presionada la herramienta elipse para seleccionar la herramienta rectángulo Ahora asegúrate de que tenemos esta capa seleccionada y crea la máscara. Pero presta atención a lo que pasó. En lugar de crear una máscara, acabamos de crear una nueva forma. Presionemos el control Z para deshacer la acción y tratar de entender por qué sucedió. Para crear máscaras en capas de formas, necesitamos seleccionar este icono aquí. De esta manera, después de los efectos, sabremos que queremos crear una nueva máscara en esta capa de forma y no crear una forma adicional dentro de esta capa. Bien, después de seleccionar el icono, vamos a crear la máscara. Ahora lo que tenemos que hacer es animar el camino de las máscaras. Pero antes de eso, avancemos en el tiempo los marcos clave para la apertura del portal. Porque antes de la apertura, necesitamos crear los fotogramas clave para la animación de revelado del trazo. Mueve estos fotogramas clave al segundo número uno. Ahora vamos a crear una animación para la ruta de la máscara. Para ver la ruta de la máscara, selecciona la capa y presiona M. Ahora en este punto en el tiempo, que es el segundo número uno, la máscara debería verse como lo hace. Ahora vamos a crear el primer fotograma clave cuando la ruta se vea como lo hace actualmente. Ahora retrocede en el tiempo al inicio de esta capa. Cambiemos el camino de la máscara hasta que no veamos el trazo blanco del portal. Para ello, volvamos a cambiar a la herramienta de selección. Ahora selecciona los dos puntos inferiores de la máscara y muévalos al centro de la capa. Ahora selecciona los puntos de la parte superior de la máscara y muévalos también al centro de la capa. Tenga cuidado de no seleccionar el punto de ruta del portal. Seleccione sólo el trazado de máscara. Ahora vamos a acercarnos y mover los puntos usando las teclas de flecha del teclado hasta que no veamos la capa. Después seleccione los fotogramas clave y presione F nueve. Esta vez cambiaremos su velocidad usando el editor gráfico para hacer que la máscara se abra rápidamente al comienzo de la animación. Bien, ahora como puedes ver cuando se abre la forma. Tenemos un problema menor con las esquinas. Si me muevo de un lado a otro, se puede ver que las esquinas se agudizan. Para arreglar esto, cerremos la capa y volvamos a abrirla. Cierre la máscara. Y ahora vamos a acceder aquí al trazo de esta forma. Cambie la unión de línea a unión de redondear. Una vez hecho esto, cierra el trazo y sigamos adelante. Ahora vamos a crear una animación agradable para el ancho del trazo. Primero, encontremos un punto en el tiempo donde queremos iniciar el trazo con animación. Pasemos al segundo número uno después de la reveladora animación. Ahora abre el trazo y vamos a animar esta propiedad. Puedes agrandar un poco esta zona para verla mejor. Ahora quiero que el grosor sea diez antes de que se abra el portal. A la segunda. Número dos, cuando se abre el portal, el grosor debe ser cero. Ahora vamos a aliviar estos fotogramas clave y ver cómo se ve. Creo que se ve increíble. Podemos cerrar los parámetros de esta capa. Ahora vamos a tiempo esta capa con el resto de la animación. Primero, podemos seleccionar esta capa y presionarte para ver los fotogramas clave antes cronometrar la animación del portal con el resto de la escena. Presiona enter en esta capa y cambia el nombre a rombo porque ese es el nombre oficial de esta forma También puedes escribir Portal si quieres , realmente no importa. Ahora vamos a cerrar la capa, establecer la pantalla de vista previa para que encaje, y pasar al tiempo esta capa con el resto de la animación. Creo que el portal debería entrar en escena en algún lugar por aquí. Vamos a encender el resto de las capas y arrastrar el portal a la ubicación del indicador de tiempo. Eso no importa por ahora, porque antes de que se abra el portal, necesitamos hacer que la esfera toque la línea del portal. Vamos a moverlo aquí por ahora. Y crear una animación táctil para la esfera que se supone inicia la animación del portal. Por ahora, decidamos que la animación táctil debe comenzar desde el segundo número cuatro, también podemos mover esta capa hacia adelante a tiempo por ahora, para que no interfiera con nosotros. Ahora selecciona la esfera grande y presiona P para ver la propiedad de posición. Ahora vamos a crear el primer fotograma clave con el valor actual, porque estamos contentos con la posición de esta capa hasta este punto. Ahora vamos a mover 15 fotogramas hacia adelante y mover esta capa aquí. Ahora vamos a mover 15 fotogramas hacia adelante otra vez, Y mover esta capa aquí, porque aquí es donde comenzará a revelarse la línea del portal. Ahora pasemos al segundo número seis y movamos la capa aquí. Entenderemos por qué en un momento. A continuación, encontremos un punto en el tiempo en el que el portal debería comenzar a abrirse. Debería suceder cuando la esfera hace la animación táctil. Retrocedamos y avancemos en el tiempo mientras intentamos encontrar el momento perfecto para que se abra el portal. Creo que deberíamos iniciar el portal desde el segundo número cuatro. Vamos a arrastrarlo aquí y ver cómo se ve. Esto parece un buen momento en relación con la animación de la esfera. Ahora vamos a mejorar la animación de la esfera. Seleccionemos todos los fotogramas clave y presionemos nueve. Ahora hagamos que la esfera llegue rápidamente a este punto para crear una ilusión de que la esfera toque la línea. Para ello, seleccionemos este fotograma clave y vayamos al editor de grafos Ahora vamos a arrastrar esta manija aquí y esta manija aquí para que la esfera se mueva rápidamente en esta parte. Ahora vamos a seleccionar este fotograma clave y mover su manejador así Veamos qué tenemos. Eso es un poco demasiado rápido. Bien, eso es mejor. El movimiento táctil todavía no me parece lo suficientemente realista. Vamos a apretarlo un poco más ahora, vamos a mover el mango de este fotograma clave aquí para que la pelota rebote rápidamente después de tocar la línea Veamos cómo se ve. Se ve genial. Ahora volvamos a nuestra línea de tiempo y continuemos el tiempo entre estas capas. Ahora mismo, la línea del portal inicia su animación demasiado pronto y choca con la esfera Vamos a mover el portal hacia adelante en el tiempo. Ahora ajustemos la animación de apertura del portal, porque en este momento no está sincronizado con la animación táctil de la esfera, lo que ocurre en el segundo número cinco, presiona sobre la capa del portal y selecciona los fotogramas clave para la apertura de formas y el grosor de la línea. Y muévalos aquí. Veamos cómo se ve. Bien, se ve bien, excepto que la pelota se mueve demasiado hacia un lado después de que se abre el portal. Vamos a pararnos sobre este fotograma clave y ajustarlo. Vamos a moverlo aquí. Eso es mejor. Control de prensa como para guardar todo lo que hemos hecho hasta ahora. Ahora vamos a dar un paso atrás en la línea de tiempo, cerrar las capas, y pasar a la siguiente parte donde vamos a crear la animación de texto que va a salir desde el interior del portal. Nos vemos en la siguiente parte. Va a ser increíble. Pero antes de sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 25. Texto de la animación de túneles: Bienvenida de nuevo. Comencemos con una lección sobre cómo crear una animación de texto genial que salga del portal. Y para facilitar nuestro trabajo, podemos crear nuestro texto en una composición separada. De esa manera no tendremos que preocuparnos de que las otras capas estropeen nuestro trabajo Además, será mucho más sencillo agregar la animación de texto a nuestra escena más adelante. Vamos a crear una nueva composición. Esto lo podemos hacer a través de la composición. Nueva composición o utilizar el extremo de control de acceso directo. Vamos a llamarlo comp de texto, establecer las dimensiones en full HD por ahora, podríamos ajustarlo más tarde. Mantendremos los otros ajustes tal como están y golpearemos. Bien, ahí tienes. Acabamos de saltar a la nueva composición que creamos. También lo puedes encontrar en el panel de proyecto. Genial. Ahora vamos a arrastrar la capa de texto original del ilustrador a nuestra comp para usarla como referencia. Después selecciona la herramienta de texto y escribe el nombre de la empresa. Ahora haga doble clic en el texto y cambie la fuente a Ezra Irregular Después colorea el texto en blanco y cambia el tamaño a 100. Ahora vamos a seleccionar solo la letra O y muestrear el color de la capa original. Una vez hecho esto, podemos eliminar esta capa. Y no olvides ir al párrafo para asegurar que nuestro texto esté centrado y escrito de izquierda a derecha. Bien, ahora selecciona la capa de texto. Presiona el control Alt para centrar el punto de anclaje al centro de la capa. Y luego controlar Home para centrar la capa en la composición. Ahora vuelve a la herramienta de selección y animemos el texto En lugar de dividir y animar manualmente cada letra una por una, lo que llevaría mucho tiempo Usaremos los animadores de capa y después de los efectos para hacer esto Selecciona el texto a través de la capa y crea el primer animador el cual debe ser de tipo position, porque esta es la animación que queremos crear Ahora vamos a acercarnos. Verás pequeñas cruces rojas aquí. Estos son en realidad los puntos de anclaje de cada letra que actualmente se encuentran en la parte inferior de la letra. Aprendamos a moverlo al centro de las letras. Para ello, abre más opciones y cambia el valor de la alineación de agrupamiento en nuestro caso. -30 es excelente. Ahora vamos a cerrarlo y seguir adelante. Ahora decidamos dónde estará el punto de cambio en este texto. En nuestro caso, es donde entra en el marco. Decidamos que el texto debe venir desde la izquierda. Aquí escribiremos -600. Ahora vamos a abrir el selector de rango y avanzado. Ahora cambiemos la forma de los animadores para que bajen. ¿Por qué bajar y no subir? Porque queremos que la última letra se mueva primero. Bien, vayamos al inicio de la animación y creemos un fotograma clave para la propiedad offset con un valor de 100. Ahora pasemos al segundo número tres y cambiemos el valor a -100 Ahora vamos a mejorar esta animación cambiando la velocidad de estos fotogramas clave Al usar animadores, no necesitamos acceder al panel de velocidad de fotograma clave Podemos controlarlo directamente desde el animador. Vamos a establecerlo en 84 Es alto y 84 Facilidad bajo. Veamos cómo se ve. Se ve bien. Ahora agreguemos una animación de rotación para las letras. Para ello, seleccionemos al animador. Haga clic en la flecha pequeña junto a la palabra anuncio a propiedad y elija rotación. Ahora tenemos una nueva propiedad en el animador. Podemos fijarlo en el punto de partida del animador. Las letras se rotarán -90 grados. Ahora los fotogramas clave que creamos para el desplazamiento se verán afectados por ambas propiedades en este animador La posición y la rotación. Se ve genial. Ahora volvamos a nuestra composición principal e insertemos en ella la animación de texto que acabamos de crear. Movamos esta capa hacia adelante en tiempo y tiempo, la entrada de texto en relación a lo que sucede en la escena. El texto debe comenzar en este momento desde el segundo número seis donde está abierto el portal. Pero como puedes ver, no se posiciona donde debería estar. El texto debe colocarse en algún lugar por aquí. Eso significa que tenemos que volver a la comp de texto y ajustar su posición final. Aprendamos qué debemos hacer en situaciones como esta. Entonces primero lo primero, podemos bloquear el panel de la composición principal aquí. Ahora vamos al interior de la precomp del texto. Ahora arrastra este panel de precomps. Aquí de este lado vemos la precomp del texto desde el interior Y aquí vemos nuestra composición principal, que está encerrada en estos momentos. Eso quiere decir que todas las capas que vemos en este panel pertenecen a la composición del texto. Bien, ahora cuando movemos el texto, inmediatamente vemos cómo se ve en la composición principal. Bien, encontremos una buena posición para el texto, en algún lugar por aquí, porque movemos el texto. Vamos al inicio de la animación, parece que parte de ella está en el lugar equivocado. Porque ahora mismo lo podemos ver antes de que salga del portal. Eso significa que necesitamos ajustar el punto de cambio establecemos para la propiedad position de nuestro animador de texto Eso no es problema, solo necesitamos cambiar el punto de partida del texto en nuestro animador Vamos al puesto propiedad del animador y cambiarlo a -700 Como puedes ver ahora todo está en el lugar correcto Una vez hecho esto, podremos desbloquear este panel y cerrar uno de ellos. Bien, entonces volvemos a la composición del texto. Después de posicionarlo y ajustarlo, presionemos el control K para redimensionarlo. Tenemos mucho espacio vacío aquí, así que vamos a reducir la altura hasta que encontremos el tamaño correcto. Creo que podemos fijarlo en 250. Por último, volvamos a la composición principal y apliquemos colapso para esta precomp Ahora necesitamos crear un efecto revelador donde el texto salga de nuestro portal Eso significa que necesitamos crear la ilusión de que el texto está saliendo del portal. Y podemos hacerlo usando la función track matt. Es decir, podemos usar la forma del portal para actuar como una máscara para la precomp de texto Te voy a mostrar a lo que me refiero. Primero, dupliquemos esta forma. Muévelo por encima del texto. Cambia el nombre de esta capa para enmascarar el texto. Y ahora hacer visible el texto sólo dentro de los límites de esta forma. Podemos hacer esto usando la función track matte. Vamos a dar click aquí para ver esta función. Ahora vamos a arrastrar el látigo de pico del tapete de pista de esta capa a la capa portal Vamos a seleccionarlo y presionar M para eliminar la máscara en esta capa. No lo necesitamos ahora mismo. Ahora, como se puede ver en el costado del portal, no podemos ver las letras. Y eso es exactamente lo que necesitamos para crear la ilusión de que el texto salga del portal. Pero al mismo tiempo tampoco podemos ver las letras que se supone que salgan de ella. Arreglar esto, necesitamos cambiar el camino de esta forma. Antes de hacer eso, apaguemos temporalmente la capa del portal real para que podamos ver lo que estamos haciendo. Como ya sabrás, hay marcos clave en el camino que cambian su forma. Los primeros marcos clave no nos molestan. Lo que nos molesta es cómo se abre el portal. Ese es el segundo marco clave. Eso significa que necesitamos enfocarnos en los últimos marcos clave del camino y cambiarlo. Vamos a pararnos en el marco clave que queremos ajustar. Ahora para ver los puntos del trazado de esta forma, necesitamos seleccionar el trazado a través de la capa. Ahora podemos seleccionar este punto y moverlo hacia la derecha para cambiar esta animación de ruta. Ahora el texto será visible porque hemos expandido el área de la capa que funciona como máscara. Bien, volvamos a encender el portal O y veamos cómo se ve todo junto. Se ve genial. Ahora vamos a crear una animación de cierre para el portal. Primero, encontremos un punto en el tiempo en el que debería suceder. Digamos por aquí. Ahora selecciona esta capa y presiona para ver los fotogramas clave en ella. A continuación, vamos a crear la misma animación que al principio, pero a la inversa. Podemos seleccionar todos estos fotogramas clave, copiarlos y pegarlos en la posición del indicador de tiempo usando control V. Ahora haga clic derecho en uno de los fotogramas clave Vaya al asistente de fotogramas clave y elija fotogramas clave inversos de tiempo Una vez hecho esto, seleccione los marcos clave para cerrar el portal. Y muévalos aquí porque necesitan comenzar a cerrar antes de que se cierre la máscara. Veamos cómo se ve. Genial, así que después de que salga el texto y se cierre el portal, acerquemos la esfera al texto. Eso significa que necesitamos crear una animación de posición para ello. Primero, seleccione la esfera comp y presione P para ver el parámetro de posición. Ahora encontremos un punto en el tiempo en el que queremos que la esfera empiece a moverse hacia el centro de la composición, digamos al segundo nueve. Apenas un momento antes de que se cierre la línea del portal. Ahora vamos a crear fotogramas clave con el valor actual hasta este punto, Queremos que la esfera se quede donde está ahora mismo. Ahora muévete al segundo diez y mueve la esfera a su posición final, en algún lugar por aquí. Ahora volvamos al punto en el que la esfera empieza a moverse. Y también ajusta la posición del texto para moverte hacia el centro. A partir de este momento, seleccione la comp de texto, presione P, Crear fotograma clave con el valor actual. Muévete al segundo diez y mueve esta capa aquí. Ahora selecciona todos los fotogramas clave que hemos creado para la posición. Presiona nueve, mantén presionada la tecla Alt y haz clic dos veces en uno de los fotogramas clave para cambiar su velocidad a través del panel de velocidad del fotograma clave, establecerlo en 85 en ambos Bien, veamos cómo se ve. Puedo ver que la línea blanca aún no ha terminado su animación. Vamos a avanzar un poco estos fotogramas clave en el tiempo. De esta manera, la esfera y el texto comenzarán a moverse cuando la línea haya desaparecido por completo. Vamos a verlo una vez más. Creo que es genial. Ahora vamos a crear una animación outro para este logo Esta vez, hagamos que desaparezcan usando la propiedad Opacity Pero primero, necesitamos encontrar un punto en el tiempo en el que queremos que suceda. Vamos a decidir que va a pasar desde el segundo número, 12. Seleccionemos ambas capas y presionemos para abrir la opacidad. Ahora crea fotogramas clave con el valor actual que es 100% Luego pasa al segundo 13 y cambia la opacidad a cero A continuación, seleccione todos los fotogramas clave y presione nueve. Veamos cómo se ve. Notarás que la esfera no desaparece como el texto. Esto se debe a que dentro de esta pre comp hay un estilo de capa. Recuerda la sombra interior. Es por eso que para resolver este problema, haga clic aquí y desactive la función de colapso en esta precomp Ahora la animación de opacidad funciona correctamente, pero en caso de que queramos mantener la pre comp en la más alta calidad y aún así habilitar el colapso, necesitamos entrar en esta pre comp, seleccionar la capa con el estilo de capa y presionarte dos veces para encontrar rápidamente el estilo de capa Ahora vamos a seleccionar el estilo de capa y presionar el control X para cortarlo desde aquí. Entonces volvamos a la composición principal. Seleccione la precomposición de la esfera y presione control V para pegar el estilo de capa en ella. De esta manera conservamos el resaltado que creamos y aún podemos habilitar el colapso para esta capa. Genial. Y ahora es un buen momento para presionar control y guardar el proyecto antes pasar a la siguiente etapa donde colorearemos nuestros objetos en la escena y haremos que se vea realmente impresionante. Va a ser una divertida. Entonces nos vemos en la siguiente parte. 26. Coloración y procesamiento: Bienvenido de nuevo. Empecemos a estilizar y darle colores a los objetos de la escena Lo primero que vamos a pintar es el portal. Seleccionemos esta capa. Da click en la palabra relleno y elige rellenar esta capa con un degradado. Luego haz clic en Bien. Ahora aprendamos a controlar el gradiente que creamos. Para encontrarlo rápidamente, seleccione esta capa, escriba la palabra gradiente en la barra de búsqueda y presione Entrar. Ahora vamos a abrir este parámetro y dar clic en Editar Degradado. Ahora vamos a pintarlo con los colores adecuados. Vamos a hacer clic en este color y cambiarlo a azul. Como puedes ver, no podemos ver el color porque su opacidad está puesta a cero Para cambiarlo, da clic aquí y ponlo en 100. Y ahora podemos ver el color azul. Ahora podemos volver a este color y elegir un color diferente. Escojamos un azul más oscuro. Ahora vamos a hacer clic en el segundo color y pintarlo con un azul más claro. A continuación, comprobemos su opacidad. Actualmente está al 50% Cámbialo a 100 y haz clic en Bien. Una vez hecho esto, cambiemos la posición de los colores. Para hacerlo, podemos arrastrar estos mangos a los lados. Si no puedes ver estos mangos, puedes ajustar la posición del color desde aquí. También puedes colocarlo arriba y abajo si quieres. Bien, lo dejaré así. Si quieres cambiar los colores más tarde, simplemente puedes hacer clic aquí y acceder al editor de degradados como antes. Ahora pasemos al inicio de la animación y cambiemos los colores en las líneas de datos pre comps Ingresemos las líneas de datos pre comp y comencemos cambiando los colores para la línea de datos uno. Primero vamos a seleccionar la capa de trazo. Y luego haz clic aquí en Trazo para rellenarlo con un color degradado. Una vez que hayamos elegido el color del degradado, after effects mostrará los últimos ajustes que usamos para el degradado, eso no es un problema. Degradado apretado en la barra de búsqueda. Y presiona Enter. Ahora abre el degradado, cambia los colores. Arrastremos la capa de la esfera grande a esta comp para que podamos ver los colores en ella. Ahora entremos en Editar, Degradado y cambiemos los colores. Pero antes de eso, asegurémonos de que la opacidad para todos los colores esté establecida en 100% Bien, ahora volvamos a los colores y cambiémoslos usando el cuentagotas Bien, ahora hagamos clic aquí para establecer el segundo color para el degradado. Podemos probar este color y oscurecerlo un poco. Ahora vamos a mover el indicador de tiempo para ver cómo se ve el trazo a lo largo de la animación, veo que la distancia entre los puntos de color está demasiado cerca. Movamos el punto final aquí y veamos cómo se ve. Bien, ahora ajustemos el punto de inicio ya sea cambiando el valor desde aquí o moviendo el punto manualmente. Mientras sostiene la tecla Mayús, creo que la línea debería ser más brillante al inicio y más oscura al final. Para ello, ingresa al degradado e invierte los colores. Podemos iluminar un poco este color. Veamos cómo se ve. Creo que necesitamos oscurecer un poco más el color más oscuro. Ahora vamos a seleccionar el segundo color y copiar la información de colores, porque lo usaremos para rellenar la pequeña esfera. Ahora selecciona esta capa. Ir al relleno y presionar control V. Ahora quiero platicar sobre un tema importante. Digamos que decidimos reducir esta esfera. Voy a presionar S para abrir la propiedad de escala. Como puede ver, ya tenemos marcos clave aquí. Esto significa que si reducimos la esfera, crearemos nuevos fotogramas clave y estropearemos la animación para escalarla sin estropearla, la animación puede escalarla usando las propiedades de transformación de esta forma Voy a explicar a lo que me refiero. Vamos a abrir esta capa, cerrar sus propiedades transformadas y abrir el contenido y la elipse Como puede ver, para las capas de forma, hay propiedades de transformación adicionales que pertenecen a la forma misma. Estas son las propiedades transformadas de la capa. Aquí ya tenemos marcos clave. Estas son las propiedades transformadas de la forma. Aquí no hay marcos clave. Podemos reducir esta esfera usando la propiedad scale que pertenece a las propiedades transformadas de la forma. Vamos a establecerlo en 80. Debe recordar esto especialmente cuando se trabaja con capas de forma. Bien, cerremos la capa y eliminemos la esfera grande de aquí. Ahora volvamos a la composición de todas las líneas de datos y comprobemos que se hayan actualizado todas las pre comps llamadas línea de datos uno Excelente, ahora cambiemos los colores para las próximas composiciones. Ingresemos la línea de datos dos. Primero, redimensionaremos la esfera a través de las propiedades transformadas de la forma, no a partir de las propiedades transformadas de la capa Abramos el contenido y la elipse. Ahora abramos las propiedades transformadas de esta forma y cambiemos la escala desde aquí. Vamos a establecerlo en 70. Esta vez, dejaremos el color de la esfera y el trazo en blanco. Ahora vuelve a la composición de todas las líneas de datos. Centrémonos en la línea de datos tres. Pongamos aquí la gran esfera para probar sus colores. Ahora vamos a colorear la capa de trazo aquí con un bonito color brillante de la esfera. A continuación, copiemos los datos de este color y los peguemos como el color de relleno para la esfera pequeña. Ahora puedes eliminar esta capa. Genial, volvamos a la composición de todas las líneas de datos y veamos cómo se ve. Ahora vamos a mejorar el aspecto de la línea de datos de nombre precomps dos con un efecto llamado glow Vamos a arrastrar el efecto a esta composición. Podemos encenderlo y apagarlo para ver a qué composición aplicamos el efecto. Es éste de aquí abajo. Vayamos al punto en el tiempo en el que veamos esta capa completamente. Ahora pongamos el radio de resplandor a 60. Una vez hecho esto, copiemos el efecto de aquí. Usando el control C, seleccione los otros precomps, nombre la línea de datos dos y presione el control V para pegar el efecto Se ve genial. Una vez hecho esto, volvamos a nuestra composición principal y peguemos también el efecto sobre la ondulación. Me refiero a la capa ondulada que sale detrás de la gran esfera. Vamos a entrar en esta composición. Selecciona esta capa, y presiona control V. Ahora volvamos a la composición principal y veamos cómo se ve todo junto. Creo que es perfecto. Ahora estamos listos para pasar a la siguiente etapa, que está creando el trasfondo para esto. Volvamos al panel del proyecto y arrastremos la capa de fondo a nuestra escena. Puedes ver que esta capa es del mismo tamaño que el diseño original del ilustrador. Aprendamos a crear ese fondo directamente en los efectos posteriores. Primero, vamos a crear un nuevo sólido usando el control de atajo Y. Ahora cámbiese su nombre a BG. Asegúrate de que el sólido coincida con el tamaño de nuestra composición. Deja el color negro y pega bien. Ahora mueve el sólido por debajo de todas las demás capas y aplica un efecto llamado rampa de degradado a él. Las capas sólidas no tienen un gradiente incorporado, Necesitamos agregar el efecto Bien, ahora cambiemos los colores del efecto. Como puedes ver, la forma del degradado en el diseño original es circular. Hagamos nuestras capas degradadas circulares también. Puedes eliminar esta capa desde aquí. Ahora cambia la forma en pendiente a radial. Ahora tenemos un gradiente de tipo circular. Ahora movamos la posición del color blanco ligeramente hacia arriba y la posición del color negro ligeramente hacia abajo. Ahora vamos a volver a configurar la pantalla de vista previa para que se ajuste y apague la cuadrícula. Con esto, hemos terminado de crear la animación y estamos listos para renderizar esta pieza. Pero antes de renderizar, fijemos el área de trabajo al punto en el tiempo en el que queremos renderizar esta composición. Podemos ver que la animación termina a los 13 segundos. Presionemos para acortar el área de trabajo a ese punto de tiempo Ahora veamos la animación una vez más antes de renderizar. Bien, creo que el color de estas líneas de datos se mezcla demasiado con el fondo. Cambiemos un poco este color. Para ello, vayamos a la composición de todas las líneas de datos e ingresemos la línea de datos tres desde aquí, o desde aquí, porque esta composición ya está abierta. Ahora cambiemos el color del trazo y la esfera. Vamos a cambiarlo a este color. Ahora copia los datos para este color y pegarlo como el color del trazo. Genial, creo que se ve mucho mejor. Ahora presionemos control para guardar el proyecto antes de renderizarlo. Bien, ahora presionemos el control M para acceder al panel de renderizado. Para el modo de salida, elegiremos su 0.264 40 MBPS. Ahora vamos a seleccionar dónde renderizar la animación. Lo renderizaremos en nuestra carpeta renders, asegúrate de que el nombre sea ahora mismo. Haga clic en guardar y renderizar, y espere un momento. Una vez hecho el renderizado, podemos abrir el modo de salida y hacer clic en el enlace para ir a la carpeta donde guardamos nuestra animación. Abramos el video y veamos cómo resultó. Como pueden ver, aquí tenemos un pequeño problema. Nuestro gradiente no se ve tan bien. Se pueden ver las bandas de color. Volvamos a nuestro proyecto e intentemos arreglarlo tanto como podamos. Pasemos a la composición principal. Seleccione la capa de fondo. Y aquí en el efecto de gradiente cambiar la dispersión de rampa a 100 debería suavizar las bandas de color y el degradado Podemos acercarnos un poco para verla de cerca. Bien, ahora vamos a presionar de nuevo el control M y renderizarlo una vez más. Se puede cerrar el render anterior. Seleccione H 0.264 40 MB Gus de nuevo. Ahora seleccione este render para renderizar en su lugar. Haga clic en Guardar y luego reemplace. Ahora presiona el botón Render. Haz clic en OK y espera un momento. Ahora volvamos a la carpeta y revisemos el nuevo render. Como pueden ver, ahora es mejor. Impresionante. Ahora volvamos a nuestro proyecto y organicémoslo antes de cerrarlo. Y para organizar el proyecto, necesitamos crear carpetas en el panel del proyecto como hicimos en las lecciones anteriores. Primero, puedes cerrar este panel. Ahora vamos al panel de proyectos. Se pueden cerrar todas las composiciones abiertas. Vamos a crear una carpeta llamada Assets. Arrastre la carpeta con las capas del logotipo y la carpeta de sólidos dentro de ella. Se puede etiquetar la composición principal con un color diferente al resto de las composiciones. Ahora vamos a crear una nueva carpeta llamada precomps. Arrastre todos los precomps que creamos durante el proyecto a esta carpeta, excepto la composición principal Ahora como trabajamos en un proyecto relativamente complejo, limpiemos el software. Vaya a Editar, seleccione Purgar y elija toda la memoria y la caché de disco. Aquí puedes ver cuánta basura se ha recolectado. Puede ser un número diferente para ti. En cualquier caso, hagamos clic en Bien y esperemos unos segundos. Ahora puedes presionar el control S para guardar el proyecto. También puedes salir Illustrator finalmente, cerrar después de los efectos. Espero que hayas disfrutado de esta lección y no puedo esperar a verte en la siguiente, donde creamos una animación de logotipo épica para una compañía de juegos estratégicos maquillada. Y explora el mundo de las tres D en los efectos posteriores. Va a ser increíble. Entonces nos vemos ahí. Pero antes sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 27. Logo #3 Tarea de casa: Hola ahí. Espero que las lecciones te hayan resultado útiles y hayas aprendido algunas cosas nuevas e interesantes. Para recordar mejor todo lo que cubrimos, recomiendo encarecidamente practicar completando esta tarea. Tu tarea es recrear esta animación genial. Tienes la libertad de cambiar los colores y agregar cualquier gráfico adicional que te guste cada vez que enfrentes algún problema o tengas algunas preguntas. No dude en consultar el archivo del proyecto AE para ver los pasos que tomé. Adicionalmente, siempre puedes contactarme en busca de ayuda. Buena suerte. 28. Logo #4 - Animar un logotipo para un juego de videoguerra: Hola y bienvenidos de nuevo. En esta lección crearemos una animación de logotipo súper genial para un videojuego maquillado. Nos centraremos en aprender el mundo de las tres D y después de los efectos y profundizar en el cine Cuatro D renderizan una función. También instalaremos un enchufe gratuito para ayudarnos a crear animaciones de trazos de neón súper geniales. Adicionalmente, aprenderemos a crear fondos emocionantes usando efectos simples. Hay mucho que cubrir, así que no perdamos el tiempo y saltemos de inmediato. 29. Diseñar un logotipo desde cero en After Effects: Hola, ahí. Empecemos por ver cómo se hace este logotipo en Illustrator. Abre la carpeta principal que creamos para el curso, luego entra en la carpeta de IA y abre el cuarto logotipo. Ahora para obtener la misma disposición de paneles, vaya a Ventana, luego a Espacio de trabajo y elija Automatización. Este diseño se divide en diferentes capas, al igual que el resto del diseño que vimos en este curso. Hay una capa de fondo y una capa de texto principal con un efecto de tres D. Esta es una capa de texto regular escrita en la fuente belly. Si no lo instalaste antes del curso, no te preocupes. También puedes usar las fuentes Ezra o Monserrat. Ahora, antes de crear la animación del logotipo, como siempre, necesitamos pensar en una forma interesante de animarlo Por eso, como siempre digo, es muy importante crear un boceto aproximado que coincida con el concepto del logotipo. Abramos la idea de boceto para este logotipo y veamos el guion gráfico corto que creé para este diseño de logotipo En primer lugar, quería crear un tono dramático para esta animación. Por lo tanto, decidí ingresar cada letra, una tras otra, y no mostrar el logo all a la vez. Dado que este es un logotipo para un videojuego sobre guerras y batallas, pensé que podría ser genial crear una atmósfera oscura de guerra y fuego Al justo después de planear la animación. Abrimos después de los efectos y comencemos a diseñar la primera escena. Como siempre, podemos cerrar esta ventana. Todos podemos ver el mismo diseño del panel. Vamos a hacer clic en Default. Ahora vamos a crear nuestra primera composición. Lo llamaremos animación de logotipo. Ahora ve a tres D Render. Dado que en esta lección vamos a crear tres objetos D reales, necesitamos cambiar los ajustes de render de tres D clásicos a cine cuatro D. De esta manera podemos darle algo de profundidad a las capas de texto en la escena. Pronto entenderás de lo que estoy hablando. Por ahora, volvamos a Básico y continuemos con los ajustes de composición. Trabajaremos en el formato full HD, que es de 1,920 píxeles de ancho y 1080 píxeles de alto A continuación, cambie la velocidad de fotogramas a 24 y la duración de la composición a 20 segundos. Deja el fondo de composición en negro y haz clic en OK. Ahora vamos a importar nuestro logo al proyecto. Haga clic dos veces en el área vacía en el panel del proyecto, ingrese a la carpeta de IA y seleccione el cuarto logotipo. Ahora vamos a asegurarnos de que no revisamos esta función y pulsamos en Importar Aquí, ya sabemos que necesitamos elegir composición, porque queremos este archivo en capas separadas. Aquí elegimos el tamaño de capa, porque queremos que los límites de capa coincidan con el tamaño de los objetos, no con el tamaño de los documentos. Ahora haz clic en Bien. Ahí vas. ha creado una nueva carpeta con todas las capas del archivo illustrator. Además, se creó automáticamente una nueva composición con el nombre del archivo illustrator. Cuando lo ingresemos, veremos el logotipo dividido en capas y organizado exactamente como está en el archivo original de Illustrator. Bien, cerremos esta pre comp y comencemos con la lección. Pero antes de eso, no olvidemos guardar el proyecto y darle un nombre. Ahora encontremos la carpeta que creamos para la lección. Entra en la carpeta AE y dale un nombre al proyecto after effects en el que estamos trabajando actualmente. Puedes hacer clic en este proyecto para muestrear el nombre y cambiar la extensión a cuatro guiones bajos, Rise of Vikings Una vez hecho esto, haz clic en Guardar. Ahora quiero mencionar algunas notas importantes. Si ves la pantalla de vista previa así, no te preocupes, ves de esta manera porque tu tecla de bloqueo de mayúsculas está encendida , apágala y volverá a la normalidad. Por último, asegúrate de que tu computadora esté establecida en inglés. Así que los atajos de teclado que utilizamos en el curso funcionan correctamente. Genial, ahora quiero que insertemos la comp del logotipo de diseño en nuestra composición. Escalarlo hacia abajo, luego moverlo aquí y bloquear esta capa. Utilizaremos esta comp como referencia para crear el logotipo y después de los efectos. Genial, ahora comencemos a diseñar la escena. Comenzaremos por crear las capas de texto para el logotipo. Para ello, seleccionaremos la herramienta de texto y escribiremos la palabra subida. Ahora hagamos doble clic en el texto para seleccionarlo todo. Ahora cambiemos el color de la palabra a este color. A continuación, veamos los detalles de este texto en el diseño original. Volvamos a Illustrator y seleccionemos este texto para ver su información como la fuente, el peso de la fuente y el tamaño de la fuente. Bien, ahora volvamos a los efectos posteriores. En primer lugar, cambiemos la fuente a belly bold. Para quienes no tengan esta fuente, también pueden usar la fuente Ezra o Monserrat Ahora cambiemos el tamaño de fuente a 150. Y da click aquí para hacer todas las letras mayúsculas. Da clic aquí también para hacerlos aún más audaces. Ahora vamos a Párrafo y asegurémonos de que nuestro texto esté centrado y que la dirección de escritura sea de izquierda a derecha. Ahora seleccionemos la capa y presionemos el control D para duplicarla. Mueve esta capa hacia abajo usando la tecla de flecha hacia abajo mientras mantienes presionada la tecla Mayús. Y cambia el texto a Off. Entonces establecemos el tamaño de fuente 80 y cambiemos el color a blanco. A continuación, volvamos a seleccionar la capa de subida y duplicarla usando el control D una vez más. Mueve esta capa hacia abajo y cambia el texto a Vikings. Ahora cambiemos el color para que coincida con el rojo del logotipo y fijemos el tamaño de fuente para que coincida con el diseño del logotipo. Primero, seleccionemos la letra y fijemos su tamaño en 180. Ahora selecciona la letra S y establece su tamaño en 210. Por último, repita lo mismo al otro lado del texto. Genial, ahora volvamos a la herramienta de selección y centremos los puntos de anclaje en todas las capas de texto. Para ello, selecciona todas las capas y presiona Control All Tome. A continuación, vamos a ir a una línea, cambiarla a Composición, y dar clic aquí. Después selecciona solo esta capa, y da click aquí para centrarla dentro de la composición. Ahora presiona la tecla apóstrofo para mostrar la cuadrícula. Por último, movamos el resto de las capas en relación con la palabra, para que todas las capas queden centradas en la escena. Ahora cambiemos alrededor de las capas en el panel de capas para que coincidan con el orden en la escena. En otras palabras, la palabra vikingos estará en la parte inferior, la palabra se levantará en la parte superior y la palabra en el medio Ahora vamos a crear las dos flechas naranjas en el logo. Para ello, seleccione la herramienta Pluma. Ahora haga clic aquí para asegurarse de que no se haya seleccionado ninguna capa. Entonces crea una línea recta en esta área. Haga clic una vez aquí, mantenga presionada la tecla shift y cree otro punto aquí. Entonces cambiemos el color de la línea al naranja del logotipo. Agarra el cuentagotas y prueba este color. Golpea bien y cambia el ancho de trazo a 25. A continuación, hagamos clic aquí para eliminar el relleno de esta forma. Ahora aprendamos cómo hacer que el final de esta línea sea nítido. Para ello, abre esta capa, abre Contenido, Forma abierta, trazo abierto. Ahora vamos a desplazarnos un poco hacia abajo hasta que veamos la propiedad llamada taper. Vamos a abrirlo. Vamos a establecer la longitud del extremo en 100. Bien, ahora vamos a cerrar esta capa, presionar Enter y cambiar el nombre a trazo. Ahora dupliquemos esta capa presionando el control D, haga clic derecho sobre él, vaya a Transformar y seleccione Voltear Horizontal. A continuación, volvamos a la herramienta de selección y movemos esta capa aquí. Con eso, hemos terminado de diseñar el logo desde cero y después de los efectos. Presionemos el control S para guardar el proyecto antes de pasar a animar las capas de texto Antes de animar el texto, organicemos nuestra composición Por ejemplo, podemos seleccionar estas dos capas y anidarlas en una sola composición. Para ello, presiona control shift C. Llamémoslo Trazos comp. Asegúrese de que ambos estén seleccionados y presione bien. Ahora vamos a entrar en esta composición y redimensionarla porque tenemos demasiado espacio vacío e innecesario Aquí, pregunta, ¿cómo podemos ajustar el tamaño de esta composición? Para ello, necesitamos acceder a los ajustes de composición. Lo haremos usando el control de atajo K. Ahora asegúrate de que esté seleccionada la vista previa para que podamos ver lo que estamos haciendo. Ahora vamos a redimensionarlo 600 por 100. Se ve bien. Presiona bien. Y volver a nuestra composición principal. Y aplicar la función colapso a esta composición. Mientras tanto, podemos apagar esta capa para que no interfiera con nosotros. También podemos ocultarlo del panel de capas usando la función shy aquí. Si no ve este icono, puede hacer clic aquí. Bien, ocultemos esta capa y activemos la función haciendo clic en el icono aquí. Ahora no podemos ver esta capa aquí, No te preocupes, podemos traerla vuelta en cualquier momento del proyecto. Bien, vamos a volver a configurar la pantalla de vista previa para que se ajuste y comencemos a animar las capas de texto Y lo haremos en la siguiente parte. Nos vemos ahí. 30. Renderizado de Cinema 4D y animación 3D: Bienvenidos de nuevo como en nuestras lecciones anteriores. Esta vez también, animaremos el texto usando los animadores de texto en after effects Primero, apaguemos ambas capas y comencemos con la palabra vikingos Pero antes de eso, podemos desbloquear esta capa y ocultarla de este panel también. Ahora para que las letras salgan fuera de la escena, necesitamos abrir la capa, seleccionar el texto aquí, abrir el menú de animación, y seleccionar esta función llamada habilitar por carácter tres D. Como puedes ver, tenemos aquí un pequeño icono que simboliza que todas las letras ahora se comportarán como tres Veamos a qué me refiero. Haga clic aquí y cree un nuevo animador con la propiedad de posición Como puedes ver, además del valor que mueve la capa hacia la izquierda y hacia la derecha hacia arriba y hacia abajo, tenemos un nuevo valor con el que podemos mover la capa hacia atrás y hacia adelante. Si no hubiéramos seleccionado la función enable por carácter tres D, no habríamos obtenido este eje de movimiento. Para que las letras se muevan en tres espacios D al animar texto con animadores, debemos habilitar esta función Genial. Ahora para animar el texto, tenemos que establecer el punto de cambio para la propiedad position, cambiar los valores del eje Z de la posición hasta que el texto salga de la escena Puede mantener presionada la tecla Mayús para movimientos más grandes. Para mí era -23 80. Pero es posible que tengas que ajustar este valor dependiendo de la fuente que estés usando. Lo principal es asegurarse de que el texto esté fuera de escena. Bien, Y ahora vamos a abrir el selector de rango y Avanzado. Cambiemos la forma de los animadores para aumentar. Eso significa que cuando el desplazamiento está en un valor de -100 las letras estarán en el punto de cambio que establecemos Y cuando el desplazamiento esté en un valor de 100, las letras estarán en su posición original y entrarán en escena desde la primera letra. Genial. Y ahora estamos listos para establecer fotogramas clave y animar el texto Empecemos por el inicio de la animación ahora, cambiemos el desplazamiento a -100 y creemos el primer fotograma clave A continuación, pasemos al segundo cuatro. ¿Por qué específicamente segundo cuatro? No hay ninguna razón especial, solo una preferencia personal. Acabo de decidir que el texto tardará 4 segundos en completar su entrada. Bien. Y ahora en este punto en el tiempo, cambiaremos el offset a 100. Veamos qué tenemos. Como puedes ver, para los efectos posteriores es un desafío previsualizar la escena porque actualmente estamos trabajando con el renderer Cinema four D para que sea más fácil que los efectos posteriores muestren nuestra escena Podemos reducir la calidad de la vista previa de aquí al tercer o incluso trimestre cuando lo volvamos a ver, se renderizará mucho más rápido. Bien, ahora cambiemos la velocidad de esta animación. Como ya aprendimos al trabajar con animadores de texto, podemos hacerlo ingresando los números en estos parámetros Es alto, escribiremos 20, y como bajo escribiremos 80 Veamos cómo se ve. Se ve bien. Ahora agreguemos una bonita animación de rotación al texto. Para ello, necesitamos agregar propiedades adicionales a esto. Animador. Selecciónelo, vaya a agregar, luego propiedad y elija rotación. Ahora fijemos el punto de cambio. Como pueden ver, cuando giro el texto, gira desde su parte inferior. Esto sucede porque los puntos de anclaje de todas las letras de esta capa de texto se encuentran en la parte inferior. Para cambiar esto, abramos más opciones y cambiemos la posición del punto de anclaje. Veamos la letra V Mientras hacemos esto, porque ya está al final de su animación, pongámosla en -40 Una vez hecho esto, podemos cerrar esto y volver a rotar el texto. Ahora las letras giran como deberían, pero realmente no entiendo en qué dirección están rotando. Para ver lo que estamos haciendo un poco mejor, podemos cambiar la vista de escenas para esto. Hagamos clic aquí y seleccionemos Vista personalizada uno. Ahora vemos toda la escena desde un ángulo que facilita ver dónde está girando el texto. Quiero que el texto rote desde abajo, así que escribamos -180 aquí Ahora volvamos a la cámara activa ahora, porque ya hemos animado el offset. Esta animación también se aplicará al punto de cambio que establecemos para la rotación. Vamos a configurar la pantalla de vista previa para que encaje y veamos qué tenemos. Creo que el texto está rotando demasiado. Eso no es un problema. Solo necesitamos reducir la rotación. Escribamos -90 y veamos cómo se ve. Genial, eso ya es mejor. Impresionante, acabamos de terminar de hacer que el texto se mueva en tres espacios D y ahora es el momento darle un aspecto tres D más realista. Para facilitar las cosas, volveremos a la costumbre V one otra vez, luego nos moveremos hasta el punto en el que podamos ver todo el texto en el marco y cambiar la calidad a full para ver mejor nuestro trabajo. A continuación abriremos las opciones de geometría y aumentaremos la profundidad de extrusión a 80. Ahora cambiemos el color de los lados del texto. Para ello, debemos seleccionar el texto y crear un animador adicional Así que ve a lado, luego color, y elige RGB. Coloreemos las esquinas del mismo color que el texto, luego oscurecerlo un poco Ahora podemos agregar algunas sombras al texto para mejorar aún más el aspecto del mismo. Para ello, abra las opciones de material y ajuste los siguientes parámetros. Volvamos a la cámara activa, ajustemos la pantalla de vista previa para que encaje y veamos cómo se ve. Coloquemos aquí el indicador de tiempo. Ahora como puedes ver aquí, creamos sombras sutiles en el texto. Creo que se ve genial. Bien, y ahora necesitamos crear una animación similar para la siguiente capa de texto. Pero en lugar de hacer el proceso desde cero, podemos copiar los dos animadores que creamos, luego pegarlos en la palabra subir Pero antes de eso, vayamos al inicio de la animación. Porque uno de nuestros animadores tiene marcos clave. Si queremos que los fotogramas clave comiencen desde el inicio de la línea de tiempo, debemos estar con el indicador de tiempo aquí. Ahora vamos a presionar control V. Ahí está. Podemos ver que este texto ya está animado según sea necesario. Solo cambiemos la dirección de rotación para esto. Pasemos al primer animador y cambiemos la rotación a 90 grados, que es lo opuesto al texto inferior Genial, ahora agreguemos una profundidad de tres D a este texto, como hicimos para el primero. Primero vayamos a las opciones de geometría y agreguemos algunas tres profundidades D a este texto. Ahora avancemos a tiempo para ver el texto en la escena. Ahora entremos en el segundo animador y cambiemos el color en los lados Escojamos el color rojo del primer texto. Se ve bien. Por último, establecemos también las opciones de material para esta capa como para la anterior. Ahora pasemos a la última capa de texto, selecciónela , enciéndala. Ve al inicio de la animación y presiona el control V para pegar los dos animadores en él. Ahora entremos al primer animador y cambiemos algunos parámetros En primer lugar, no queremos que este texto rote en absoluto. Por lo tanto, podemos eliminar la rotación. Ahora no quiero que este texto entre letra por letra. Quiero que ambas letras entren juntas. Para ello, necesitamos ir a Avanzado y cambiarlo por palabras. Ahora este texto se ingresará como una sola palabra, ¿bien? Y como se puede ver, el punto de cambio de parámetros de posición no es bueno. Eso lo sabemos porque ahora mismo estamos parados al inicio de la animación y podemos ver este texto, que no es lo que queremos. Queremos que este texto esté fuera de escena al inicio de la animación. Por lo tanto, necesitamos cambiar el punto de cambio de la propiedad position en el primer animador Vamos a cerrar avanzado y cambiarlo. Todo lo que tenemos que hacer es cambiar el valor que establecemos en posición. Cambiemos el valor para que esta palabra entre en escena a través de la letra O. Para ello, nuestro punto de cambio necesita moverse un poco hacia la derecha. Continuar ajustando ambos ejes hasta que parezca que el texto ha salido de la escena a través de la letra O. Bien, ahora agreguemos también una profundidad de tres D a esta capa Pero esta vez, dado que el texto es más pequeño que los otros textos, fijemos la profundidad de extrusión en 40. Veamos cómo se ve eso. Se ve genial. Ahora cambiemos los colores laterales. Por último, agregue algunas sombras al texto ajustando los parámetros de opciones de material. Ahora tenemos algunas sombras frías. Ahora cerremos las capas y presionemos control para guardar todo lo que hemos hecho hasta ahora. Y ahora cambiemos la calidad a trimestre y veamos toda la animación. Creo que necesitamos mover la palabra vikingos un poco hacia adelante en el tiempo para crear un pequeño desplazamiento en la animación Para ello, seleccionemos esta capa y arrástrala al fotograma número seis. Veamos cómo se ve. Bien, ahora hagamos que nuestra escena se vea aún más interesante creando una nueva cámara para crear una nueva cámara. Haga clic derecho aquí, vaya a Nuevo y seleccione Cámara. Para el tipo de cámara, elija una cámara de nodo y para el tamaño de la lente, seleccione 15 milímetros. Luego haga clic en OK. Ahora activemos el fondo transparente de la pantalla anterior y pongamos la calidad a plena para que podamos ver lo que estamos haciendo un poco mejor. Ahora si enciendo y apago la cámara, notarás que ahora gracias a la cámara, obtenemos un ángulo un poco más interesante para nuestro texto. Esto se puede notar en las partes donde el texto entra en escena. Todo bien. Ahora, como podemos ver en el logo original, la palabra vikingos aparece en un ángulo ligeramente diferente al nuestro. Vamos a ajustar eso. Para ello, seleccionemos esta capa, presione R para ver las propiedades de rotación. Ahora vamos a rotar la capa sobre el eje X. Entremos menos cinco. A continuación, rotemos también la palabra subida. Esta vez entraremos cinco en el eje X. Bien, esto se ve genial. Es un buen momento para presionar control S para guardar el proyecto una vez más antes de seguir adelante. Ahora animemos las flechas anaranjadas para esto. Primero, hagamos clic en el ícono de la función tímida para revelar las capas ocultas. Deshabilitemos la función para las capas, podemos eliminar esta capa. Ahora vamos a traer el fondo negro para ver lo que estamos haciendo un poco mejor. Ahora activemos esta pre comp y aprendamos a animar las flechas Lo primero es lo primero, entremos en la composición. Ahora para animar trazos y después de efectos, necesitamos seleccionar el contenido y agregar un efecto llamado recortar trazados A esta capa, abre el efecto, asegúrate de que estás al principio de la línea de tiempo Y cambiar el parámetro final a cero. Y crea el primer fotograma clave con este valor. Ahora pasemos al segundo número dos y cambiemos el valor a 100. Ahora selecciona los fotogramas clave y presiona F nueve. Después presione la tecla Alt y haga clic en uno de los fotogramas clave dos veces. Aquí escribiremos 85 tanto para el ancho como para el alto. Y golpear. Bien, veamos cómo se ve ahora. Bien, ahora vamos a aplicar este efecto a la segunda flecha. Selecciona el efecto, Presiona el control C. Ahora selecciona la segunda flecha. Asegúrate de que al principio de la línea de tiempo y pulsa el control V para pegar el efecto en esta capa. Puedes presionarte para ver los fotogramas clave. Ahí está, terminamos crear la animación para las flechas. Bien, ahora volvamos a la composición principal y cronometremos la animación de flecha para que coincida con lo que sucede en la escena. Empecemos las flechas un momento antes de que todo el texto termine su animación. En la marca de tres segundos, podemos bajar la calidad y ver cómo se ve. La entrada de las flechas se ve bien, pero me di cuenta de que la entrada de la palabra apagada no es buena. Voy a explicar a lo que me refiero. Vayamos al momento en que esta palabra empiece a entrar en escena. Como pueden ver, la entrada de esta palabra no sucede a través de la letra O como la queremos. Pero, ¿por qué sucede esto? Posicionar la carta correctamente antes. Está sucediendo porque ahora tenemos una cámara con una lente de 15 milímetros en la escena, lo que provoca una ligera distorsión de las letras. Para arreglar esto, todo lo que tenemos que hacer es volver al primer animador de esta capa y ajustar ligeramente punto de cambio en el parámetro de posición de este animador Primero, párate en el punto en el tiempo donde puedas ver el texto. Ahora mueve esta capa un poco hacia la derecha. A ver si el problema está resuelto. Se ve mejor. cambiar un poco este valor usando las teclas de flecha del teclado. Bien, ya es suficiente. Ahora, una vez que hayamos terminado con la animación y hayamos resuelto cualquier problema, tendremos que poner todas las capas en una sola composición. De esta manera podemos agregar fácilmente más capas y efectos a la composición principal. Posteriormente, selecciona todas las capas y pulsa Control shift C. Luego nombra a la composición título principal Animación. Asegúrese de que ambas opciones estén seleccionadas y haga clic en OK. Ahora para un trabajo más rápido y después de los efectos, podemos cambiar los ajustes de esta composición de nuevo al clásico tres D. Esto se debe a que no vamos crear objetos con tres volúmenes D en esta composición, por lo que no hay necesidad de seguir trabajando en esta composición con el renderer Cinema Four D. Presionemos el control K para ingresar a esta configuración de comp. Ahora vamos a Three D Renderer y cambiarlo de nuevo a Classic three D. Ahora esta comp tiene un render Cinema four D. Esta comp tiene el Clásico tres D. Con esto hecho, pasemos a la siguiente parte y aprendamos a crear algunos golpes de fuego increíbles. Nos vemos en la siguiente. 31. Animación de ataques con incendios e instalación gratuita de plugins: Bienvenido de nuevo. Ahora aprenderemos a crear las chispas de fuego Absolutamente. Desde cero. Primero, apaguemos esta capa por ahora, pongamos la calidad al máximo y comencemos a crear las chispas de fuego. Para crear este efecto, primero necesitamos crear un nuevo sólido. Haga clic derecho aquí, vaya a Nuevo y seleccione Sólido. Cambiemos el nombre a Sparkles. Ajusta su tamaño para que coincida con nuestra composición, colorea de negro. Y haz clic bien aquí y aquí. En el siguiente paso, vamos a Efectos y buscamos nevadas CC Agrégalo sobre la capa sólida. Ahora ajustemos los parámetros del efecto hasta lograr el resultado deseado. Vamos a acercarnos un poco para que podamos ver lo que estamos haciendo un poco mejor. Bien, entonces primero bajemos la tasa de natalidad a 500. A continuación, cambia el tamaño a 15. Luego en variación vamos a escribir 100 para la máxima aleatoriedad en los tamaños de brillo. Después de eso, podemos aumentar significativamente la profundidad de la escena. Ingresemos 21,000 aquí. Genial. Veamos qué tenemos hasta el momento. Bien, como pueden ver, las partículas se mueven muy lentamente. Aumentemos la velocidad a 1,500 Esto se ve mejor. Ahora agreguemos la máxima aleatoriedad a la velocidad de las partículas. De esa manera, algunos se moverán rápido y otros se moverán lentamente. Muy bien, hasta ahora se ve bien. A continuación pongamos el viento a 1,000 para que las partículas se muevan hacia un lado. Cambiemos la aleatoriedad del viento a diez. Esto crea una sensación de movimiento y movimiento como chispas de fuego reales. Bien, pasando ahora cuatro, spread. Ponlo a diez. Bien, ahora vamos a encender esta pre comp. Y para ver la pre comp con el efecto necesitamos desmarcar esta casilla de verificación Ahora veremos el efecto junto con la escena. Bien, apaguemos de nuevo la escena. Y ahora volvamos al efecto y bajo extras, cambiemos el nivel del suelo a diez. De esta manera las partículas sólo volarán hasta la mitad de la composición. Pronto cuando los coloreemos, entenderás a lo que me refiero. Bien, y ahora pongamos la semilla aleatoria en diez para un movimiento más aleatorio. Ahora podemos colorear los destellos. Haremos esto usando el efecto de rampa de desgradiente. Agreguemos este efecto a nuestro sólido y cambiemos los colores. Podemos colorear el primer color en rojo, el segundo en amarillo. Ahora coloquemos aquí el color amarillo. Veamos cómo se ve. Se ve bien. A continuación, vamos a mejorar nuestros destellos. Mira aún más con otro efecto llamado resplandor. Podemos cerrar estos ajustes y ajustar los dos parámetros del efecto de brillo. Establezca el radio en 15 y la intensidad en dos. Amplíe para ver cómo se ve hacia arriba. Ahora seleccionemos el efecto de resplandor y presionemos el control D para duplicarlo. Pero aquí cambiaremos el radio de resplandor a 50. Ahora cerremos todos los efectos y veamos qué tenemos. Bien, esto se ve bien. Lo último que tenemos que hacer es voltear esta capa. Haga clic derecho sobre él. Ve a Transformar y selecciona Voltear Vertical. De esta manera conseguimos la ilusión como los destellos yendo de cero hacia arriba. Ahora realicemos aún más el aspecto de la misma con el efecto de lente CC. Encuentra el efecto y arrástralo al sólido. Ahora cambia el tamaño a 170 y mira cómo se ve eso. Ahora los destellos se ven un poco distorsionados en los bordes de la escena Sin embargo, es importante no exagerar este efecto, o podría hacer que las cosas se vean raras Nuestro máximo esta vez es 170. Creo que queda genial, pero creo que necesitamos oscurecer los bordes de los destellos. Para ello. Vamos a abrir el degradado y mover el punto de color rojo ligeramente hacia arriba. Creo que también podemos bajar un poco el tono de este color. Algo así. Bien, ahora vamos a encender esta pre comp. Y ahí lo tienes. Los destellos de fuego se mezclan perfectamente con la animación de texto Ahora pasemos al inicio de la animación y animemos los destellos para apagar temporalmente esta pre comp Ahora vamos a abrir el efecto de nevadas y ajustar este parámetro Pongámoslo a cero al inicio de la animación. Ahora vamos a crear un fotograma clave con este valor. A continuación, presione para ver el fotograma clave en la capa. Ahora pasemos al segundo número dos y cambiemos el valor a 300. Veamos cómo se ve. Todo bien. Creo que se ve increíble. Ahora activemos esta pre comp y aprendamos a crear la animación del símbolo vikingo. Crearemos esta animación usando un plug in gratuito que se descargará e instalará juntos en tan solo unos momentos. Digamos que hemos decidido agregar un elemento de diseño genial a nuestra animación que encontramos en Internet que se relaciona con el concepto de marca de nuestra empresa y su logotipo. Después de que los clientes aprueben agregar un nuevo gráfico que no existe en el diseño original del logotipo, podemos descargar el activo gráfico de Internet y guardarlo en nuestra carpeta Activos. Ahora vamos a la carpeta Activos e ingresemos a la carpeta Free Pick. Aquí entraremos en una carpeta llamada Símbolo Vikingo. Haga clic derecho sobre el archivo EPS y elija abrirlo en Illustrator. Ahora preparemos este diseño para alguna animación. Primero, deshagámonos del fondo negro porque no lo necesitamos. Ahora vamos a seleccionar toda la forma y colorearla en negro. A continuación, cambiemos el nombre a algo más estándar para que no tengamos ningún problema en la animación. Vamos a llamarlo Vikingo Ziconw. Vamos a Archivo. Da clic en Guardar como elige guardarlo en tu computadora y guardarlo en la misma carpeta de este activo. Solo asegúrate de guardarlo como un archivo de Illustrator. Por último, cambiemos el nombre y hagamos clic en Guardar. Bien, ahora volvamos a nuestro proyecto e importemos el archivo que acabamos de guardar, diríjase al panel del proyecto y haga doble clic en el espacio vacío aquí. Ahora vamos a ubicar la carpeta de este activo gráfico. Ahora como puede ver, no podemos ver el archivo que guardamos en este momento. Si no puede ver el archivo, le explicaré cómo resolver este problema en un minuto. Aquellos que pueden ver el archivo, es el nuevo archivo de Illustrator. Simplemente selecciónelo y haga clic en Importar. Entonces espera hasta que lleguemos al mismo punto que tú. Sólo tardará un par de segundos. Bien, vámonos de aquí. A veces, aunque todo parece estar bien en Illustrator, el archivo guardado puede funcionar mal. En tales casos, simplemente puedes eliminar el archivo problemático Siguiente, volver a Illustrator y guardarlo nuevamente como archivo de Illustrator, pero esta vez en una carpeta diferente sin cambiar el nombre. Ahora encuentra la carpeta donde guardas el archivo, y ahí está. Podemos ver que el archivo es válido. Y antes de importar esto a nuestro proyecto y después de los efectos, cambiemos el nombre. Una vez hecho esto, vuelve a cambiar a los efectos posteriores. Antes de importar el archivo, asegúrate de haberlo puesto en la carpeta deseada. Finalmente, puede arrastrar convenientemente el archivo a su proyecto. Genial. Y ahora todos hemos llegado al mismo punto. Y aquí en este caso, podemos elegir metraje. Como solo hay una capa en este documento, no necesitamos efectos posteriores para crear una composición separada para una sola capa. A continuación, elija combinar capas por el mismo motivo. Aquí vemos el archivo de Illustrator en el panel del proyecto. Arrastremos este archivo a nuestra composición. Apague las otras capas, encienda el fondo transparente. Y también puedes cerrar este panel. Ahora vamos a aprender a animarlo usando un plug in muy genial Pero antes de instalar el plug in, vamos a Edit, luego Preferences, y Enter Scripting and Expressions Ahora vamos a asegurarnos de que todos los ajustes sean exactamente como los míos. Si se golpean bien, guarda el proyecto con el control S y ciérrelo para que el enchufe funcione correctamente. Bien, y ahora encontremos el enchufe que necesitamos instalar. Puede hacer clic en el enlace en el archivo PDF que se encuentra en la carpeta de este curso. O abre Google y busca Saber después de los efectos. Ahora ve al primer sitio web. Desplázate un poco hacia abajo hasta que veas la descarga del plug in. Voy a descargar la versión para Windows. El proceso de instalación para los usuarios de Mac es exactamente el mismo. Bien, ahora elige una carpeta en tu computadora para guardar el enchufe. Lo guardaré en la carpeta donde descargo todos los plug ins de after effects. Ahora vamos a extraer este archivo. Una vez hecho esto, puede eliminar este archivo. Ahora vamos a entrar en esta carpeta y abrir su instalación. Presionemos estoy de acuerdo. Si está utilizando versiones anteriores de After Effects, elija Personalizado y seleccione su versión. Bien, hagamos clic en Instalar y terminar. Genial. Y ahora estamos listos para pasar a la siguiente parte. Cuando aprendamos a animar el Vikingo Zicon usando este plug in, va a ser increíble Entonces nos vemos en la siguiente parte. Pero antes de sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 32. Cómo usar el efecto Saber: Bienvenido de nuevo. Después de que todos hayamos instalado el plug in, volvamos a nuestro proyecto, diríjase a la carpeta AE y abramos el proyecto. Ahora para usar el plug in en nuestra capa, primero necesitamos trazar su ruta. Para ello, primero tenemos que seleccionar la capa, ir a capa, y seleccionar Trazado automático trazado automático funciona analizando la imagen y creando un montón de trazados basados en los bordes y los contrastes de color en la Bien, así que vamos a darle un click ahora. Asegúrate de que todos los ajustes coincidan con los míos. Asegúrate de desmarcar, invertir y presionar. Bien, ahora tenemos nuestra forma, que está conformada por muchas máscaras. Podemos eliminar esta capa. Ahora apaguemos el fondo transparente. Ahora vamos a seleccionar la capa y presionarlo para ver todas las máscaras en ella. Podemos ampliar este panel. Como puede ver, after effects creó un fotograma clave para cada máscara. No los necesitamos. Seleccionemos todos ellos Y elimínelos presionando retroceso o eliminar Desplázate hacia abajo para asegurarte de haber seleccionado todos los fotogramas clave. Ahora seleccionemos un control de prensa de máscara para seleccionarlos todos y cerrarlos todos a la vez. Una vez hecho esto, puedes cerrar la capa ahora para tener un mejor control sobre el efecto que crearemos. Pronto, necesitamos copiar todas estas máscaras y pegarlas en un sólido. Vamos a crear un nuevo sólido. llamaremos Vikingo. Asegúrate de que sea del mismo tamaño que la composición. Colorea el sólido en negro. Y golpear. Bien. Ahora seleccionemos esta capa y presionemos para revelar todas las máscaras. Seleccione la primera máscara. Presiona control, selecciónalos todos. Ahora presiona el control C para copiarlos. A continuación, vamos a cerrar esta capa. Seleccione el sólido. Y presiona el control V para pegar las máscaras sobre este sólido. Ahora puedes eliminar esta capa. Ahora podemos agregar el Efecto Saber. Vamos al panel de efectos y busquemos el nuevo efecto que instalamos llamado Saber Arrastre el efecto sobre el nuevo sólido. Ajustemos algunos parámetros. Primero, abra el núcleo personalizado y asegúrese de que el efecto haga referencia a las máscaras en esta capa. Segundo, ve al modo alfa y cámbialo para enmascarar resplandor. Por ahora, apaguemos el resplandor porque quiero mostrarte un práctico atajo. Acerquemos un poco y hablemos del atajo. Como puedes ver, tenemos muchos caminos de máscara en esta capa. A veces puede interferir con nuestro trabajo a la hora de crear animaciones de ruta detalladas. Por suerte para nosotros, hay un atajo genial para ocultar estos caminos. Presione los controles shift H. Este atajo se utiliza para alternar la visibilidad de los controles de capa, como máscaras, controles de efectos y propiedades de transformación en el panel de composición. De esta manera podemos ver lo que estamos haciendo mejor. ¿Bien? Y ahora podemos traer de vuelta el resplandor. Y comencemos a cambiar los parámetros del efecto. Establezca el tamaño del núcleo en 0.50 A continuación, establezca el sesgo del globo en uno Para la propagación del resplandor, puedes establecerlo en 0.8 Finalmente, cambiemos el color a naranja brillante. Ahora para animar la ruta, necesitamos establecer fotogramas clave para el desplazamiento final Vamos al inicio de la línea de tiempo y creamos un fotograma clave a un valor de cero Ahora presiona para ver el fotograma clave que hemos creado. Pasar al cuarto segundo. Ahora cambia el valor a 100. Ahora tenemos una animación de efecto revelador genial. Ahora vamos a seleccionar los fotogramas clave y presionar F nueve para facilitarlos. Hagámoslo más interesante animando la evolución de la máscara Pero en lugar de rotar este parámetro con fotogramas clave, podemos hacerlo de manera más inteligente Pregunta, ¿qué debemos hacer para rotar este parámetro sin crear fotogramas clave? Hagámoslo primero con una expresión. Para crear una nueva expresión para este parámetro, necesitamos mantener presionada la tecla Alt y hacer clic una vez en el parámetro, Detener vigilancia. Ahora escribamos tiempo asterisco cinco y veamos cómo se ve. Pero como puedes ver, no estamos viendo la animación de rotación que acabamos de crear. Es porque la forma ha alcanzado su máxima revelación. Solucionemos el problema cambiando el último fotograma clave para el parámetro de desplazamiento final, que es responsable de crear el efecto de revelado Parémonos sobre este marco clave y cambiémoslo a 20. Ahora las formas revelan no alcanza su extensión completa, por lo tanto podemos ver el movimiento de rotación en este camino. Bien, ahora vamos a abrir el parpadeo. Cambia la intensidad a 100 y la velocidad a diez. Eso significa que ahora tenemos una pequeña animación de parpadeo en este camino Con eso, terminamos con este efecto. Podemos cerrar el efecto. Ahora activemos todas las capas y movamos esta capa hacia abajo. Ahora vamos a crear un fondo para nuestra escena. Para ello, presionemos el control Y y creemos un nuevo sólido. Cambia el nombre a BG, asegúrate de que sea del mismo tamaño que la composición. Deja el color negro y pega bien. A continuación, agreguemos el efecto de degradado a este sólido. Para saber qué colores usar, vayamos al panel del proyecto y arrastremos la capa de fondo a nuestra escena como referencia. Ahora selecciona el sólido y vuelve a los controles de efectos para ver el efecto sobre él. Primero, probemos los colores correctos. Ahora podemos ver que el gradiente aquí es circular. Cambiémoslo por nuestro sólido también. Podemos eliminar esta capa. Posicionemos los colores del degradado, pero como puedes ver, no los podemos ver. Eso es porque previamente ocultamos la visibilidad de la capa usando los controles de atajo, Shift H. Pulsamos ese atajo nuevamente para recuperar los controles de capa. Ahora podemos mover los colores ya sea desde aquí o directamente desde el punto mismo. Vamos a crear algo como esto. Ahora coloquemos el fondo debajo de todas las capas. Como pueden ver, no podemos verlo en absoluto. Eso es porque por encima tenemos nuestro sólido con el icono. Para ver el fondo en el icono, necesitamos cambiar el modo de fusión de la capa de iconos. Te voy a mostrar a lo que me refiero. Hagamos clic aquí para ver las opciones para los diferentes modos de fusión de las capas. Ahora vamos a abrir los modos de fusión para el sólido y elegir un modo de fusión llamado así. Ahí lo tienes. En mi opinión, el fondo debería ser un poco más oscuro. Volvamos al efecto degradado y oscurecemos un poco su color Ahora hagamos que la animación de texto sea un poco más interesante creando un pequeño movimiento de cámara. Para ello, entremos en esta composición. Ahora seleccionemos la cámara y pulsemos para ver su posición. Pasemos al punto en el tiempo donde el texto completa su animación y creamos el primer fotograma clave con el valor actual, porque en este punto queremos que la cámara esté en esta posición. Pasemos al inicio de la línea de tiempo para ver qué estamos haciendo con la cámara. Haga clic aquí y elija dos vistas. En este panel, podemos ver toda nuestra escena desde una perspectiva diferente. Míralo desde arriba. Es mucho más conveniente para nosotros mover la cámara hacia adelante así. Ahora, a medida que entra el texto, la cámara se aleja de él. Bajemos la calidad por un momento para comprobar el movimiento de la cámara que acabamos de crear. Bien, ahora volvamos a la composición principal y creamos una animación a escala para el icono. Selecciónelo y presione S para abrir la escala de esta capa. Ahora, parémonos al comienzo de la línea de tiempo, cambiemos el tamaño a 150 y creemos el primer fotograma clave. Ahora pasemos al segundo número cinco, al punto en el tiempo donde la cámara termine su animación y aumentemos el tamaño de esta capa a 180. Bajemos la calidad aquí también y veamos cómo se ve. Creo que se ve increíble. Ahora presionemos control para salvar el proyecto. Antes de seguir adelante, una última cosa, volvamos al gradiente en el fondo y cambiemos la rampa, dispersemos a 100. Como aprendimos en la lección anterior, esto debería mejorar la apariencia del gradiente. Ahora pasemos a la siguiente parte donde mejoraremos el aspecto de la escena y renderizaremos la animación final. Nos vemos ahí. 33. Consejos útiles y procesamiento: Bienvenido de nuevo. Empecemos por mejorar el aspecto de la escena. Pero antes de eso, llevemos la calidad de nuevo a la completa apagada de la parrilla. Aísle esta capa para que solo la veamos. Ahora vamos a acercarnos un poco y agrandemos este panel. Ahora, haga clic derecho en la capa de texto, vaya a Estilos de capa, y seleccione Sombra interna, tal como hicimos en la lección anterior. Cambiemos el color a blanco, establecemos la opacidad en 100 y el modo de fusión a la pantalla Ahí tienes, hemos creado un punto culminante genial. Ahora vamos a elegir un color más adecuado para el diseño. Elige un poco de color naranja para que se fusione con el icono y el trazo de fuego que tenemos en la parte posterior. A continuación, activemos la luz global, cambiemos la distancia a tres y el tamaño a dos. Esto crea un efecto de luz de fondo fresco desde detrás del texto. Voy a acercar un poco para que veas de lo que estoy hablando. Como puedes ver, le da un toque agradable al diseño. Bien, ahora vamos a aislar también el fondo para ver cómo se ve con los colores de fondo. Ahora agreguemos otro efecto para mejorar aún más el look. Ve al panel de efectos tipo barrido y arrastra el efecto llamado barrido de luz CC sobre la capa de texto. Ahora animemos este efecto para crear una animación más emocionante cuando el texto entre en escena Encontremos el momento en el que queremos que comience el barrido. Digamos de la marca de los cuatro segundos. Ahora vamos a crear el primer fotograma clave para el parámetro responsable de la posición del barrido Presionarlo para ver el fotograma clave que creamos. Ahora pasa a la marca de los siete segundos. Y mueve el barrido aquí. Veamos cómo se ve. Se ve genial. Parémonos en el momento en el que vemos el barrido en el texto y afinémoslo un poco. Primero, cambiemos el color a amarillo. Ahora vamos a ajustar los otros parámetros. Cuando quieras aprender sobre un nuevo efecto, juega con él y cambia los distintos valores de los parámetros mientras miras tu escena. De esta manera, entenderás qué controla cada parámetro y lo que es más importante, cómo afecta la apariencia de tu escena. Bien, ahora quiero hacer una nota importante. Como puede ver, la posición inicial del barrido está aquí. Si retrocedemos unos segundos en el tiempo, parece que el texto choca con el barrido en este punto Esto significa que hasta el segundo tres, la posición del barrido debe estar fuera la escena. No lo vamos a ver. Cuando el texto está en esta posición, el barrido comenzará a entrar en escena solo desde los tres segundos. Después realizará la animación que configuramos antes. Bien, ahora vamos a seleccionar el efecto y duplicarlo usando el control D, podemos cerrar el primer efecto. Ahora usaremos el segundo efecto solo para agregar un resaltado adicional al texto. Hagamos clic aquí y eliminemos todos los fotogramas clave que creamos. Ahora coloquemos el barrido en el centro y lo rotemos 90 grados. También cambiemos un poco el color y aumentemos el grosor del borde. Podemos acercarnos un poco para ver lo que estamos haciendo. Vamos a poner esto en tres. Ahora aumentemos la intensidad de barrido a 400 y reduzcamos la intensidad de barrido a 60. Después con 60 también. Ahora tenemos resaltados adicionales sobre el texto. Así se ve sin el efecto duplicado. Así es como se ve con él. En mi opinión, se ve mejor así. Como puedes ver, conseguimos algunos buenos momentos destacados a mitad del título. Bien, vamos a traer de vuelta todas las capas. Ahora quiero crear una sombra paralela para nuestra capa de texto. Esto hará que se vea mejor ya que no hay suficiente contraste entre el texto y la forma detrás de él para hacer un efecto de sombra en la capa. Necesitamos buscarlo en el panel de efectos y arrastrarlo a la capa. Pero si tenemos un efecto de barrido de luz en la misma capa, puede hacer que la sombra paralela se vea rara. Como puedes ver, se parece más a algún resplandor. Va a quedar así aunque mueva el efecto de sombra paralela por encima del barrido de luz. Vamos a eliminarlo ahora. Te mostraré cómo crear un efecto de sombra paralela adecuado junto con el barrido de luz. Para ello, haga clic derecho sobre la composición de la capa de texto. Ve a Estilos de capa y selecciona Sombra Partida. Ahora vamos a abrir el efecto y ajustar los parámetros. Bien, creo que esto se ve bastante bien. Ahora hagamos una corrección de color menor a toda la escena. Para ello, vamos a crear una nueva capa de ajuste y aplicarle un efecto llamado curvas. Vamos a bajar un poco esta parte del mango, y esta parte un poco hacia arriba, esa manera creamos más contraste en la escena. A continuación, copiemos el nombre del efecto y lo peguemos en la capa de ajuste. Pero ahora noto que el barrido parece demasiado pequeño para cambiarlo. Podemos volver al primer efecto de barrido de luz y cambiar su forma. Dejaré este como lineal. Ahora quiero mostrarte un truco genial para que la escena se vea más interesante. Como tenemos fuego de fondo, podemos animar el efecto de sombra interior que agregamos anteriormente para crear una sensación de que nuestro texto se ve afectado por el golpe de fuego detrás de él Déjame mostrarte a lo que me refiero. Primero, seleccionemos esta capa y presionemos el Ukey dos veces, para que podamos ver todos los parámetros y efectos sobre ella Cerremos todos los efectos aquí hasta que lleguemos a la sombra interior. Ahora vamos a crear una expresión en la opacidad. Para ello, mantengamos la tecla Alt y hagamos clic una vez en el Cronómetro de Opacidad Ahora escribamos aquí la siguiente expresión. Una vez hecho esto, hagamos clic aquí para finalizar la acción. Aislemos esta capa para ver cómo se ve. Observe que la sombra interior ahora está parpadeando, dándonos la sensación de que la luz viene de las chispas de fuego detrás Bien, ahora vamos a crear la animación outro para toda la escena Empecemos con la animación del título. Primero, entremos en la composición del texto. Ya podemos volver a ver uno. Párese en la marca de nueve segundos cuando el texto termine su animación. Y recorte el área de trabajo hasta ese punto usando la tecla N. Ahora, haga clic con el botón derecho en el área de trabajo y seleccione recortar comp al área de trabajo. Una vez hecho esto, volvamos a la composición principal y dupliquemos esta pre comp, selecciónela y presionemos el control D. Luego haga clic derecho sobre la nueva pre comp, vaya al tiempo y seleccione la capa de tiempo inverso. Ahora esta pre comp funcionará como nuestra animación de salida de texto. Podemos eliminar el primer barrido que tenemos aquí porque no lo necesitamos para volver a repasar el texto. Déjame explicarte por qué. Movamos esta pre comp al final de la primera pre comp. Asegúrese de que ambas precomposiciones estén perfectamente alineadas una al lado de la otra Dado que esta pre comp es esencialmente la inversa de la pre comp original, vemos que el barrido va hacia atrás. Eso no me gusta. Yo sugerí que elimináramos el primer barrido. Bien, ahora lleguemos al final de esta pre comp y presionemos para recortar el área de trabajo hasta aquí, porque no necesitamos renderizar todo después de esto. A continuación, vamos a crear una animación outro para los destellos. Seleccionemos la capa y presionemos para revelar los fotogramas clave en ella. Ahora vamos a copiar estos fotogramas clave y pegarlos al final de la animación Ahora, haz clic derecho sobre uno de ellos. Vaya al Asistente de fotogramas clave y seleccione fotogramas clave inversos para revertir la animación Por último, vamos a mover estos fotogramas clave aquí. Una vez hecho esto, seleccionemos la capa de iconos, presionemos y creemos una animación de desvanecimiento en el segundo número siete. Cree el primer fotograma clave en este momento con el valor actual Ahora pasa al segundo número nueve y cambia la opacidad a cero Por último, vamos a aliviar estos marcos clave. Ahora bajemos la calidad y veamos cómo se ve. Creo que es genial. Ahora pongamos la calidad a plena y preparémonos para renderizar la escena justo antes de renderizar. Limpiemos el software para evitar problemas inesperados durante el renderizado. Para ello, vaya a Editar, Purgar y seleccione toda la memoria y caché de disco. Después golpea Bien y espera unos segundos. Ahora organicemos el panel del proyecto, cree una carpeta llamada Activos, y arrastre las carpetas con las capas del logotipo y la carpeta sólida en él, y el archivo de iconos vikingos. A continuación, cree una nueva carpeta llamada precomps. Y arrastra a él todos los precomps que creamos durante el proyecto, a excepción de la composición principal, que podemos etiquetar con un color diferente A continuación, cerremos estos pre comps. Presiona el control S para guardar el proyecto. Ahora presione el control M para acceder al panel de renderizado en modo de salida. Elija H 0.264 40 MBPS. Y renderiza la animación a nuestra carpeta renders, comprueba el nombre, presiona guardar y luego renderizar. Y ahora espera un momento. Genial. Y ahora veamos qué tenemos. Se ve excelente. Deberían estar orgullosos de ustedes mismos, ya que hoy han aprendido mucho. Y ahora volvamos a nuestro proyecto y lo cerremos. Esta vez no necesitamos organizar el proyecto porque ya lo hicimos antes de renderizar. Así que solo cierra el programa y guarda el proyecto. Recuerda cerrar Illustrator también. Espero que hayan disfrutado de la sesión, y espero verlos en la lección final de este curso. Crearemos una animación de logotipo súper genial para un santuario de animales maquillado sumergimos profundamente en trabajar con una cámara en un espacio de tres D. Va a ser increíble. Entonces nos vemos ahí. 34. Logo #4 Tarea de casa: Hola ahí. Espero que las lecciones te hayan resultado útiles y hayas aprendido algunas cosas nuevas e interesantes. Para recordar mejor todo lo que cubrimos, recomiendo encarecidamente practicar completando esta tarea. Tu tarea es recrear esta animación genial. Tienes la libertad de cambiar los colores y agregar cualquier gráfico adicional que te guste cada vez que enfrentes algún problema o tengas algunas preguntas. No dude en consultar el archivo del proyecto AE para ver los pasos que tomé. Adicionalmente, siempre puedes contactarme en busca de ayuda. Buena suerte. 35. Logo #5 - Animar un logotipo para un refugio de animales: Hola ahí. En esta lección, crearemos una impresionante animación de logotipo para un refugio imaginario de animales salvajes. Este tipo de animación es súper popular. Siempre habrá una empresa pidiéndote crear una animación donde todos sus empleados se unan con el logo de la compañía. En esta lección, profundizaremos en el mundo del espacio tres D y los efectos posteriores y el movimiento de cámara tres D. También aprenderemos a construir el proyecto de manera inteligente para que puedas cambiar fácilmente a una imagen diferente o agregar una nueva imagen sin afectar la animación Esta animación consta de tres partes animadas principales. Crearemos cada parte por separado y luego conectaremos y cronometraremos juntas. Vamos a sumergirnos directamente en él. 36. Cómo organizar muchas fotos en un espacio 3D: Hola y bienvenidos a la lección final de este curso. Comencemos la lección viendo cómo se hace este logotipo en Illustrator. Para ello, abramos la carpeta principal que creamos para el curso e ingresemos a la carpeta AI. Ahora abramos el quinto logo. Este diseño también se divide en varias capas. Hay una capa de fondo, una capa para el rectángulo naranja, una capa para el texto principal, que es una capa de texto de contorno. Eso quiere decir que esta no es una capa de texto que podamos cambiar el texto a continuación, y una capa para el eslogan. El eslogan es una capa de texto regular escrita en la fuente Monserrat Bien, ahora como siempre, antes de sumergirnos en los efectos posteriores, necesitamos pensar en una forma interesante de animarlo Como siempre digo, es muy importante crear un sketch de storyboard rudo de la idea que pueda conectar con el concepto del logo Abramos el archivo de ideas y veamos lo que he planeado para este diseño de logotipo de refugio de animales. Dado que la compañía se trata de proporcionar un hogar para los animales, pensé que sería genial que todos los animales se unieran en el logo. De esa manera podemos demostrar que la compañía está reuniendo a todos estos animales y dándoles un hogar. Sólo para que lo sepas, este es el tipo de animación que las grandes empresas y corporaciones utilizan todo el tiempo. Bien, ahora vamos a abrir After Effects Together, podemos cerrar esta ventana para que todos podamos ver la misma disposición de paneles. Vamos a hacer clic en Default. Ahora pasemos a crear nuestra primera composición. Lo llamaremos Logo Animación cinco. A continuación, pasemos al render de tres D. Ya que en la lección anterior utilizamos el renderer Cinema four D. Vamos a asegurarnos de que actualmente estamos en el clásico tres D, no en el Cine cuatro D, porque no necesitamos usar ese renderer en este proyecto Una vez hecho esto, volvamos a Básico y continuemos con los ajustes de composición esta vez también. Trabajaremos en su totalidad. El formato Hd es de 1,920 píxeles de ancho y 1080 píxeles de alto Entonces establecemos la velocidad de fotogramas en 30 fotogramas por segundo, y la composición tendrá 20 segundos de duración. Mantendremos el fondo de composición negro. Por último, haz clic en Bien. Ahora importemos nuestro diseño de logotipo al proyecto. Haga doble clic en el área vacía en el panel del proyecto, luego vaya a la carpeta de IA y seleccione el quinto logotipo. Asegúrate de no verificar esta función y presiona Importar aquí. Ya sabemos que necesitamos seleccionar composición, porque queremos este archivo en capas separadas. Aquí, seleccionaremos el tamaño de capa, porque queremos que los límites de capa coincidan con el tamaño de los objetos, no con el tamaño de los documentos. Ahora vamos a importar las fotos de animales a nuestro proyecto. Los puedes encontrar en la carpeta Activos. He descargado estas fotos del sitio web de Vado. Ahora deberías ver otra carpeta aquí llamada Nueva Ignórala Por ahora, llegaremos a ella al final de la lección. Mientras tanto, seleccionemos todas las imágenes aquí y hagamos clic en Importar. Ahora vamos a dar click aquí para ver las imágenes de una forma más organizada. Antes de comenzar a trabajar en la primera escena, vamos a guardar el proyecto y darle un nombre. Esta vez lo haremos usando el control de acceso directo. Ahora encontremos la carpeta que creamos para la lección. Entra en la carpeta AE y dale un nombre al proyecto de after effects en el que estamos trabajando. Puede seleccionar este proyecto para muestrear el nombre y cambiarlo a cinco, subrayar la confianza Una vez hecho esto, haz clic en Guardar. Ahora aprendamos cómo lidiar con proyectos con muchas imágenes donde es posible que necesitemos cambiar las imágenes en cualquier momento del proyecto. Porque el cliente siempre puede pedirnos que cambiemos o agreguemos una nueva imagen en el camino para crear el proyecto de una manera que nos permita cambiar rápidamente las imágenes sin afectar la animación. Necesitamos crear una pre comp para cada imagen. Vamos a crear la primera pre comp con la primera imagen para crear un nuevo control de prensa pre comp. Nombremos a esta foto pre comp uno y decidamos que estará en un formato de 1080 por 1080 píxeles. Puedes dejar los otros ajustes como están Ahora haz clic Bien, genial. Hemos saltado automáticamente a la nueva pre comp. También lo puedes encontrar en el panel de proyecto. Ahora vamos a arrastrar la primera imagen a esta pre comp. Como puedes ver, es bastante grande. Presionemos S y cambiemos el tamaño para que se ajuste a las dimensiones de esta precomp Creo que 30 es excelente. Ahora vamos a mover la foto aquí para que podamos ver este osito de peluche. Ahora hagamos redondeadas las esquinas de la imagen. Y lo haremos usando la función track matte. Déjame mostrarte a lo que me refiero. Tenemos que asegurarnos de que no estamos seleccionando la capa. Ahora asegúrate de que estamos usando la herramienta rectángulo con un color de relleno blanco y sin trazo. A continuación, haga doble clic aquí. De esta manera crearemos un rectángulo que sea exactamente del tamaño de esta comp. Vamos a abrir el rectángulo. Abramos también su camino aquí. Cambiaremos la propiedad llamada redondez. En mi opinión, 100 es excelente. Cerremos la capa. Ahora podemos usar esta forma como máscara para la foto usando una función de alfombrilla de pista. Si no lo ve, puede hacer clic aquí. Ahora vamos a arrastrar el tapete de la pista. Escoge látigo de la imagen hacia la plaza. Ahí lo tienes. Hemos creado esquinas redondeadas para la imagen. Básicamente, esta imagen sólo será visible dentro de los bordes de la plaza. Bien, voy a colocar la foto aquí. Ahora aprendamos a preparar el segundo cuadro, pero sin repetir todas las acciones que hemos hecho hasta ahora. Para ello, necesitamos duplicar la pre comp de la primera imagen a través del panel del proyecto. Seleccionemos la composición y presionemos el control D automáticamente. Después de los efectos, llamaremos a la nueva foto de composición dos. Eso es genial para nosotros. Ahora entremos en esta composición para reemplazar la imagen y mantener la misma pista. Enloquecido con los ajustes. Seleccionaremos la capa de imagen aquí. Ahora vamos a conducir la segunda imagen sobre ella mientras se mantiene presionada la tecla Alt. Por último, ajustemos el tamaño y la posición de la imagen manteniendo fuera mientras arrastramos la nueva foto a la anterior que básicamente reemplazamos entre ellas manteniendo los ajustes de la primera foto Ahora pasemos a crear la composición para la siguiente imagen. Seleccionemos esta composición y la dupliquemos con el control D. Vamos dentro de ella. Seleccione la imagen que queremos reemplazar y la sobre ella manteniendo pulsada la tecla Alt. Ahora vamos a reposicionar la nueva foto. Impresionante, ahora vamos a repetir esta acción hasta que terminemos todas las imágenes. Es bueno que estemos haciendo la misma acción muchas veces porque de esa manera la recordarás mejor. Bien, entonces después de haber creado todos los pre comps para cada en, podemos cerrarlos desde el panel de capas Pero en lugar de hacerlo manualmente, usemos un práctico atajo. Mantenga presionada la tecla de control y presione la tecla varias veces hasta que cerremos todas las pre composiciones para las imágenes Si también cierras accidentalmente la composición principal, simplemente haz doble clic en ella en el panel del proyecto. Bien, ahora para mantener las cosas organizadas en el panel del proyecto, vamos a crear una nueva carpeta llamada animals Picks. A continuación, seleccionemos todas las imágenes y arrástrelas a esta carpeta. Ahora vamos a crear otra carpeta llamada precomps y arrastremos todos los precomps para las imágenes dentro de Impresionante. Antes de seguir adelante, presionemos el control para guardar todo lo que hemos hecho hasta ahora. Ahora abramos la carpeta precomps y arrastremos todos los precomps para las imágenes a la composición principal a Ya puedes cerrar esta carpeta. Ahora aprenderemos a extender estas capas en tres espacios D. Para ello, primero necesitamos crear una nueva cámara. Haga clic derecho aquí, vaya a Nuevo y seleccione Cámara. Trabajaremos con la cámara de un nodo con una lente de 35 milímetros. Haga clic en Bien. Ahora para que la cámara interactúe con estos precomps, necesitamos convertir todas estas capas en tres capas D. Hagamos clic aquí para acceder a la función de tres capas D. Ahora vamos a seleccionar todas las capas y convertirlas en tres capas D para que sea más conveniente para nosotros extender las capas en el espacio de tres D. Cambiemos nuestra vista previa a una vista personalizada, podemos apagar el fondo transparente para ver qué estamos haciendo mejor. También podemos configurar la pantalla de vista previa para que encaje. Ahora vamos a entender lo que está pasando aquí. Aquí podemos ver toda nuestra escena desde un lado. Aquí es donde se encuentra la cámara. Aquí están todas las capas actualmente apiladas una encima de la otra. Ahora podemos seleccionar la segunda imagen y moverla a lo largo del mango del eje z. También podríamos mover esta capa a través de la propia capa. Para ello, presionemos la tecla para ver la propiedad de posición. Ahora podemos cambiar el valor del eje z manualmente. Seleccionemos la primera imagen y presionemos P para ver su posición así como podrás ver el valor del eje z, actualmente está establecido en cero. Cambiemos el valor de zaxis para la segunda imagen a 500. Ahora vamos a seleccionar la tercera imagen y presionar P para ver su posición también. Y cambiar el valor de zaxis a 1,000 Por qué 1,000 Porque son 500 píxeles después de la segunda imagen De esta manera mantenemos una distancia consistente entre las capas en el espacio tridimensional. Pasemos a la siguiente capa y colocarla después de la tercera imagen. En lugar de seleccionarlo y moverlo manualmente. Así, simplemente podemos cambiar el valor del eje z a 1,500 Bien, tienes la idea. Ahora vamos a ampliar este panel. Selecciona todas las capas y presiona para ver su posición. Entonces cambiemos el eje z para cada una de ellas, agregando 500 píxeles al valor de la capa frente a ella cada vez. Bien, ahora hagamos clic aquí para asegurarnos de que no se haya seleccionado ninguna capa. Y presiona una vez entonces, una vez más para cerrar la posición de todas las capas a la vez. A continuación, volvamos a Active Camera para ver cómo se ve nuestra escena a través de la cámara que creamos. Ahora pasemos a la siguiente parte del proyecto. Y seguir organizando las imágenes a través del espacio de las tres D y mezclar su posición para mantener las cosas interesantes. Va a ser un paseo divertido. Nos vemos en la siguiente parte. Pero antes de sumergirse en la siguiente lección, le recomiendo encarecidamente que tome un descanso de diez minutos, se levante de su silla, haga algunos estiramientos ligeros y beba un vaso de agua. Esto te ayudará a recargar tu cerebro para la siguiente lección. 37. Cámara 3D: Bienvenido de nuevo. Aprendamos a aleatorizar las imágenes a través del espacio tres D. Primero, podemos comenzar moviendo la imagen hacia los lados para hacer eso y seguir viendo cómo se ve la escena a través de la cámara. Podemos trabajar con dos vistas. Al trabajar con este método, es importante prestar atención al marco azul aquí. Significa que actualmente estamos seleccionando este panel. Es decir, que todos los ajustes aquí se aplicarán a este panel solo si modifico el fondo de vista previa, lo veremos solo en el panel derecho Ahora cuando hagamos clic aquí, seleccionaremos este panel. Ahora todos estos ajustes le aplicarán. Sólo en este panel veremos la escena desde una perspectiva superior que es desde arriba. Ahora, no quiero que hagas esto conmigo. Sólo escucha. Quiero explicar lo que está pasando aquí. También podemos trabajar aquí con D uno personalizado. Ahora bien, si muevo la cámara hacia adelante a lo largo de su eje Z en el panel derecho, veremos que las imágenes se hacen más grandes. Es importante entender que no estamos aumentando el tamaño de capa del objeto, sino acercando el zoom con la cámara, haciéndola parecer más grande Es decir, en este panel vemos la escena a través de la lente de la cámara. Bien, Entonces seleccionaré este panel y lo volveré a colocar en la vista superior. Ahora puedes hacerlo conmigo. Pasemos a esta área usando el clic central del mouse. Si no tienes el clic central del mouse, puedes mantener presionada la barra espaciadora y arrastrar la pantalla con el mouse. Bien, ahora, antes posicionar las imágenes y moverlas hacia los lados, movamos nuestra cámara un poco hacia atrás. Ahora seleccionemos la primera imagen, mantengamos presionada la tecla de control y seleccionemos cada segunda capa. Ahora vamos a acercarnos y movamos estas capas hacia un lado usando el eje x así. Una vez hecho esto, hagamos clic en el pequeño cuadrado aquí y etiquetemos estas capas con un color diferente. Esto hará que sea mucho más fácil seleccionar el resto de las capas. Ahora da clic en el cuadrado de esta capa y elige Seleccionar grupo de capas. Ahora vamos a mover estas capas hacia un lado, Esto. A continuación seleccionemos la cámara y la movemos hacia adelante y hacia atrás para comprobar cómo se ve el movimiento con la disposición actual de las imágenes. Como puedes ver, todo está demasiado apretado. En mi opinión, necesitamos reducir un poco las fotos. Para ello, seleccionemos todas estas capas, procesemos y cambiemos la escala de todas ellas a 30. Ahora cuando movemos la cámara, tendremos algo de espacio entre las imágenes. Veamos cómo se ve. Eso es mucho mejor. Bien, ahora vamos a animar nuestra cámara. Pasemos al inicio de la línea de tiempo. Y mover la cámara hasta el punto desde el que queremos que empiece a moverse, en algún lugar por aquí, antes de la última foto. Ahora vamos a presionar P y crear el primer fotograma clave con el valor actual. Entonces pasemos a los diez segundos y movamos la cámara hacia atrás así. Veamos cómo se ve. Se ve genial. Es un buen momento para presionar control como para salvar todo lo que hemos hecho hasta ahora. Ahora que tenemos el movimiento de la cámara, podemos navegar por la línea de tiempo y organizar las imágenes de una manera más interesante. Por ejemplo, podemos detenernos en este punto en el tiempo. Podemos levantar al lobo aquí arriba, lo cual es fácil de hacer desde este panel. Ahora, avancemos en el tiempo y movamos aquí al zorro. A continuación, avancemos en el tiempo. Podemos colocar al leopardo aquí abajo. Sigamos haciendo eso hasta que terminemos arreglar todas las imágenes de los animales en el espacio de las tres D. Nuestro objetivo es dispersar las imágenes de tal manera que cuando la cámara llegue a su último punto, todas las imágenes estarán aproximadamente en el centro de la escena. Entenderemos por qué estamos haciendo esto muy pronto. Por ahora, solo avanzar en la línea de tiempo y seguir arreglando las imágenes por ahora, esto se ve bien. Veamos cómo se ve al inicio del movimiento de la cámara. Pero antes de eso, seleccionemos este panel y fijemos la vista previa para que quepa para que podamos ver todo el fotograma. Bien, ahora veamos si hay una imagen que necesitamos ajustar. Podemos mover al leopardo aquí. En este punto, la cámara está pasando justo por la imagen y eso no me gusta. Me pararé en el marco problemático y moveré la imagen a una posición ligeramente diferente. Aquí hay otra imagen que necesita ser movida. Podemos moverlo un poco más hacia la derecha. Todo se ve bien hasta el momento. Ahora aprendamos a crear un efecto de cámara de profundidad de campo genial en nuestra escena. Esto significa que algunas partes de las imágenes estarán borrosas y otras estarán enfocadas Para ello, cerremos la cámara y la abramos de nuevo. Ahora vamos a abrir las opciones de la cámara. Por cierto, en lugar de hacerlo manualmente, podemos simplemente presionar la tecla dos veces. Bien, ahora activemos la profundidad de campo. Tenga en cuenta que una nueva línea ha aparecido en nuestra cámara. Si cambiamos la distancia de enfoque, esta línea se moverá. Esta línea define dónde estará la parte de enfoque. Para entender lo que estamos haciendo, elevemos la apertura a 100. Ahora podemos ver la profundidad de campo. Mejor actualmente, el foco está al lado de la capa de cebra. Esta capa está enfocada y el resto de las capas no lo están. Podemos mover el foco a la posición de la capa de perro para ver dónde mover el punto de enfoque. Podemos seleccionar la capa de perro de este panel. De esa manera podemos ver su posición en la vista superior. Ahora podemos mover la distancia de enfoque a ese punto. Bien, estoy seguro de que entendiste el punto. Ahora coloquemos la distancia de enfoque en algún lugar en el centro de la lente de la cámara. Como la cámara se está moviendo, parecerá que el enfoque cambia medida que la cámara se mueve de una imagen a otra. Veamos cómo se ve. Se ve increíble. Ahora podemos cerrar la cámara y continuar. Ahora vamos a presionar Control por qué para crear un sólido que funcione como nuestro trasfondo en esta escena. Cambia el nombre a B, G. Asegúrate de que el sólido sea del mismo tamaño que la composición y cambia su color a blanco. Ahora movamos esta capa hacia abajo y no la haremos tres D, para que no se vea afectada por movimiento de nuestra cámara en la escena. De esa manera, la capa de fondo permanecerá en su lugar cuando la cámara se mueva. Bien, una vez que terminemos componer la escena en el espacio tres D, podremos volver a trabajar con la vista uno Ahora vamos a seleccionar todas estas capas y presionar control shift C para precomponerlas todas. Llamémoslo Pick Comp. Asegúrese de que ambas opciones estén seleccionadas y presione bien. Ahora estamos listos para el siguiente paso donde aprenderemos a combinar el logo de la compañía con la escena de las imágenes. Primero, encontremos el texto del logo y arrástralo a nuestra composición. En el siguiente paso, necesitamos hacer visible la precomposición de las imágenes solo dentro de los límites del texto Para ello, hagamos clic aquí y utilicemos la función Track Mat. Nuevamente, queremos la pre comp de las imágenes. Usaremos la capa de texto como máscara. Por lo tanto, arrastraremos la pista Matt pick látigo del Pix pre comp hacia la capa de texto Ahora la capa de texto funciona como tapete para la pre comp de imagen. Bien, ahora procesemos y escalemos esta capa. Como puedes ver, en estos momentos está muy pixelado. ¿Qué función debemos aplicar a la capa de Illustrator para maximizar su calidad? Para resolver este problema, hagamos clic aquí y apliquemos la función collapse a esta capa. Ahora el texto es nítido y se ve genial. Una vez hecho esto, devolvamos el tamaño a 100. Ahora vamos al punto en el tiempo en movimiento de la cámara termina en la pre comp de imagen, digamos en la marca de los diez segundos. Ahora vamos a crear el primer fotograma clave para la escala de esta capa para decir después los efectos que en este punto en el tiempo, queremos que esta capa sea de este tamaño. Ahora volvamos al inicio de la línea de tiempo y escalemos la capa hasta que cubra toda la pantalla. Podemos agarrar la capa desde este punto y escalarla mientras mantenemos el turno. Escribamos 3 mil aquí, eso es lo que tenemos ahora. Pero no queremos ver en absoluto la forma del texto en este momento. También tenemos que ajustar la posición para ello. Para esto, presionemos Shift, y ahora vamos a pasar a la marca de los diez segundos. Estableceremos un fotograma clave con el valor actual porque sabemos que esta capa necesita estar donde se encuentra actualmente en este punto en el tiempo. Ahora volvamos al inicio de la línea de tiempo y movamos la capa ligeramente hacia el ahora mismo Necesitamos escalarla y continuar sincronizando ambos parámetros hasta que no veamos las partes del texto Bien, escribamos 6,800 para escala y asegurémonos de no ver las esquinas del texto Bien, ahora vamos a encontrar un buen punto en tiempo para comenzar la contracción de la capa de texto que acabamos de crear Creo que podemos iniciar esta animación desde el segundo número siete. Ya que este es el punto donde se ven todas las imágenes en el marco. Seleccionemos estos dos fotogramas clave y moverlos al segundo número siete. Esto es para que el texto inicie la animación desde el segundo más que desde el principio. Veamos cómo se ve. Como puedes ver, el texto se mueve muy rápido hacia el final. Esto sucede porque hay un cambio enorme en el parámetro de valor de la escala en muy poco tiempo. Para solucionar esto, seleccionemos todos los fotogramas clave y presionemos F nueve para facilitarlos. Ahora, mueve estos dos fotogramas clave al fotograma número seis para alargar un poco la animación. Vamos a verlo ahora. Se ve mejor. Ahora vamos al segundo número diez y creamos la parte donde el texto se vuelve blanco. Para ello, podemos ingresar a la composición de las imágenes. Ahora para que esto suceda, duplique el fondo blanco y colóquelo por encima de todas las capas. Ahora presiona el corchete izquierdo para mover esta capa a la posición del indicador de tiempo. Ahora presiona para mostrar la opacidad de esta capa. Vamos a crear un fotograma clave con una opacidad de cero aquí. Pasar al segundo 12 y cambiar la opacidad a 100. Por último, seleccionemos estos fotogramas clave y presionemos F nueve para facilitarlos. Veamos cómo se ve. Se ve bien. Ahora presiona el centro sobre esta capa y cambia el nombre a blanco Fade. Ahora cuando volvemos a la composición principal, podemos ver que hemos creado el efecto donde el texto se vuelve blanco. Bien, ahora es un buen momento para presionar control S para guardar todo lo que hemos hecho hasta ahora. Ahora vamos a importar el rectángulo del logotipo arrastrándolo a nuestra composición Ahora para obtener los mejores resultados de animación, necesitamos convertir esta capa ilustradora en una capa conformada con trazados que podamos ajustar y escalar. Para ello, haz clic derecho sobre la capa. Vaya a Crear y seleccione Crear formas a partir de la capa vectorial. Ahora puedes eliminar esta capa. Ahora abre esta capa de forma hasta que veas su camino. Después ir al punto en el tiempo donde el texto termina su animación, que es el segundo número diez. Cree el primer fotograma clave para el trazado en su forma actual. Ahora vamos al segundo número ocho para ver qué estamos haciendo. Podemos aislar la capa y ahora seleccionar los puntos superiores del trazado y arrastrarlos hacia arriba fuera de la escena manteniendo pulsada la tecla Mayús. Ahora selecciona esta parte y arrástrala hacia abajo. A continuación, alejemos un poco, seleccionemos los puntos laterales y muévalos a los lados. Como puede ver, se creó automáticamente un nuevo fotograma clave en esta ruta. Esto quiere decir que la forma de este camino se verá así, todo el camino hasta el segundo número siete. Esta forma no cambiará hasta que llegue al primer fotograma clave, solo después de eso comenzará a encogerse Bien, ahora vamos a seleccionar estos fotogramas clave y presionar F nueve para convertirlos a ASe's. A continuación, mantengamos la tecla Alt y hagamos doble clic en uno de los fotogramas clave para cambiar la velocidad, establecerlo en 85 para ambos ejes, y golpeemos Bien, vamos a comprobarlo ahora. Bien, ahora vamos a desactivar el aislamiento, cerrar la capa, y ver cómo se ve en relación con lo que sucede en la escena. Creo que la animación rectangular comienza demasiado pronto para arreglar esto, presionarte para ver los fotogramas clave en esta capa. Ahora encontremos un mejor momento para que comience esta animación. Creo que debería comenzar desde el segundo nueve, seleccionarlos y moverlos al segundo número nueve. Vamos a comprobarlo ahora. Bien, dejémoslo así por ahora y pasemos a la siguiente parte de la animación, que es crear un fondo para la comp principal en la que nos encontramos actualmente. Como pueden ver, si enciendo el fondo de transparencia de vista previa, no tenemos ningún fondo en este momento. Vamos a crear uno para esto. Seleccionemos la capa de fondo del diseño original del logotipo. Vamos a crear un sólido en el color de ese fondo. Por último, mueva el sólido hacia abajo. Ahora tenemos un bonito fondo en la escena. Genial, ahora podemos pasar a animar el eslogan del logotipo. Vamos a traer la capa de eslogan a nuestra escena. Ahora vamos a colocarlo en la escena. Podemos avanzar a tiempo para ver a dónde moverlo. Ahora, mantén presionada la tecla Mayús y muévala hacia abajo usando las teclas de flecha del teclado. Ahora, para evitar que interfiera con la animación, coloquemos esta capa debajo del rectángulo para que el rectángulo la oculte de esta manera. Sólo lo vemos cuando el rectángulo se encoge. Genial. Ahora vamos a crear un barrido genial que pase por encima del eslogan para captar la atención del espectador. Para ello, hagamos clic aquí para asegurarnos de que no estamos seleccionando ninguna capa. Y selecciona la herramienta rectángulo, establece el campo en blanco y asegúrate de que el trazo esté desactivado. Ahora haz zoom un poco y crea un rectángulo que se vea así. Ahora seleccionemos esta capa y presionemos, giremos la capa 30 grados. Ahora vamos al segundo número 11. Regrese a la herramienta de selección. Mueve esta capa aquí mientras mantienes presionada la tecla Mayús. Ahora presione para ver la propiedad position para esta capa y luego cree el primer fotograma clave. A continuación, vaya al segundo 13 y mueva la capa aquí mientras mantiene pulsada la tecla Mayús. Luego selecciona estos fotogramas clave y presiona F nine para facilitarlos. Facilidad. Impresionante. Ahora presionemos centro sobre esta capa y cambiemos el nombre a eslogan Mat, o puedes llamarlo Slogan Sweep. Bien, ahora coloquemos esta capa por encima de la capa de eslogan. Da click aquí para ver la función track matt. Ahora arrastra el látigo de selección de pista del rectángulo blanco hacia la capa de eslogan Esto asegurará que el rectángulo solo sea visible dentro de la forma del eslogan. Por último, volvamos a la capa de eslogan. Después haga clic aquí y aplique el colapso para esta capa. Ahora veamos cómo se ve. Se ve bien. Presionemos el control S para salvar el proyecto. Ahora pasemos a la siguiente parte y creemos una animación outro para toda la escena que hemos creado 38. Cómo reemplazar fácilmente las imágenes: Bienvenida de nuevo. Vamos a crear nutroanimación para esta escena Pero antes de eso, organicemos un poco nuestro proyecto. Primero, seleccionemos estas dos capas y etiquetemos en naranja. Eso se debe a que estas dos capas crean la animación de la parte del eslogan. A continuación etiquetaremos esta capa en marrón. Estas dos capas también etiquetarán en marrón porque estas tres capas se relacionan con la misma parte de la animación, la animación del logotipo principal. Genial, ahora para que esta animación termine con un fondo blanco, vamos a duplicar esta capa rectangular naranja, etiquetarla en un color más brillante. Ahora presiona para ver sus fotogramas clave. Ve al segundo número 13 y muévalos a algún lugar por aquí. Por ahora. Después haga clic derecho sobre uno de los fotogramas clave e invierta su animación. Después mueve los fotogramas clave al segundo número 13. Ahora cambiemos el color de esta capa a blanco y coloquemos debajo del rectángulo naranja. Así es como creamos el fondo blanco que hay que ver al final de esta animación. Ahora vamos a crear una animación outro para el resto de las capas de la escena Primero, seleccione el control de retención de capa de texto y seleccione la capa rectangular naranja. Presiona S y ve al segundo número 13. Crea un nuevo marco clave para el rectángulo naranja y otro para la capa de texto. Ahora pasemos al segundo número 15. Escala las capas a cero. A continuación, seleccionemos estos fotogramas clave y presionemos nueve para facilitarlos. Ahora sostenga y haga doble clic en uno de los fotogramas clave para cambiar la velocidad. Veamos cómo se ve. Se ve genial. Ahora vamos a pararnos en el segundo número 15. Se pueden cerrar estas capas. Ahora presione N para recortar el área de trabajo hasta este punto en el tiempo. Ahora veamos toda la animación de principio a fin. Se ve genial. Ahora aprendamos a agregar nuevas imágenes a nuestra animación, ya que este puede ser un escenario muy posible hora de crear animaciones con muchas imágenes. Primero, hagamos clic dos veces en el panel del proyecto e ingresemos el nombre de la carpeta. Seleccionaremos las tres nuevas imágenes y haremos clic en Importar. Para mantener nuestro proyecto organizado, abramos la carpeta de imágenes. Selecciona todas las imágenes y etiquétalas en verde para que sepamos que han sido utilizadas. Ahora coloquemos las nuevas imágenes en esta carpeta para ver el orden de las imágenes de manera más conveniente, podemos dar click aquí para organizarlas por su color. Bien, ahora entremos en la composición de las imágenes. Digamos que nos pidieron agregar nuevas imágenes a una escena. Para hacerlo de la manera más rápida posible, primero necesitamos duplicar la composición que ya tenemos en la escena a través del panel del proyecto. Seleccione la composición número 12, y presione el control D. Ingresemos a la composición, luego seleccionemos la imagen que queremos reemplazar. Ahora arrastraremos la nueva imagen en su lugar mientras mantenemos pulsada la tecla Alt. Una vez hecho esto, posicione la imagen y etiquétela en verde para que sepamos que se ha utilizado. Genial. Ahora vamos a crear otra Para esto, podemos duplicar esta composición y reemplazar allí también la imagen. Mientras se selecciona el pico de elefante, encuentra la nueva imagen. Sosténgalo y arrástrelo sobre el elefante. Ajustemos el tamaño y la posición de la nueva imagen, luego la etiquetemos en verde también. Genial, volvamos a hacerlo. Duplicaremos esta composición. Seleccione la imagen que queremos reemplazar, y reemplace la imagen aquí también. Ajustemos el tamaño y la posición de la nueva imagen. Por último, etiquetar esta imagen en verde. Gran trabajo. Podemos cerrar los nuevos precomps Ahora quiero enseñarte cómo puedes integrar estos nuevos precomps en nuestra animación muy rápidamente Primero, te voy a mostrar cómo no hacerlo. No lo hagas conmigo, lo haremos juntos en breve. Una forma de hacerlo es traer la nueva precomp a la composición, hacer la capa tres D, y luego tratar de encontrar un buen lugar para ello en el espacio de tres D. Como entiendes, nos puede llevar mucho tiempo. Bien, ahora te voy a mostrar una mejor manera de hacer esto. Puedes hacerlo junto a mí. Primero, tenemos que decidir dónde queremos colocar la nueva imagen. Digamos en algún lugar aquí entre la tortuga y el perro. Duplicar la precomp tortuga usando control D. Entonces podemos moverla aquí Por ahora, porque este es aproximadamente el lugar en el que quiero insertar la nueva imagen. Ahora al igual que cambiamos entre imágenes dentro de las composiciones de las imágenes, podemos usar este método para cambiar entre los precomps Seleccionemos el nuevo duplicado. Y arrastra la composición con la nueva imagen a la composición duplicada mientras mantienes presionada la tecla Alt. De esta manera conservarás todos los datos de la pre comp duplicada y podrás cambiar fácilmente entre los precomps Ahora podemos presionar P sobre la nueva comp y colocarla donde queramos. Ajustemos la posición de la nueva imagen hasta que consigamos algo que nos guste. Comprobemos que la cámara no está colisionando con la nueva imagen Podemos bajarlo un poco. Genial. Ahora practiquemos esto nuevamente e insertemos la segunda nueva comp. ¿Bien? Primero necesitamos encontrar el lugar donde queremos poner la nueva imagen. Entonces podemos simplemente copiar al zorro, moverlo a ese lugar, e intercambiarlo con comp número 14. Una vez hecho eso, solo dale a P y muévalo un poco hasta que encaje con el resto de la escena. Lo colocaré aquí por ahora. Y luego ir y venir con el indicador de tiempo para comprobar cómo se ve eso en relación con la escena, creo que deberíamos moverlo aquí. Se ve bien. Bien, hagamos esto por última vez. Quiero una nueva foto aquí para esto podemos copiar el gato, luego moverlo aquí y cambiarlo con comp número 15. Y ahora presiona y encuentra un mejor lugar para el guepardo. A veces lleva una eternidad encontrar el lugar adecuado, pero es genial, eso es solo parte del trabajo. Ahora vamos a golpear el control S y guardar el proyecto. ¿Todo bien? Ahora no quiero que lo hagas junto a mí. Quiero que sólo escuches. Digamos que el cliente quiere que reemplacemos una imagen específica por otra imagen, o incluso un video en lugar de una imagen. Eso no es un problema en absoluto. Todo lo que tenemos que hacer es ingresar la comp de la imagen que nos pidieron reemplazar. Ahora podemos importar el video. Voy a elegir el video que utilicé en uno de mis cursos. Déjame encontrarlo muy rápido. Bien, todo lo que tenemos que hacer es seleccionar la capa que queremos reemplazar y arrastrar la nueva capa sobre ella mientras mantenemos presionada la tecla Alt. No puedo ver el video porque termina en el segundo siete. Por lo tanto, voy a mover el indicador de tiempo aquí. Ahora necesito ajustar la posición y el tamaño del video. Si vuelvo a la composición principal, no voy a ver el video. Esto es porque estamos en el segundo número nueve y mi video termina en el segundo número siete. El comp está claramente aquí, pero debido a que la capa de video ya terminó, no veo nada. En casos como este, puedes ralentizar el video usando la función stretch aquí. Ahora podemos ver más del video. Cuando vuelva a verlo en la comp principal, veremos el nuevo video. Bien, presionaré el control Z algunas veces hasta que vuelva a ver a nuestro guepardo Ahora volvamos a la composición principal y veamos toda la animación por última vez antes de renderizar el proyecto, todo se ve genial. Antes de renderizar, organicemos el panel del proyecto. Primero, vamos a crear una carpeta llamada Assets. Arrastre las carpetas con las capas del logotipo, las imágenes de animales y los sólidos dentro de él. Ahora etiquetemos la composición principal en azul. A continuación, arrastra todos los precomps que creamos durante el proyecto a la carpeta precomps, excepción Cerremos todos los precomps. Debido a que trabajamos en un proyecto complejo, limpiémoslo antes de renderizar, para que no encontremos problemas inesperados durante el renderizado. Pregunta, ¿qué acción debemos tomar para limpiar el proyecto antes de renderizar? Para ello, vaya a Editar. Seleccione toda la memoria y la caché de disco. Golpea bien y espera unos segundos. Ahora vamos a presionar el control M en modo de salida. Elija su 0.264 para la selección MBPS para renderizar la animación en nuestra carpeta renders, verifique el nombre, haga clic en guardar y luego renderizar Ahora esperemos unos momentos. Veamos qué tenemos. Se ve genial. Ahora puedes subir el video que creaste en esta lección en redes sociales y mostrarlo en el sitio web de tu portafolio. Bien, ahora volvamos a nuestro proyecto y lo cerremos. No olvides cerrar Illustrator también. Con eso, hemos terminado el curso. Espero que hayas disfrutado del curso y aprendido muchas cosas nuevas e interesantes, y espero verte en la siguiente. 39. Logo #5 Tarea de casa: Hola ahí. Espero que las lecciones te hayan resultado útiles y hayas aprendido algunas cosas nuevas e interesantes. Para recordar mejor todo lo que cubrimos, recomiendo encarecidamente practicar completando esta tarea. Tu tarea es recrear esta animación genial. Tienes la libertad de cambiar los colores y agregar cualquier gráfico adicional que te guste cada vez que enfrentes algún problema o tengas algunas preguntas. No dude en consultar el archivo del proyecto AE para ver los pasos que tomé. Adicionalmente, siempre puedes contactarme en busca de ayuda. Buena suerte. 40. Conclusión: Enhorabuena por completar este increíble viaje. Estoy muy orgullosa de ti. Has aprendido algunas habilidades nuevas e increíbles, dado vida a los logotipos estáticos y te sumerges más profundamente en el mundo del diseño de movimiento. Además, ahora tiene cinco animaciones de logotipos premium que puede mostrar su sitio web de cartera o compartir con sus clientes potenciales para mostrarles de lo que es capaz. Y recuerden, este curso es solo el comienzo. Siempre hay algo nuevo que aprender en el cambiante mundo del diseño de movimiento. Así que sigue probando cosas nuevas, empujando tus límites y compartiendo tu increíble creación con el mundo. Espero que hayan disfrutado de este curso. Muchas gracias por ser parte de ello, y no puedo esperar a verte en la siguiente.