Animación avanzada de tipo cinético en Adobe After Affects

1. Introducción: Hola, soy Hong Chu y soy diseñador de movimiento en Canadá. Yo estaría animando en Adobe After Effects profesionalmente desde hace ocho años. He trabajado en agencias de publicidad para clientes como Adidas, PayPal, Walmart y muchos más. [MÚSICA] Hoy voy a estar enseñándote a animar un video intro avanzado de tipo cinético en After Effects desde el storyboard hasta la animación final. El video de tipo cinético es un tipo de video de gráficos en movimiento muy común y popular. Es una parte esencial de los gráficos en movimiento que te ayudará a entender cómo trabajar con la tipografía y usar tipografía para contar la historia de tu marca de forma creativa. Una vez que entiendas cómo animar video de tipo cinético en After Effects, te convertirá en un animador más pulido y comercializable hacia tus competidores y podrás crear diversión proyectos por tu cuenta. También es un sólido punto de partida para avanzar tus habilidades gráficas en movimiento y prepararte para una animación más compleja, así como emocionantes oportunidades futuras. En este curso, te mostraré todo lo que necesitas saber para animar un video corto, pero el mejor tipo cinético. Te mostraré el flujo de trabajo profesional completo y completo desde la preparación de tu guión gráfico dentro de Adobe Photoshop. Cómo configurar tu archivo de After Effects para animación. Flujo de trabajo continuo y profesional entre Photoshop y After Effects. Animación avanzada con editores de gráficos para transiciones suaves y sedosas y movimientos reales. Efectos especiales populares y más emocionantes para videos de tipo cinético. Técnicas avanzadas para pulir tu video con elementos secundarios y fallos. Cómo animar con control total. Forma sencilla y efectiva de crear animaciones complejas con el menor número de fotogramas clave posibles. Toneladas de atajos de teclado, consejos de flujo y trucos que uso todo el tiempo para mi trabajo profesional diario. Para el proyecto de clase, estarás aplicando las habilidades y técnicas aprendidas en esta clase para crear tu propio video de tipo cinético animado de 15 segundos. Ya he proporcionado el storyboard que usamos en la clase, pero puedes personalizarlo y crear tu propio diseño. Haz algo de lo que estés muy orgulloso. Esta clase es para alguien que ya ha hecho algún nivel de animación antes y se siente cómodo usando el software. No estaremos explicando cómo funciona el programa, sino que nos centraremos en las cosas avanzadas de cómo puedes animar como profesional. Si eres alguien que quiere mejorar tus habilidades gráficas de movimiento existentes y agregar técnicas avanzadas de animación a tu conjunto de habilidades, esta clase es para ti. Para ser honestos, esta clase es bastante dura. Si no estás familiarizado con After Effects y no has hecho ninguna animación de After Effects antes, te recomiendo que consultes mis otras clases para principiantes para familiarizarte con el software antes de asumir éste. Los conceptos y técnicas que aprenderemos en este curso se traducirán fácilmente en cualquier tipo de proyectos y avanzarán en tu nivel para convertirte en un mejor animador. Más allá de crear tu video tipo cinético final, también desarrollarás una mayor comprensión la narración visual y ampliarás tus vocabularios de animación. Entrena tus ojos para que se conviertan en tamaño de animador y te proporcionará una nueva forma de ver la animación en el guión gráfico en el futuro. Espero que te diviertas mucho aprendiendo y animando. Te veré en la clase. 2. PROYECTO: [MÚSICA] Bienvenidos a la clase. Antes de comenzar, quiero platicar sobre el proyecto de clase. Para el proyecto de clase, estarás animando tu propio video de tipo cinético de 15 segundos basado en el guión gráfico proporcionado. Te llevaré a través de todo el proceso de cómo personalizar y hacer tu propio storyboard hasta la animación final. En primer lugar, quiero que leas descripción del proyecto ahí como se indica en detalle los pasos que debes seguir para completar el proyecto. Familiarízate con lo que vamos a animar. Te llevaré en un viaje de creación de un emocionante video de tipo cinético avanzado desde cero. A medida que estás tomando el curso y trabajando en tu proyecto, te animo a que compartas conmigo el video final en el panel del proyecto para que pueda brindar comentarios personalizados. Un video tipo cinético de 15 segundos no es un proyecto fácil, especialmente si es la primera vez que lo haces. Habrá luchas y dolores, créeme. Tu cerebro puede incluso doler un poco pero lo mismo que aprender cualquier cosa, es parte del proceso y estoy aquí para ayudarte a sacar el máximo provecho de este curso y responder cualquier pregunta y claro cualquier bloqueo de carretera en el camino. Si lo superas y completas tu proyecto, aprenderás mucho y serás un animador mucho mejor en un par de semanas cortas. Una vez que me sigas y completes este proyecto, te darás una idea de cuál es el proceso completo para crear un video de tipo cinético y muchas de las técnicas avanzadas, el proceso y el flujo de trabajo, y las técnicas de animación que impartimos en esta clase son aplicables a cualquier obra gráfica en movimiento. Te ayudará a adelantarte al juego y te dará la confianza para estar listo para cualquier trabajo futuro del cliente. No solo eso, al final, tendrás un emocionante video de tipo cinético avanzado completo para poner en tu carrete de demostración que podrás lanzar al cliente potencial y conseguir trabajo de inmediato. Eso es todo con el proyecto de clase. Te veré en primera clase. 3. Storyboard: [MÚSICA] En esta clase, hablemos del storyboard para animarlo en Adobe After Effects, necesitamos tener algo en Photoshop preparado para la animación, que es el storyboard. Ya tengo mi archivo de storyboard en la configuración de Photoshop aquí, como pueden ver. Ahora mismo, estoy en este storyboard.psd, que es un archivo de Photoshop. Luego en el panel de capas, puedes ver que tengo el Marco 1 hasta el Marco 10. Si enciendo el icono del ojo, se puede ver a medida que me desplazo por los diferentes marcos que tenemos. Entonces, estos son nuestro storyboard. Hay bastante simples y directos. Si abro el Marco 1 y luego solo escondo todas estas capas diferentes sobre él, puedes ver que solo obtuve una capa de texto como fondo y luego hay una capa de texto principal que es animación y luego conseguimos fondo casi negro. Solo tres capas dentro del Marco 1. Entonces si voy al Marco 2, cuando lo abro, tengo un texto de animación delineado y luego uno en morado en el medio, y el otro en la parte superior, que también está delineado, cuatro capas en el Marco 2. Estos son muy simples y directos. Una vez que tenga esta configuración, puedo llevar este archivo storyboard.psd a After Effects para animar todas estas diferentes topografías. Si voy a la carpeta, puedo abrir el storyboard.png. Entonces puedes ver aquí, este es nuestro storyboard completo, del 1-10.Así es como se ve. Casi se puede ver que hay algo de movimiento y podemos aplicar muchos efectos diferentes y diferentes movimientos de animación a la topografía para tener un video de introducción de tipo cinético. Otra cosa que quiero mencionar en este video es que si quieres cambiar y personalizar a tu propio video de introducción, también puedes ir a diferentes capas y luego cambiar el texto dentro de la capa. Si no quieres que la primera palabra se lea como animación, en realidad puedes hacerlo. Tal vez puedas poner como introducción deportiva, algo así. Puedes personalizarlo en función de tus propias necesidades y para crear tu propia animación, tu propio video de introducción. Pero por ahora lo mantendremos como animación. Entonces también en términos de color, también puedes cambiar el color si quieres. Digamos que si vamos al Marco 4 y luego tenemos este fondo, ON, y luego tenemos el frontal, que es de color morado, si quieres hacer un verde, puedes hacerlo. Puedes cambiar el tema a un color verde si quieres, o puedes cambiar el tema a color naranja. Depende del color que te guste. De hecho, puedes personalizar el guión gráfico a tu propio color favorito y crear tu propio guión gráfico. Al final tendremos algo como esto dispuesto del Marco 1 al Marco 10. Se mostrará aproximadamente lo que vamos a estar animando cada fotograma, y luego para este, durará alrededor de 15 segundos. Eso es todo en el storyboard. En el siguiente video, saltaremos a After Effects y crearemos un archivo de animación. 4. Configuración del archivo: [MÚSICA] En este video, déjame mostrarte cómo configurar el archivo After Effects con el storyboard que teníamos. Ahora, abramos After Effects. Este es el panel una vez que abrimos After Effects. En el centro aquí, puedes dar click sobre esta nueva composición. Entonces nombraré a esta la composición principal, Main Comp, que es el área de trabajo principal para nuestra animación. Por el ancho y alto, lo mantendré 1920 por 1080 y luego lo dejaré en píxeles cuadrados. Para la velocidad de fotogramas, en realidad haré 30 fotogramas por segundo. Después la duración, le daré una duración de 15 segundos. Color de fondo, mantenlo en negro. Haga clic, bien. Ahora tenemos una configuración de composición principal en After Effects. Lo siguiente que quiero hacer es importar el archivo de Photoshop. De hecho, podemos hacer doble clic en esta área del proyecto y luego navegar a nuestro guión gráfico. Voy a ir al guión gráfico PSD, que es el archivo de Photoshop, después importar, como voy a tratar de hacer la composición retener los tamaños de capa. Asegúrate de no hacer clic en esta secuencia de Photoshop. Porque si haces clic en este, te va a dar un mal momento más adelante. Esto solo se usa cuando se está creando una secuencia. Por el 95 o 99 por ciento de las veces no lo necesitaremos, así que solo asegúrate de no hacer clic en este y luego haz clic en Abrir. Es preguntarme si quiero mantener la capa editable y luego voy a hacer clic en ok. Como puedes ver en el panel de proyecto aquí, tengo una pre-composición de storyboard y luego una carpeta que contiene todas las capas de Photoshop. La forma en que quiero organizar este panel de proyecto es que quiero crear una carpeta, primer lugar, llamar 00 _Render_Comp. Esto va a estar siempre en la parte superior ya que puse 00 en el frente. Voy a dejar caer esta composición principal en el render comp, así que esta comp principal va a ser el área de trabajo. También cuando terminemos la animación renderizaremos esta composición principal, que es un render comp. La siguiente carpeta que quiero crear como una carpeta de activos llamada assets. Entonces dejaré caer estas capas de storyboard, esta carpeta en los assets, que es la carpeta asset. El siguiente que quiero crear, es un Precomps. La carpeta precomps albergará toda la precomposición que tengamos. Si quieres, todavía podemos hacer una carpeta de música o música y metraje si quieres. Pero por ahora, creo que estas cuatro carpetas son las que queremos conservar ahora mismo. Puede mantener nuestro panel de proyectos bastante organizado para que pueda ayudarnos más adelante en el camino. Naveguemos hasta la carpeta precomps y luego vayamos al storyboard, haga doble clic en él. Se puede ver por aquí conseguimos de uno a 10 fotogramas en cada composición individual. Cada composición tendrá todas nuestras capas de Photoshop dentro de esa composición. Si vuelvo, voy al Marco 2 y después conseguimos todas nuestras diferentes capas. Entonces si comprobamos Frame 3, obtuvimos todas estas capas diferentes. Lo que quiero hacer ahora es volver a la composición del guión gráfico y luego seleccionar entre 1-10, clic en el Marco 10, mantener pulsada la Mayús y luego hacer clic en el Marco 1, seleccionarlos todos. Comando C, cópielo y luego vuelva al comando principal comp V, pegarlo. Ahora, dentro del área de trabajo, que es nuestra composición principal, tenemos desde el Frame 1 hasta el Frame 10. Este va a ser el lugar donde estaremos animando nuestro video tipo cinético. Eso es todo con cómo configurar nuestro archivo After Effects. En el siguiente video, podemos comenzar a animar el primer fotograma. 5. Comienza a animar: En esta clase, comencemos a animar el primer fotograma. Vamos a navegar hasta la primera capa de fotogramas por aquí en la línea de tiempo y lo primero que quiero hacer, quiero espaciarlos un poco, espaciar todos estos fotogramas diferentes y luego tener todo girado encendido con el icono del ojo. Digamos que si quiero que cada fotograma dure un segundo, simplemente arrastraré estas diferentes capas y luego las escalonaré, las desplazaré un segundo cada una. Ahora bien, si presiono el botón de reproducción, pueden ver que solo serán cuadros estáticos cortando al siguiente tras otro. Esa es nuestra asombrosa compensación en estos momentos. Este primero, animemos el primer fotograma. Para animar el primer fotograma, entremos en la composición del Marco 1, haga doble clic en él. Quiero acercar el zoom. Si me acerco, casi puedo decir que hay un fondo de contorno morado detrás de mi texto de animación. Creo que ahora mismo, está al frente. Lo dejaré caer debajo de él. Entonces, antes que nada, quiero convertirlos a como texto editable. Puedo hacer clic en el primero, hacer clic derecho y luego crear, convertir a texto editable. Va a cambiar la capa de Photoshop en un área de texto en vivo, y ahora podemos cambiar el texto a lo que nos guste, pero lo mantendremos como animación por ahora. Este, lo mismo, haga clic derecho y luego vaya a crear, convertir a texto editable. Para el fondo, lo dejaré así. Eso es genial. Entonces ahora solo necesito animar este texto de animación aquí. Déjame acercarme un poco. Puedo dar click aquí para ajustarlo al área de previsualización. este momento se puede ver que el punto de anclaje no está en el centro de esta capa, así que necesito hacerlo en el centro. Para hacer eso, puedo ir a esta pluma detrás de la herramienta, mantener presionada la tecla Comando, haga doble clic en esta, y luego va a cambiar el punto de anclaje al centro de mi capa. Eso es lo que quiero. La animación que me gustaría hacer es, antes que nada, quiero hacer un cambio de escala. Vamos a golpear S en el teclado, y luego ir hacia adelante tal vez 15 cuadros, 1, 2, 3, 4, 5. Estoy usando el atajo. Se puede ver en la esquina izquierda aquí, pulsar el cronómetro añadir un fotograma clave y luego volver a cero segundos. Cambiemos esto a cero. Entonces podemos facilitar fácilmente la tecla de función F9 para facilitar los fotogramas clave e ir al editor de grafos. Intentemos una curva como esta para facilitarla todo el camino , así es así. Siento que es un poco lento, así que quiero acercar los dos fotogramas clave, que sean 10 fotogramas. Esta es la primera animación que tenemos. Ya tiene algo de energía. Eso es bueno. Ahora solo necesito duplicar esta capa Comando D, Comando D, dos veces y luego presionar P en el teclado, poner un fotograma clave de posición, y luego ir adelante 10 fotogramas. Trae a éste, y luego baja a éste. Vamos a facilitarlo fácilmente. Ir al editor de grafos. Otra forma de facilitar fácilmente un fotograma clave es hacer clic con el botón derecho y luego ir al asistente de fotogramas clave, facilidad fácil. Estoy usando el atajo. El atajo es F9. Estoy manteniendo pulsada la tecla de función y luego F9 en el teclado. Se puede ver el atajo aquí, dice F9. Es lo mismo. Ir al editor de grafos. Quiero hacer una gráfica de flexibilización aquí. Otra cosa es asegurarse de que estás en el gráfico de velocidad en lugar del gráfico de valores. Puedes dar click en el segundo botón aquí y luego cambiar la gráfica a la gráfica de velocidad y ahora puedes ver algo similar a lo que tenemos aquí. Si hago clic en este botón aquí, dice Ajustar todas las gráficas para ver. Va a encajar esta gráfica a la vista aquí y hacerla más grande para que sea más fácil arrastrar el asa. Esta es una gráfica que tenemos para lograr esta animación aquí. Eso es bueno. Esa es la primera animación para nuestro texto aquí. Después de esto, quiero subir el texto del medio y luego escalarlo hasta el y luego hacer estos dos superior e inferior en un esquema. La forma de hacerlo es después de que tengamos aquí esta moción, quiero ir a esta media y luego asegurarme de que volvamos a la herramienta de selección. Ya tenemos la propiedad a escala aquí. Asegúrate de darle un fotograma clave por aquí y luego seguir adelante tal vez un par de segundos, hazlo más grande. Sí. Algo así funcionaría. Entonces haremos que estas dos capas cambien a contorno. La forma de hacerlo es que estoy duplicando estas dos capas y también cortarlas en este punto. La forma de hacerlo es Comando Mayús D y ahora puedes ver que tengo dos capas diferentes. Eso es exactamente lo mismo que los dos primeros que se seleccionan. Sin embargo, están cortados a 20 cuadros por aquí. Estas son dos capas separadas ahora. Esta Capa 1, Animación 5, es la misma que la Animación 3 de aquí. Básicamente, dupliqué la capa y también la corté en este punto. Ahora sólo necesito cambiar estos dos en esquema. La forma de hacerlo es muy sencilla. Simplemente vaya al panel de caracteres aquí, y si no tiene panel de caracteres, puede ir a Windows y luego seleccionar el panel de caracteres de aquí, y luego simplemente presionar este intercambio, relleno y trazo. Va a cambiar nuestro texto de animación en un esquema. Si voy a tocar la animación, así es como se ve. Sin embargo, cuando crece, se superpone con mi texto de contorno. En este punto, todavía quiero que el texto tal vez se aleje un poco más de este texto en el centro, así que aquí hay un corte en este punto. Esa es la animación que nos gusta y después volvamos a la composición principal. Veamos la animación. Algo así, sin embargo, todavía me falta algo. Por aquí quiero agregar dos capas sólidas. Ir a capa, nuevo. Y luego sólido. Quiero que esta animación tenga un aspecto de corte en lugar de una transición suave o un escalado suave. Quiero que se corte, así que básicamente como fallos en la tipografía cinética. Quiero ir a este recogedor de color y luego cambiarlo a los fondos color azul oscuro. Asegúrate de que este sea el problema tal vez. Da click en “Bien”, y luego córtalo en dos marcos. Golpea el corchete izquierdo y luego avanza un cuadro Comando flecha derecha y luego usa la opción corchete derecho para cortarlo. Básicamente, esta capa sólo dura dos fotogramas. Uno, dos, serán nuestros cortes. Pondré uno aquí, uno aquí, y luego lo duplicaré. Voy a poner tal vez uno por aquí, y luego, veamos, uno por aquí. Este es el estilo que conseguimos. Casi hay un destello del color de fondo como corte entre la animación, por lo que la animación no es muy suave. Volvamos a la composición principal y veamos cómo se ve. Sí. Creo que eso funciona y así es como animamos el Marco 1. 6. Capas de corte: [MÚSICA] En esta lección, animemos el Marco 2. Ya tenemos la animación Frame 1. Podemos echarle un vistazo aquí. Esta es nuestra animación de Frame 1 y ahora mismo tenemos el Frame 2 recién cortado alrededor de estos cinco fotogramas de un segundo. Podemos ir a la composición del Marco 2, hacer doble clic sobre él. En primer lugar, para animar el Marco 2, quiero convertir estas tres capas en texto editable. Seleccione las tres capas, haga clic derecho y vaya a Crear, convertir en texto editable. Ahora necesitamos cambiar el punto de anclaje al centro de estas tres capas. Para ello, asegúrate mantener presionada la tecla Comando' en el teclado. Haga doble clic en esta herramienta Pluma detrás. Ahora puedes ver que las tres capas tienen el punto de anclaje en el centro. Para animar estas capas, lo que quiero hacer es primero duplicar estas tres capas, Comando D, y luego tal vez pueda cambiarlo a un color de nivel diferente, digamos rojo. Puedo apagar estas tres primeras capas. Quiero cambiar la palabra en movimiento en lugar de animación. Entonces también quiero duplicar de nuevo esta capa. Pon un movimiento más encima. Después duplica esta otra vez, pon una más en la parte inferior. Duplicar de nuevo, poner uno más por aquí. Ahora tengo seis capas con texto en movimiento en él. Entonces tengo tres capas con animación. Para animar estas capas. Quiero mover este todo el camino hacia arriba. Vuelva a activar estas animaciones. Ahora quiero mover este hacia arriba. Ahora quiero controlar la propiedad position de todas estas capas con un objeto nulo, ir a Capa Nueva y luego Sin Objetos. Asegúrate de que tenemos todo apadrinado al nulo. Entonces pon llave en el teclado. Puedo animar los objetos nulos. Una vez que tenemos la propiedad position, podemos hacer clic con el botón derecho en Separar Dimensiones ya que solo estamos animando la posición y, podemos separar la dimensión solo animando en la posición Y. Pulsa el Cronómetro para agregar un fotograma clave y luego seguir adelante, tal vez 10 fotogramas, 11, 12, 13 fotogramas. Muévelo hacia abajo así y luego avanzar y tal vez otros cinco fotogramas. Hacer que el impuesto de movimiento se asiente en el centro. Algo así. Entonces necesito seleccionar los tres fotogramas clave. Haga clic derecho en Asistente de fotogramas clave, Facilidad fácil Ir al Editor de Gráficas. Asegúrate de estar en el gráfico de valores lugar del gráfico de velocidad esta vez, haz clic en este ícono y luego presiona Gráfico de valores. Quinta gráfica a ver. Todo lo que quiero hacer es arrastrar estas asas para darle un poco más de energía. Algo así. Si previsualizo la animación, así es como se ve. Eso es bueno. Si vuelvo a la composición principal, vamos a previsualizar todo de Frame 1 a Frame 2 ¿ves eso? Eso es bueno. Aquí tenemos esta animación. A lo mejor queremos colgar un poco más de este marco. Puedo mover todo, a lo mejor dos fotogramas. Tiene una sujeción de dos fotogramas. Eso es bueno. Ahora tenemos aquí esta moción. Lo siguiente que quiero hacer es asegurarme de que este movimiento etiqueta el morado está viajando hacia abajo a esta línea aquí y luego a esta línea aquí y luego volver a subir. Quiero que este texto de moción viaje hacia abajo y vuelva a subir en el centro. Para hacer eso, así que a partir de aquí, solo encuentra este movimiento púrpura. Lo que puede llamarlo al movimiento púrpura. Entonces podemos cortarlo en este marco aquí. Comando Mayús D, muévalo hacia abajo, y luego avanza cuatro cuadros, 1, 2, 3, 4, córtalo de nuevo. Comando D. Muévelo hacia abajo. Adelante, cuatro cuadros. Córtalo de nuevo, muévelo de nuevo hacia arriba. Adelante cuatro cuadros, 1, 2, 3, 4, y luego vuelve a cortarlo. Ve por aquí. Veamos la animación aquí. Puedes ver que nuestro impuesto de movimiento púrpura está viajando aquí abajo. Creo que aquí nos falta un cuadro. Solo necesito mover estos uno, tal vez más para dos fotogramas y luego extender este para dos fotogramas. Tenemos moción, baja, sube. Sí. Esto es lo que nos gusta. Ya puedes ver que no estoy animando nada. Solo estoy cortando las capas para hacer que los textos en movimiento corten diferentes posiciones, y cada uno dura cuatro fotogramas. Ahora tenemos listo el texto morado. Solo tenemos que arreglar los otros esquemas aquí. Para este marco, ¿dónde está mi contorno por aquí? Este es mi bosquejo. Necesito cortarlo en este marco aquí y luego mover este esquema hacia arriba. En este marco, tenemos el morado debajo de este contorno. Hay cambio de lugares, ¿ves eso? Entonces si el morado vuelve a bajar en este marco, necesito encontrar este contorno. Comando Mayús D. Mueva este esquema hacia arriba. En este punto aquí, Comando Shift D nuevamente, mueva este esquema hacia abajo. Cuando el morado regrese al centro, necesitamos encontrar este esquema aquí. Comando Mayús D. Mueve este contorno debajo del texto de movimiento púrpura. Ahora veamos cómo se ve la animación. ya lo ve. Nuestro texto en movimiento morado está cambiando lugar con nuestro texto en movimiento de contorno, y viaja hacia abajo y luego vuelve al centro. Esa es la animación que queremos. Volvamos a la composición principal y veamos todo el asunto. Mueva este un poco. A lo mejor no debería haber una bodega. A ver. Simplemente no quiero que haya una bodega. Cuando se corta en el segundo fotograma, se ve que hay un segundo de retención. No quiero eso, así que quiero cortar esa sujeción, tal vez cortar este marco para acobarse por dos fotogramas. Ahora mismo por aquí, es la parte delantera del Marco 2, necesito avanzar dos cuadros y cortar esto por aquí. Opción corchete cuadrado izquierdo, córtalo aquí. Entonces cuando entra, el Frame 2 ya se está moviendo, ya está en movimiento. Quiero que mi transición esté siempre en movimiento. No quiero que la transición entre y se detenga ahí. Eso no es una transición. ¿Ves eso? Eso funciona. Salvemos el proyecto. Así es como animamos el segundo fotograma. En el siguiente video, sigamos animando Frame 3 [MÚSICA]. 7. Efectos especiales: [MÚSICA] Hagamos una simple transición de un flash. Es muy común para un tipo cinético. Todo lo que tenemos que hacer es ir a la capa y luego crear una nueva capa sólida, cambiar el color a blanco, cambiar el nombre a flash, y luego hacer clic en “Bien”. Arrastre esta capa hasta el final entre el Marco 2 y el Marco 3. En primer lugar, quiero ver cuándo queremos que entre el Frame 3, así que por aquí, cuando los textos en movimiento en el fotograma dejan de moverse. Por qué no empezar a mudarnos aquí y queremos hacer la transición al Frame 3 por aquí. Para este, necesito mover el inicio de esta capa a aquí. Usa nuestros atajos de teclado, corchete izquierdo para traerlo hasta aquí. Tenemos que poner este flash en la parte superior del Marco 3 también. Alinear con el fotograma 3, presionar “T” en el teclado para que la transparencia se vea clara y luego presione el cronómetro para agregar un fotograma clave. Adelante 10 fotogramas, Comando Mayús Flecha derecha y luego agrega otro fotograma clave, cambia la transparencia a cero. Esta va a ser nuestra transición. Todo lo que tenemos que hacer es seleccionar los dos fotogramas clave y luego hacer clic derecho. Vaya al asistente de fotogramas clave, cambie a Easy Ease. Ir al Editor de Gráficas. Asegúrate de estar en el gráfico de velocidad y luego solo necesitamos hacer una curva como esta con una flexibilización extrema, y cortamos la capa al final de la opción de fotogramas clave, corchete derecho. Ahora tenemos una transición flash. Esto es lo que tenemos. Volvamos a reproducir la animación. Eso es lo que tenemos. Comando S, guarda el proyecto. Vamos al fotograma 3 para animar este texto de movimiento. En primer lugar, cambie el texto en movimiento a texto editable. Ahora necesito traer el punto de anclaje en el centro. Usa un truco que tenemos presionado Comando en el teclado, haz doble clic en esta pluma detrás de la herramienta. Para este, necesito crear una composición para el texto porque necesito agregarle un efecto especial. Para crear una precomposición, da clic en esta capa y luego mantén pulsada la tecla Comando Mayús C en el teclado y asíñala para hacer clic en movimiento “Bien” ahora tenemos una composición de movimiento. Vamos al panel de efectos y presets en el lado derecho. Si no lo tienes, puedes ir a Windows y luego hacer clic en este Efectos y Presets. Los efectos que intentaban buscar se llama borrado de escala CC. Ahora tenemos borrado de escala CC en el panel Efectos y ajustes preestablecidos. Podemos arrastrar esta a esta capa de movimiento que tenemos, y luego podemos animar el tramo de capa. Ahora mismo se está estirando hacia arriba, que no es lo que queremos. Necesitamos que la dirección sea 90 grados todo el camino a la derecha. Ahora quiero establecer un fotograma clave en el tramo. Cuando es cero, ese es el estado final de nuestra animación. Pulsa “U” en el teclado y al principio, debería ir todo el camino así. Selecciona los dos fotogramas clave, F9, Easy Ease, ve al Editor de Gráficos y dale una curva de flexibilización extrema como esta. Veamos la animación. Esa es la animación que queremos. Eso se ve bien. Comando S para guardar. Volver a la composición principal. Veamos cómo se ve la animación. Eso se ve bien. A mi me queda bien. Lo siguiente que quiero hacer es hacer una transición de Frame 3 a Frame 4. Vamos al Marco 3. Dentro del Marco 3, quiero agregar un Desenfoque Radial Rápido. Primero que nada, vamos a Capa, Crear, Nueva y luego Capa de Ajuste. Este va a ser nuestro rápido desenfoque. Vamos al panel Efectos y ajustes preestablecidos para buscar CC Radial Fast Blur. Como ya tienes la capa seleccionada, hagamos doble clic sobre esto y luego se trata de los efectos C que queremos obtener. Básicamente por aquí, quiero animar la cantidad del Desenfoque Rápido de 0-50 por ciento. A 50 y luego vamos a Fácil Facilidad los dos fotogramas clave. Dale una curva de flexibilización extrema de esta manera. A lo mejor darle más tiempo. Algo así. Eso funciona. Ahora, sólo necesito darle un poco más de movimiento. Lo que quiero hacer es solo querer animar el seguimiento de esta capa de movimiento. Haz doble clic en esta composición de movimiento y luego entra aquí dentro de esta capa. Ve a los textos y luego por aquí en el animado agreguemos un tracking. A partir de cero, quiero hacer fila. Este es el final de nuestro desenfoque de movimiento, y este es un comienzo de nuestro desenfoque de movimiento. Vamos adentro. El inicio debería ser cero y luego el final debería ser algo así. Entonces podemos Easy Ease un fotograma clave. Asegúrate de que esta curva sea similar a la curva de desenfoque de movimiento que teníamos afuera así y luego si volvemos al fotograma 3, este es el efecto que queremos obtener. Creo que es demasiado lento. Hay un lugar donde se detiene todo. Necesito atar la transición de desenfoque de movimiento más cerca de esta animación el frente. Solo necesito mover este desenfoque de movimiento hasta aquí cuando se asiente y luego comience la transición. Mueva estos fotogramas clave por aquí para alinearse con el desenfoque de movimiento. A lo mejor necesito incluso superponerme un poco. Yo sólo puedo superponer esta parte aquí. Arrastre éste. Creo que se ve mejor. Entonces tenemos al Marco 4 que viene. Veamos si también puedo cambiar la propiedad de escala de esta capa de movimiento. Pongamos un fotograma clave en la escala y luego hagamos que sea más grande y luego Easy Ease los dos fotogramas clave de escala. Ir al Editor de Gráficas. Asegúrate de que tengamos una facilidad extrema como esta. Eso funciona, creo. Eso funciona mejor. Veamos la animación. Eso se ve bien. Eso es todo con la animación Frame 3. En el siguiente video, podemos seguir adelante con Frame 4. 8. Selector de rango: [MÚSICA] En esta lección, mantengamos la animación en marcha. Hagamos la animación del fotograma 4. De la última transición que tuvimos desde el fotograma 3, tenemos el texto en movimiento y luego lo cortamos así. Queremos que esto en el texto se esté reduciendo de grande a pequeño, a la transición del último fotograma para dar un movimiento muy suave. Para hacer eso, todo lo que necesito hacer es antes que nada, necesito entrar en el marco para la composición y luego seleccionar esto en el texto, asegurarme de cambiarlo a texto editable y luego cambiar el punto de anclaje al centro del texto. Mantenga presionado el comando, haga doble clic en esto, presione S en el teclado. Trae a colación la propiedad de escala. Quiero que esto esté en el centro de la pantalla, así que necesito ir al Panel Alinear. Si no tiene el panel de alineación, vaya a las ventanas y luego elija Alinear. Quiero usarlo para alinear horizontalmente y luego alinear verticalmente. Asegúrate de que el encendido esté en el centro. Quiero que empiece bastante grande. Entonces después tal vez 15 fotogramas se hacen más pequeños. Facilidad fácil. Ir al Editor de Gráficas. Tenemos una facilidad extrema como esta. A lo mejor es demasiado grande, hazlo más pequeño, y tal vez sea demasiado lento. Necesito que llegue a 10 cuadros. Volvamos a la composición principal. Veamos que funciona la transición. Tengo pick up and down, eso funciona arriba y abajo. Más grande, más grande y luego más pequeño. Guarde el proyecto. Esa es nuestra animación para el on in frame 4 y podemos hacer frame 5 aquí por completo. La forma por la que quiero hacerlo es que quiero entrar en el marco 5. Ahora mismo creo que el marco 4 es demasiado sencillo. Yo también quiero llevar este texto al fotograma 4. Vamos a hacer clic con el botón derecho en Crear y luego texto editable. Vamos a copiar este comando C. Vuelva a la composición principal y deje caer este texto en el fotograma 4. Ve al personaje y asegúrate de cambiarlo a color morado aquí. Cambie el punto de anclaje al centro. A lo mejor bajarlo un poco. Este texto aquí, tal vez puedas hacerlo un poco más grande. Muévelo hacia abajo. Creo que es demasiado grande. Necesito tenerlo por aquí. Eso es bueno. Ahora solo necesito animar este texto para tenerlo aleatoriamente encendido, alguna manera, mientras tenemos esto en animación entrando. Para animar esta capa, necesitamos agregar un selector de texto. Da click en esta capa y luego ve a Animación, Agregar Selector de Texto, Selector de Rango. Ahora tenemos un animador llamado Selector de rango agregado bajo nuestra capa única en su tipo. Debajo del selector Rango, hay un botón llamado Agregar. Podemos dar click sobre esto, elegir Propiedad y luego podemos agregar un cambio de opacidad al colector de rango. Lo primero que tenemos que hacer es cambiar la opacidad a cero sin añadir ningún fotograma clave. Entonces ahora, una vez que tenemos la opacidad cambiada a cero, una vez arrastramos el punto de partida del selector de Rango. Apaguemos esto porque se superpone. Está cubriendo mi capa de texto. Acercar. Una vez que tenemos el porcentaje inicial de 0-100, puedes ver que en realidad está encendiendo nuestro texto. Esta es la animación que necesitamos. He puesto una llave para que empiece desde cero y luego 100 por aquí. Sin embargo, queremos que el texto llegue al azar en lugar de solo uno tras otro. Tenemos que entrar en la pestaña Avanzado y luego activar este aleatorio más agradable. De esta manera, puedes ver que nuestro texto viene aleatoriamente a la pantalla. Pero ahora mismo, siento que es demasiado lento. Para mantener el mismo ritmo que vimos en la animación aquí, también quiero animar el offset. Quiero que el offset sea cero al principio y luego tal vez compensarlo al 40 por ciento. Entonces tal vez compensar de nuevo a negativo 10 por ciento. Después ir hacia adelante 30 por ciento, compensarlo de nuevo a 20 por ciento negativo, y luego compensarlo a tal vez 20 por ciento. Solo necesito que este texto salga al azar y luego quedarme ahí así. Creo que eso funciona. Veamos toda la animación. Eso funciona. Eso es todo para la animación del fotograma 4. 9. Track Matt: ¿Recuerdas que teníamos el frame para la animación? Esta capa única en su clase, y ahora puedo copiarla. Comando C, volver a la composición principal. Quiero que este Frame 5 tenga la misma animación de capa única. Puedo borrar el viejo que teníamos. Solo usa uno nuevo. Entonces asegúrate de cambiar el color a blanco. Algo así. Ahora, todo lo que tenemos que hacer es animar esto en tendencia. También tenemos un fondo muy sutil por allá. A lo mejor puedo escalarlo un poco, ponerlo en el centro. Entonces para las dos primeras capas, hagamos clic derecho en “Crear” texto editable y asegurarnos de que tenemos el punto de anclaje en el centro. Asegurémonos también de que esto en el texto esté en el centro del marco y que la tendencia también esté en el centro del marco. Va a empezar algo así. Una vez que tengamos eso en los asientamientos del fotograma anterior, vamos a cortar a este marco aquí. Tenemos el aquí, y luego tenemos propiedad de posición. Animemos esto, viajemos a la izquierda y luego tengamos esta tendencia. Pulsa P en el teclado. Tengamos la tendencia de viajar a la derecha. Pienso algo así. Entonces, facilitemos fácilmente el fotograma clave. Ir al editor de grafos. Para éste hagamos una curva como esta. Creo que quiero que la tendencia ahora salga a la pantalla. Quiero que se deslice hacia la derecha. Debería comenzar desde algún lugar por aquí. Entonces puedo facilitar fácilmente un marco clave. Ve a conseguir una curva de flexibilización extrema como esta. A lo mejor veamos si cambié la curva esta a algo así. Creo que eso funciona. Ahora solo necesitamos unas alfombrillas de pista. Vamos a la Capa, Nueva, Sólida. Entonces podemos dibujar una pista mates sobre esta capa sólida, esta forma aquí. Vuelva a encenderlo. Esta es nuestra pista mate. Asegúrate de que este mate de pista esté viajando con la capa on así que necesito ir al enlace padre y luego padre a la capa on. Tenemos esta pista mate encima de la tendencia, y la tendencia va a ser usar un mate alfa. Apaguemos la pista mate. Ya está apagada. Veamos la animación. Sí, eso funciona, creo. Comando S guardar el proyecto. Volvamos a la composición principal. Creo que eso funciona. Comando S para guardar el proyecto. Vamos a cero segundos y previsualicemos todo el asunto. Ahora ya tenemos nuestros cinco segundos terminados. Estos son nuestros primeros cinco segundos. Vamos a previsualizar esto de nuevo. Digamos que con nuestros primeros cinco segundos en el siguiente video, vamos a continuar con la animación y vamos a animar el Frame 6. 10. Selector de rango avanzado 1: En esta lección, trabajemos en el Marco 6 y también la transición del Marco 5-6. Volvamos al Frame 5 que ya animamos antes. Una vez que tenemos la animación se asienta y se detiene, solo necesitamos que estas dos líneas vayan por un camino separado. Quiero que esta tendencia llegue a la izquierda, debería tener la pantalla y luego esta capa de aquí abajo, dispara a la derecha de la pantalla. Primero, vamos a golpear P en el teclado. Coloque un fotograma clave en la propiedad position y, a continuación, Mayús de comando flecha hacia la derecha. Dispararlo así. Ahora, solo necesito Facilidad Fácil estos dos fotogramas clave. Haga clic con el botón derecho en Keyframe Assistant, Easy Ease y luego puedo arrastrar fotogramas clave, algo así. Sí, eso funciona. Lo siguiente que quiero hacer es mover estas dos capas hasta el exterior desde la izquierda. Ahora mismo tengo esta capa ON. Voy a una pista mate. Conseguí esta capa de TREND. Si cambio la posición de la capa ON, veamos si hago clic en la capa y luego la tendencia, pongo un fotograma clave en la posición, y luego muevo ambas fuera de la pantalla. Sí, eso funciona así. Ahora solo voy a necesitar ir al Editor de Gráficas. Cambia la curva a una curva de flexibilización como esta. Ahora se puede ver que viajan en direcciones separadas, eso funciona. Volvamos a la composición principal y luego una vez que viajen por aquí, puedo usar Frame 6 para cubrir todo el asunto. Ahora hicimos la transición al Marco 6, eso es bueno. Hagamos doble clic en Frame 6 y luego podremos animar el Frame 6. En primer lugar, hagamos clic con el botón derecho en la capa Habilidades Crear Convertir en texto editable. Asegúrate de que tenemos el punto de anclaje en el centro. Incluso puedo cambiar este, tal vez hacer que el texto sea más grande. Entonces quiero encontrar mi capa Alinear tratar de hacerla en el centro. Sí, eso me queda bien. Intentemos usar un Objeto Nulo, vamos a Capa Nueva y luego a Objeto Nulo. Permite que seamos padres de esta capa de Habilidades al Objeto Nulo. Ahora tenemos un null y luego quiero cambiar la propiedad position, animarla un poco, y también la propiedad scale. A lo mejor así. Encoge, muévete de aquí, un ligero movimiento hacia la izquierda, y luego cuando se asiente, encoge hacia abajo. Esa es la animación completa. Contamos con F9, Easy Ease. Hagamos primero la curva de flexibilización de posición. Hagamos esta curva extrema y luego volvamos a la propiedad scale hacer otra curva. Necesito flexibilizar en ambos extremos así que necesito una curva como esta. Solo prueba esto. Creo que eso funciona. Comando S para guardar el proyecto. Otra cosa, solo necesito animar este texto aquí usando un Selector de Rango. Nuevamente, vayamos a la “Pestaña Animación” y agreguemos un Selector de Rango. En primer lugar, lo que necesito es una opacidad de trazo. Pasemos al selector de rango y hagamos clic en este anuncio aquí. Tenemos una opacidad de color de relleno y luego color de trazo. Vamos al color del trazo. Usa esta opacidad aquí. Entonces lo que tengo que hacer es cambiarlo a cero y animar el inicio aquí. Es difícil de ver porque ahora tenemos nuestro color de relleno. En este caso, quiero añadir otro selector. Pasemos a la animación y luego escojamos otro Selector de Rango. En este, agreguemos una propiedad, rellene la opacidad del color. Hagamos primero la opacidad del color de relleno, cambiemos todo a cero, y luego podremos animar el porcentaje de inicio para que surja algo así. Hagamos el inicio en cero, avancemos 10 fotogramas, cambiemos al 100 por ciento. De 0 a 100 por ciento, flexibilizando los fotogramas clave. Entonces podemos hacer como una curva como esta. A lo mejor es demasiado rápido arrastremos estos dos más lejos el uno del otro. Sí, creo que eso funciona. Creo que la animación se ve bien y luego podemos copiar los fotogramas clave. Comando C, ve a este otro Selector de Rango y luego Comando V, pegarlo. Mueva la opacidad del color de relleno hacia adelante un par de fotogramas. Sólo quiero ver dónde está mi opacidad de trazo. Podría necesitar agregar un trazo ahora mismo. No creo que tenga un derrame cerebral. Haga clic en la capa de habilidades, vaya al personaje. Por aquí en el trazo, necesito agregar un trazo blanco como este. Verás que tenemos un color de relleno en blanco y luego color de trazo en blancos. Ahora puedes ver que tenemos un trazo que va alrededor del Texto de Habilidades. En el Selector de Rango, tenemos nuestra opacidad de trazo animando primero y luego tenemos nuestra opacidad de relleno emitiendo un par de fotogramas después, así podemos lograr un efecto similar a éste. Veamos la animación. Creo que podemos bajar un poco más esta habilidad. Creo que se ve bien. ¿Ves eso? Básicamente, estamos usando el Selector de Rango y luego cambiamos la opacidad a cero y luego solo animamos el porcentaje inicial para tener el trazo justo abajo primero. Entonces un par de fotogramas después tenemos el color de relleno justo encendido. Así es como logramos este efecto. Volvamos a la composición principal. Veamos la animación aquí. Eso se ve bien. Salvemos el proyecto. Eso es todo con nuestra animación Frame 6. 11. Selector de rango avanzado: En esta lección, vamos a animar el Marco 7. Como ya tenemos el Frame 6 listo aquí, creo que cuando el texto de habilidad se encoja aquí, quiero que haga la transición al Frame 7, así que lo cortaré aquí. En caso de que no entendieras la lección del Marco 6, vamos a animar el Marco 7 de la misma manera que el Marco 6 aunque esta vez tenemos casi un fondo de color oscuro. Pero vamos a hacer esencialmente lo mismo solo para demostrar cómo funciona el selector de rango y cómo animar el trazo primero y luego rellenar el color en segundo lugar. Vamos a entrar en el Marco 7 y luego elegir esta capa maestra. Haga clic derecho en crear, convertir en texto editable. Entonces asegúrate de que tenemos el punto de anclaje en el centro aquí. Mantenga pulsada Comando, haga doble clic en esta herramienta detrás de la pluma. Ahora solo quiero asegurarme de que tenemos este texto en el centro del marco. Intentemos encontrar el panel align, que también está debajo de Windows, align y luego usa align horizontalmente y luego align verticalmente. Tal vez hasta pueda hacer que este sea un poco más grande así. En primer lugar, lo que queremos asegurarnos es que tenemos que asegurarnos de que este tenga un color de trazo alrededor del borde. Vayamos al personaje. Si no tienes carácter abierto, puedes ir a Windows y luego elegir personaje aquí. En este momento puedes ver que solo tengo un color de relleno en este texto maestro. Necesito agregar un color de trazo. Haga clic en el trazo, y luego use el selector de color para configurarlo en blanco. Da click en este color blanco aquí. Ahora puedes ver que tengo tanto un trazo como un color de relleno. Lo siguiente que quiero hacer es agregar un selector. Para ello, puedo dar click en esta capa, ir a animación, agregar selector de texto, un selector de rango. Para el selector de rango, después de que lo agrego, ahora mismo no le queda nada. Solo hay un porcentaje de posición inicial y final, y también hay una compensación. Para poder trabajar con un selector de rango, también necesitamos agregar otra propiedad. Ahí es donde tenemos que hacer clic en este botón Agregar, agregar una propiedad. Lo primero que tenemos que hacer es agregar una opacidad de color de relleno. Si agregamos una opacidad de color de relleno, y sin hacer nada, si cambio el punto de partida, no pasa nada porque todo es 100 por ciento. Sin embargo, si cambio la opacidad de relleno a cero, una vez que cambio el porcentaje inicial, puede ver que el selector de rango está controlando mi texto y tener cada letra derecha encendida desde cero por ciento de opacidad a Opacidad al 100 por ciento. Es así como controlo la opacidad de relleno de cada letra usando el porcentaje de inicio del selector de rango. Si agrego un fotograma clave aquí al inicio desde cero por ciento, y luego después de un par de fotogramas, lo cambiaré al 100 por ciento. Ahora, tengo cada letra directamente encendida individualmente. Esta es nuestra animación. Todo lo que necesito hacer es seleccionar ambos fotogramas clave, Easy Ease, y luego solo necesito hacer una curva como esta. Sabes qué, dirección equivocada. Necesito hacer una curva como esta para facilitarlo. Eso se ve bien. Ahora tengo mi animación de opacidad de relleno. Otra cosa que tengo que hacer es agregar la animación de opacidad de color de trazo. En ese caso, necesito agregar otro selector de rango. Ir a animación, agregar selector de texto, rango. Esta vez necesitamos agregar una opacidad de color de trazo. Como dije antes, si mantenemos la opacidad del trazo al 100 por ciento, nada va a cambiar. Pero sin embargo, si lo cambio a cero por ciento, entonces si alterno entre cero por ciento de los puntos de partida al 100 por ciento, se puede ver que estoy escribiendo en este texto solo la parte del esquema del texto. Así es como animamos el contorno. Ahora solo necesito agregar un fotograma clave inicial a cero segundos y luego cambiarlo al 100 por ciento al final. Fácil Facilidad de un fotograma clave, vaya al Editor de gráficos. Seguimos en la Gráfica de Velocidad. Cambia esta curva así. Ahora tengo tanto un color de relleno justo encendido como un color de trazo justo encendido. No obstante, se superponen por lo que ya no se puede ver el trazo. Por eso necesito retrasar el punto de inicio del color de relleno un par de segundos, un par de fotogramas, cuatro fotogramas. Ahora, como retrasé el inicio del color de relleno, se puede ver primero el trazo y luego el color de relleno en segundo lugar. A lo mejor cuatro fotogramas es demasiado, lo retraso por dos fotogramas. Creo que se ve bien. Así es como logramos esta compleja animación con sólo cuatro fotogramas clave. Volvamos a la composición principal. Veamos toda la animación aquí. A lo mejor tres fotogramas, porque ahora mismo todavía no puedo ver el trazo. A lo mejor es viajar demasiado rápido. Necesito darle más tiempo. Eso me parece mejor. Corta aquí. También para este texto aquí, quiero que se encoja un poco desde el principio aquí, tal vez vaya un poco hacia adelante y luego se encoja. Fácil Facilidad de un fotograma clave y luego cambia la curva. Algo como esto. Veamos la transición. Eso funciona. Entonces una vez que se asiente, solo haré que vuelva a crecer más grande. Escalar propiedad, va a ser fácil por aquí y luego crece así. Ir al Editor de Gráficas. Eso funciona. Esa es nuestra animación Frame 7. Así. Entonces por aquí, vamos a cortarlo al Marco 8. Siento que el Frame 7 es demasiado lento. Necesito traer la transición antes. Una vez que se asiente, hará la transición de inmediato. Dale un poco de superposición incluso. Por aquí. Sí, eso funciona. Eso es todo con nuestra animación Frame 7. 12. Conviértete en Insiders de Motion: Antes de continuar, quiero compartir con ustedes una noticia emocionante. Los cursos de diseño de movimiento se volvieron más asequibles en los círculos de movimiento. Con nuestra membresía motion insider por tan solo $7 al mes, obtendrá acceso ilimitado a nuestros cursos de diseño de movimiento de primer nivel, confían más de 50,000 estudiantes en todo el mundo hora de elevar tus habilidades de diseño de movimiento para convertirte en los mejores animadores que puedas ser Como información privilegiada, también recibirás archivos de proyecto de cortesía de todos nuestros tutoriales de YouTube de Motion Circles. Y disfruta de un 25% de descuento exclusivo en todos los demás increíbles proyectos de animación de otros artistas en nuestra tienda de archivos de proyectos. No te pierdas esta oportunidad de subir de nivel tus habilidades de animación mientras conviertes en parte de nuestra vibrante comunidad. Únete a nosotros hoy en motion circles.com y libera tu potencial creativo. 13. Animación compleja: [MÚSICA] En esta lección, animemos el Marco 8. Pero antes de hacer eso, creo que olvidé algo para el Marco 7. este momento, solo viene un texto en color blanco, lo que no es una muy buena transición entre nuestro Frame 7 y Frame 8. Entonces creo que lo que quiero hacer es antes de que suba, eliminemos estos dos fotogramas clave, quiero que se reduzca primero. Vamos a cortarlo y duplicarlo. Comando Shift D, y luego hagamos un cambio de propiedad a pequeña escala. Quiero cambiar el color a éste, al morado. Encontremos el color púrpura. Se trata de un morado. Tomemos este color aquí, Comando C, y luego volvamos a nuestro Marco 7 de aquí. Quiero cambiar este a un color morado y luego apagar el trazo, click a este icono aquí para apagar el trazo. Ahora solo tenemos una capa maestra púrpura. Yo solo quería cortar cada vez más pequeños, tal vez cinco cuadros, y luego volver a cortarlo. Este corte, luego empezar a crecer así. Esa será nuestra animación para Frame 7. Cortar, y luego lo tenemos crecer así para hacer la transición a Frame 8. Eso funciona. Entonces tenemos aquí el Frame 8. Vamos dentro del Marco 8, asegurémonos de tener todos estos convertidos a texto editable, y luego tener todo el punto de anclaje en el centro. Este, quiero animar la misma manera que lo hacíamos antes con unos efectos de borrado de escala CC, y necesito Comando Mayús C, hacer de esto una composición, hacer clic en “Bien”. Quiero formar estas dos capas en esta capa media y ahora quiero que este aire medio entre de mayor a menor. Fácil, facilidad a dos fotogramas clave. Dale una curva de flexibilización como esta. Eso funciona. Entonces ahora solo necesito copiar, ir a la composición principal. Recuerda este efecto que tenemos en Frame 3, solo necesito copiar este efecto aquí. Copia los cuatro fotogramas clave, Comando C, y luego ve al fotograma 8, pegarlo. Asegúrate de que cambiamos de dirección a 90 grados. También quiero que la animación comience ya cuando llegue por primera vez, así que necesito asegurarme de que este primer fotograma clave la propiedad stretch esté al principio, así que cuando llegue, ya está animando. Algo así. Volver a la composición principal. Veamos la animación. Eso funciona. Eso se ve bien. Comando S para guardar el proyecto. Ahora lo que tenemos que hacer es que quiero ir dentro este diseño de movimiento Comando C para copiar la capa, y luego salir del Comando V, para cambiarlo para acelerar. Ahora tenemos un acelera. Cambia esta capa a un color blanco así y luego puedo copiar las otras dos capas. Cambia esos para acelerar también, pero luego cambia, déjame apagar estos. Para este, quiero que mi color de trazo esté en este color morado así que baja al estilo de capa, y luego ve al Trazo, usa este seleccionador de color, elige el color púrpura. Entonces éste también cuando cambio el color a morado. Ahora tenemos tres capas de aceleración, y luego tres capas de diseño de movimiento. Yo solo quería hacer algo parecido al inicio de la animación. Recuerda que teníamos antes. Quiero usar un objeto nulo para controlar todas estas capas. Asegúrate de que somos padres de esta Capa 4 y Capa 7 al objeto nulo porque ya tenemos esta capa de contorno padre a la capa intermedia, así que no tenemos que padre del contorno al objeto nulo. Nuevamente, si cambio la posición del objeto nulo, se puede ver que ya lo estoy cambiando todo. Una vez que tengamos éste se asienta, solo quiero separar las dimensiones, animar la posición y, y luego bajar la capa de aceleración. Fotograma clave de fácil facilidad. ¿Sabes qué? Éste. Hagamos el gráfico de valores, y luego sesguemos la curva AS aquí. Algo así, eso funciona. Entonces una vez que tengamos esto aquí, solo quiero que esta capa de aceleración entre una tras otra. Básicamente, quiero que este no salga, cambie los puntos de partida de estas dos capas en este punto, use el atajo de teclado, corchetes izquierdos. Entonces tenemos esto. Una capa aquí y luego la última va a estar aquí, entonces esta de aquí. Quiero que corten así. El tercero entra primero y luego el del medio, y luego el superior . Eso funciona. Quiero que corten así. Después de que estén cortando así, y luego quiero que la parte superior e inferior desaparezcan así y luego quiero que la del medio crezca más grande así. Tal vez con un fotograma clave hold, igual que un corte. este momento, son una transición suave, pero quiero tener un fotograma clave completo, así que selecciona los tres fotogramas clave, haz clic derecho, activa y mantén presionado el fotograma clave. Quiero que desaparezca antes de que cambie el tamaño, así que así. Una vez que la capa intermedia cambia de tamaño, la capa superior e inferior desaparece así. Algo así, tal vez incluso más grande. Eso me funciona. Volvamos a la composición principal, veamos cómo se ve. Eso funciona. Ahí es cuando cortamos al Marco 9 así. Por eso cortamos al Frame 9 por aquí. Comando S para guardar el proyecto. Eso es todo para la animación de Frame 8. 14. Transición compleja: [MÚSICA] En esta lección vamos a animar el fotograma 9. Ahora, ya tenemos este texto ACELERAR creciendo y creciendo. Ahora, cortamos al marco 9. Haga doble clic en la composición. Hagamos clic derecho en “Crear texto editable”. Los dos están desaparecidos. Lo que podemos hacer es simplemente duplicar el de abajo, comando D, y luego duplicarlo nuevamente, comando D. Ese es nuestro layout. Ahora, tenemos que hacer es primero poner el punto de anclaje en el centro del texto. Necesito alejar a V3 más y luego cambiar este, tal vez. Asegúrate de que esté en el centro del marco. Luego Comando Mayús C para pre-comp. Haga clic en “Aceptar”. Recuerda el efecto de borrado de escala que teníamos antes en el fotograma 3, volvamos a copiar eso. Éste. Ve al marco 9, solo póngalo aquí, y asegúrate de que el grado sea de 90 grados así. ¿Sabes qué? Al principio, creo que quiero mantenerlo más grande así, 160 por ciento. Entonces una vez que se asiente quiero usar un fotograma clave de toggle hold. Una vez que se asiente así vamos a tener estos antecedentes entrando así. Eso funciona. Entonces un par de fotogramas después vamos a cambiar esta capa ACELERAR a CARRERAS. Básicamente, sólo córtala. Aquí corchete cuadrado, córtalo. Tenemos ACELERAR y entonces ésta debería ser CARRERAS, C. vamos a cortar aquí. A lo mejor es demasiado lento. Tenemos que cortarlo aquí con una CARRERA y luego uno, dos, tres, cuatro, cinco, cinco fotogramas después agregar un fotograma clave. Uno, dos, tres, cuatro, cinco. Hazlo más grande. Uno, dos, tres, cuatro, cinco. Hazlo todo tan grande como este texto medio aquí. Eso funciona. Entonces puedo cambiar los tres fotogramas clave a Toggle Hold Keyframes. Ahora, solo necesito un objeto nulo para controlar el tamaño de todo. Golpear la propiedad Escala y luego avanzar 10 fotogramas. Hazlo más grande así. Asegúrate de que los aliviemos y luego vamos al gráfico de velocidad, cámbialo a una curva como esta. Se está relajando. Entonces si volvemos a la composición principal, veamos la animación. Quiero que el tramo esté sucediendo incluso después del cambio de escala de estos textos ACELERAR. Hay un movimiento continuo. Ves que después de que se vuelve más pequeña, esta parte sigue estirándose así que tiene una transición más suave hacia ella. Entonces por aquí quiero que nos solapen algunos. A lo mejor podamos hacer la transición. Una vez que la carrera se superponga en nuestra línea podemos hacer la transición. Entonces una vez que el texto CARRERA se superponga al contorno también quiero apagar el contorno. Opción resto corchetes, ir hacia atrás uno fotogramas, comando flecha izquierda, opción resto corchete cuadrado, cortarlo. Cuando la CARRERA ocupa todo el espacio el contorno desaparece. Eso funciona. Comando S para guardar el proyecto. Eso es todo con nuestra animación frame 9. 15. Marco de final fuerte: [MÚSICA] En esta lección, trabajemos en el fotograma final del storyboard, que es Frame 10. Como puedes ver aquí, ya tenemos esta transición del Frame 9 con los textos de carreras subiendo cada vez más grandes. Vamos a cortar de aquí y tener la línea de círculos de movimiento entrando, encogiéndose de grandes a pequeños. Haga doble clic en esta composición de Frame 10. Primero animemos este texto de círculos de movimiento. Hagamos lo mismo, seleccione ambas capas y haga clic con el botón derecho en Crear texto editable. Ahora solo necesitamos poner el punto de anclaje en el centro, mantener presionado el comando, hacer doble clic en la pluma detrás de la herramienta. este momento, el sitio web es bastante pequeño así que quiero hacerlo más grande. Pulsa S en el teclado, levanta la propiedad de escala, y luego podemos hacerla más grande. Algo así. Ahora vamos a animar la propiedad de escala de estos círculos de movimiento. Presiona S en el teclado, agrega un fotograma clave y luego avanza un par de fotogramas. Hacer este texto más grande, tal vez así. Podemos seleccionar ambos fotogramas clave y luego hacer clic con el botón derecho en Asistente de fotogramas clave, Fácil facilidad Vamos al editor de grafos, hagamos una curva de flexibilización como esta, eso es bueno. Entonces veamos la animación, eso se ve bien. Entonces después de que casi se asiente, quiero este texto aquí, este sitio web viene de arriba bajando. Usaré la propiedad position, presionaré P en el teclado, estableceré un fotograma clave y luego lo moveré más un par de fotogramas, arrastraré este hacia arriba. Tenemos un cambio de posición de arriba a abajo, facilidad fácil es el fotograma clave. Ir al editor de grafos, podemos hacer una curva como esta. Ahora solo necesito cortar la capa un par de fotogramas después del fotograma clave. Quizás aquí, usa la opción de atajo de teclado, corchete izquierdo para cortarlo aquí. El texto entrará así. A lo mejor un marco más, vaya por un cuadro más, opción corchete cuadrado izquierdo. Esta es la animación que tenemos, volvamos a la composición principal y veamos la animación. Creo que funciona, probablemente pueda hacer que este llegue antes. Cuando los círculos de movimiento casi se asientan, puedo sacar a colación el sitio web. Eso se ve bien, comando S para salvar el proyecto. Ahora otra cosa que quiero hacer es, antes que nada, cuando entra, no quiero que este color entre enseguida. Quiero que el color entre el lado derecho viniendo a la izquierda. Para ello, necesitamos cambiar este texto aquí al color púrpura. Intentemos cambiar primero el texto a morado. Golpea esta capa y luego usa el seleccionador de color, elige un color morado o un color rosa. Entonces quiero que este fondo lleno venga de la derecha. Básicamente, tal vez alrededor de 10 fotogramas, quiero que este relleno de color venga de la derecha. Presiona P en el teclado. Agregue una propiedad de posición avance 10 marcos y luego agregue otra propiedad de posición, arrástrela hasta aquí. Esa es mi animación, va de derecha a izquierda. Solo necesito facilitar estos dos fotogramas clave y luego darle una curva de flexibilización. Eso se ve bien. Cuando entra el fondo de color, quiero que el texto se vuelva en color blanco. Todo lo que necesito hacer es duplicar esta capa aquí, comando D, y luego cambiar este texto a un color blanco. Después de tener este texto en blanco, quiero usar el relleno degradado como un mate de pista para esta capa de texto. Duplica el relleno degradado, póngalo encima del texto blanco y cambia el mate de pista por aquí del texto blanco a Mate Alfa. Si no tienes la opción track matte aquí puedes dar click en el segundo botón en la esquina por aquí, te va a dar esta opción track matte. Básicamente, cuando entra el relleno de color va a cambiar este color de texto a blanco, así. Volvamos a la comp principal y veamos nuestra animación. Ahora, sólo me falta un fondo negro aquí. Necesito volver a esta composición, ir a capa, nuevo, y luego sólido, agregar un fondo negro debajo, y luego volver de nuevo. A lo mejor ni siquiera negro, creo que este es de un color azul oscuro. Necesito copiar este fondo azul oscuro, comando C y luego ir al Marco 10. Agrégalo en la parte posterior, borra el fondo negro que agregué hace un momento. Veamos la animación. Eso funciona. Creo que se ve bien. Otra cosa que quiero agregar es que quiero agregar algunos flashes como el primero que tenemos en el Frame 1, solo un par de flashes de color sólido. Comando D, duplica esta capa sólida, ponla encima y luego córtala en dos marcos. Básicamente, mueve el punto de inicio de esta capa a este punto aquí, usa el atajo corchete izquierdo y luego avanza un fotograma. Comando flecha derecha, y luego cortarlo opción corchete cuadrado rojo. Ahora tengo este relleno de color solo para dos fotogramas. Golpea U en el teclado. Ahora lo tengo fuera del marco así que necesito tirarlo hacia atrás dentro del marco. Simplemente elimine este cronómetro de fotograma clave y luego mueva este sobre el fotograma. Ve al panel de alineación, quiero asegurarme de que está justo en el centro. Entonces eso parpadea una vez, voy a duplicar eso. Comando D, solo dejaré que destelle tal vez tres veces, veamos. A lo mejor dos veces es suficiente. Eso se ve bien. Por aquí, la tercera vez, quiero que todo esto destelle en blanco y negro. Lo que quiero hacer es ir a capas, nuevas, y luego agregar una capa de ajuste. Córtala para dos marcos, corchete izquierdo y luego avanza un cuadro. Comando la flecha hacia la derecha, y luego use la opción corchete derecho. En esta capa de ajuste, nombraré blanco y negro, y luego iré al panel de efectos y presets. Busquemos un efecto llamado tinte, haga doble clic, cambio el color. Este va a ser nuestro marco en blanco y negro, y ahora solo necesito agregar un efecto de curvas. Curva de búsqueda, y luego podemos traer el contraste a algo como esto. Tal vez arrastre un cuadro más. Va a destellar a blanco y negro de repente. Veamos la animación desde el inicio. Creo que eso funciona. Comando S para guardar el proyecto. Tampoco quiero que este texto se quede siempre quieto en este marco durante los últimos segundos. Quiero que todo vaya a la deriva en un poquito, moviéndose cada vez más pequeño. Ir a este texto principal de círculo de movimiento, que es el blanco. Ir a la propiedad de escala, golpear S en el teclado. Va a durar tal vez tres segundos. Quiero agregar un cambio de escala al 130 por ciento. Ya ves podemos ver este texto morado debajo. Necesito cortar esta capa una vez que entre el texto blanco. Necesito cortar de aquí, seleccionar esta capa, opción restaurar soporte para cortar la capa. Entonces también quiero ser padre del sitio web en este texto blanco para que se estén reduciendo por completo. Eso funciona. Ve a la comp principal y ve la animación. Creo que es demasiado rápido, y además dura cinco segundos. Necesito sacar este fotograma clave hasta aquí y luego quiero cambiarlo a tal vez al uno por ciento. No se mueve demasiado rápido, veamos. Creo que eso funciona. Eso es todo con toda nuestra animación, vamos a previsualizar la cosa desde el principio. Esa es nuestra animación completa. En el siguiente video, te voy a mostrar cómo agregar un efecto de falla y también un par de otras animaciones secundarias. 16. Líneas de glitch: [MÚSICA] En este video, agreguemos algunos elementos extra para que todo esté más pulido. Lo primero que debemos agregar es una línea de falla superpuesta encima de todo el video. Para ello, vayamos al panel de capas y luego vayamos a nuevo. Agreguemos una capa sólida. Podemos hacer un color negro. Haga clic en “Bien” y llame a esto líneas de falla. Vamos al panel Efectos y Presets, busca Ruido Fractal por aquí, haz doble clic en este. Este es un efecto de ruido fractal que tenemos. Necesitamos cambiar algunos de los ajustes para obtener los efectos de línea de falla. Lo primero que tenemos que cambiar es cambiar por aquí en el tipo de ruido, cambiarlo a bloquear. Entonces el contraste que necesitamos para tirar hacia arriba el contraste. El brillo que necesitamos para bajarlo. Hazlo muy sutil. Después ve a transformar y comprobar este escalado uniforme. Queremos cambiar el ancho a 1,000 o 10,000 y también cambiar la altura a uno. Ahora, tenemos un montón de líneas por aquí. ¿Ves eso? Si manipulamos el contraste, podemos bajar el tono de todo un poco más. Si me acerco, quiero verlo más de cerca. Vayamos a la sub configuración. Para el porcentaje de influencia, cambiemos la influencia a cero. Me va a dar todas estas líneas rectas por aquí. Para el sub escalado, lo menos que podemos hacer es 10. Complejidad. Creo que no importa. Podemos mantenerlo a las 6. Básicamente esto es lo que queremos. Solo necesitamos manipular un poco más el brillo. Tonificarlo todo el camino hacia abajo. Entonces se puede ver que las líneas son muy sutiles aquí. Por aquí, en el modo de fusión de líneas de falla, cambiémoslo a pantalla. Ahora puedes ver que tenemos estas líneas superpuestas encima de nuestra animación. Sin embargo, en estos momentos no están animando. Solo necesito ir a las opciones de evolución y luego ir a la semilla aleatoria. Si cambio la semilla aleatoria, se puede ver que hay todas estas animaciones sucediendo. Creo que las líneas son demasiado, así que necesito cambiar el brillo un poco más, tal vez bajarlo aún más a tal vez negativo 250. Ahora podemos ver que sólo quedan un par de líneas. Por aquí en la semilla aleatoria, quiero agregar una expresión, mantener pulsada Opción en Mac, y luego hacer clic en el Cronómetro. Por aquí, podemos escribir en tiempos 20. A ver si eso funciona. ¿Te das cuenta de que hay una animación de líneas de falla muy sutil por ahí? A lo mejor es demasiado sutil. Eso funciona mejor. O tal vez el tiempo veces 20 es demasiado rápido. Hagamos tiempos de 15 o 10. Después de tener esto, otra cosa que queremos agregar es ir al panel Efectos y Presets. Quiero añadir un efecto de tiempo de posterización. Si buscas un posterize, existe este tiempo de posterización, haz doble clic sobre este. Básicamente es cambiar tu velocidad de fotogramas de 24 fotogramas por segundo a cualquier otra cosa. Por ahora, queremos hacer 10 fotogramas por segundo, hay más aspecto de falla al ruido fractal. Creo que eso funciona. Vamos a previsualizar toda la animación. Ahora puedes ver que tenemos una línea de falla allá en el fondo. Eso es todo por la línea glitching. En el siguiente video, te voy a mostrar cómo agregar otros elementos secundarios al video. 17. Animación secundaria 1: [MÚSICA] En este video, agreguemos algo de animación secundaria a todo el video de introducción. Vayamos al panel Proyecto por aquí y luego golpeemos esto, Crear una nueva composición. Para este, podemos nombrarlo para animar como círculos. Mantén todo igual haz clic en “Bien”. Ahora podemos dibujar un círculo con las herramientas en la parte superior. Mantenga pulsada esta herramienta de rectángulo, vaya a la herramienta Elipse, y luego podremos dibujar un círculo, mantener pulsadas Comando y Opción y Mayús para constreñir la propiedad. Entonces puedes usar la barra espaciadora para mover la posición del círculo mientras estás dibujando. Libéralo. Este es nuestro círculo. Para el círculo, quiero que esté en el centro absoluto de la composición. Voy a la herramienta Alinear, alinearla vertical y horizontalmente. Necesito tener un trazo al círculo en lugar de un relleno. Para desactivar este relleno, puedo mantener pulsada Opción en el teclado, clic en este relleno tres veces 1,2,3. Ahora, sólo tengo un trazo alrededor del círculo. Vamos a la herramienta Elipse, vamos al trazo, y después quiero cambiar la tapa de Línea. En lugar de Butt cap, quiero cambiarlo a Tapa redonda. Este va a ser nuestro primer círculo. Vayamos a escalar propiedad. Hagamos esto más pequeño. Entonces quiero cambiar el ancho de Trazo a 15. Duplicemos este círculo, comando D vaya a la propiedad Escala, hazlo más grande. No obstante, cambie el trazo a más delgado, tal vez siete. Duplica de nuevo este círculo, hazlo aún más grande y luego cambia el trazo a 20. Después vuelve a duplicar este círculo. Golpear “S” hacerlo un poco más grande. Cambia el ancho del trazo a seis. Ahora, solo necesito hacer dos más, comando D, hacerlo más grande, cambiar a un ancho más grueso. El último, comando D, hazlo más grande y luego cambia el trazo para hacerlo más delgado. Este va a ser nuestro círculo que tenemos. Ahora tenemos que animar este círculo aquí. Vamos al primer círculo, agreguemos un efecto de ruta de recorte. Puedo manipular este punto final por aquí para animar el círculo dentro y fuera. La forma de animar esto es, quiero agregar dos fotogramas clave, inicio y fin, ambos desde cero y luego ir adelante 15 fotogramas o 20 fotogramas y luego cambiar el inicio y el final al 100 por ciento. Fácil Facilidad dos fotogramas clave van al editor de grafos. Arrastre estas curvas así. Ahora solo necesito retrasar la porción final del círculo. Si solo esta capa por aquí, puedes ver la animación. Simplemente arrastre los fotogramas clave finales todo el camino hacia la derecha y se puede ver la animación así. Está subiendo y luego limpiando y luego limpiando, esta es la animación que necesitamos. Podemos copiar todos los marcos clave del comando C y luego pegarlos todos en estos diferentes círculos. Comando V. Veamos la animación. Todos están viajando al mismo tiempo. No obstante, esto no es lo que quiero, quiero que viajen en diferentes momentos. Quiero cambiar el desplazamiento de estos fotogramas clave. Básicamente selecciona todo y luego por aquí en la barra de búsqueda, escribe offset. Ahora podemos ver el offset por aquí. Básicamente lo que quiero hacer es para los dos primeros, quiero darle offset así, el segundo, el tercer círculo, y el cuarto, le voy a dar un offset como este. Entonces los dos últimos lo compensé así. Están empezando en una posición diferente. Veamos ahora la animación. Eso se ve mejor y más complejo. Comando S, guarda el proyecto. Creo que eso es todo, eso es lo que quiero. Podemos usar esta composición para colocarla en nuestra animación. Veamos dónde debemos colocarlo. ¿Qué tal aquí? Si tenemos nuestra animación circular aquí, hazla más grande. No quiero que el círculo se construya como todo el camino para que tengamos como círculo completo en la pantalla. Vamos a entrar en esta composición. Pulsa “U” en el teclado. Creo que necesito mover estos fotogramas clave de valor final un poco hacia la izquierda para tener algo como esto. El círculo siempre está cambiando, no tenemos un círculo completo construido en la pantalla y la animación es más corta, es más rápida. Creo que eso funciona, así. Deberíamos tener algo en este marco aquí porque este marco es bastante aburrido y solo necesitamos que el color esté en este morado. Vamos al panel Efectos y ajustes preestablecidos para buscar un efecto de relleno. Toma este color morado. Estos dos están todo el camino juntos, así que necesito borrar el primero, es demasiado. Yo solo lo pondré en esta pantalla aquí y lo haré más grande. Para atar mejor el Marco 4 y el Marco 5, eso funciona. Esta es una animación circular como animación secundaria. En el siguiente video, te voy a mostrar otra animación secundaria. 18. Animación secundaria 2: [MÚSICA] En este video, animemos otros elementos extra. Vamos al panel Proyecto aquí y luego damos clic en este “Crear una nueva composición”. Podemos nombrar a esta, líneas animadas, y luego hacer clic en “Bien”. Ahora solo necesito ir a esta herramienta de pluma y luego dibujar una línea recta horizontalmente. Eso se ve bastante bien. Entonces quiero duplicar este Comando D, moverlo un poco hacia abajo y luego cambiar el ancho del trazo a tal vez 20 píxeles. Además, necesito cambiar el Butt Cap, ir al Trazo, y luego cambiar el Butt Cap a Round Cap. Lo mismo con el primero. Solo hay que cambiar la Tapa Trasera a Tapa Redonda. Acerque estos dos y luego necesito duplicar otro, Comando D. Haz este más delgado, tal vez 13. Después duplique otro. Creo que eso se ve bien, y estas son nuestras líneas. Necesitamos animar las líneas de la misma manera que animamos el círculo. De hecho, podemos ir al círculo animado y ver si solo copio esta ruta de recorte fotogramas clave Comando C, y luego ir a las líneas animadas pegarlo en, Comando V. Veamos la animación. Creo que eso se ve aún mejor. Ni siquiera necesitamos hacer nada nosotros mismos. Sólo podemos copiar estos dos fotogramas clave. Vamos a copiar los fotogramas clave en todos ellos, y esa es nuestra animación. Eso en realidad se ve bien. Entonces necesito seleccionar el comando de cuatro capas Mayús C y nombrarlo Línea 1. Ahora solo necesito duplicarlo al Comando D y luego ir a rotación, darle una rotación de 90 grados. Esta va a ser nuestra cruz o la animación x seno. Si voy a la báscula, puedo hacerla más pequeña, tal vez 80 por ciento para ambas. A ver si copio otro, éste de aquí. Después vaya a “Escala”, desactive esta propiedad de restricción. Pon un negativo en la escala x para darle la vuelta. Entonces éste, puedo hacer lo mismo Comando D ir a “Escala”, marcar esta restricción y luego negativo por aquí. Solo necesito mover la posición alrededor para alinear mejor todo. Dale una mejor alineación. Creo que se ve bien. Esa es nuestra animación por aquí. Eso se ve bien. Comando S para guardar los proyectos. Pasemos a la composición principal. Vamos a agregar en nuestras líneas animadas por aquí. Éste, no tenemos que ser así de grande, quizá escala del 20 por ciento, y ponerla de lado aquí. A lo mejor quiero que empecemos todo el camino por aquí. Cortar esta opción de capa corchetes a la izquierda. Duplica este, ponlo por aquí. Estoy tratando de encontrar donde podamos poner el grande Comando S para salvar el proyecto. De hecho podemos tratar de poner el grande por aquí, intentemos si funciona. Arrastremos esta líneas animadas y luego alinéelo por aquí. Usemos R para rotación. Pongámoslo por aquí. Creo que eso funciona. Vamos a agregar un montón de otras cosas más después para que sea más pulida. Pero ahora mismo, creo que este que x seno por aquí, creo que funciona. Quiero que empiece con este marco de aquí, así que córtalo por aquí así. Eso funciona. Entonces podemos hacer otro aquí, Comando D. Hagámoslo del lado derecho. Eso funciona. Para el acelerar por aquí, podemos hacer el círculo, arrastrar el círculo hacia abajo. Ponlo encima del Marco 9. Creo que eso funciona. El último para el círculo de movimiento, todavía podemos usar estas líneas animadas aquí. Solo estoy agregando aleatoriamente estas líneas animadas y círculos animados para darle más variedad, y luego darle algunos elementos extra a todo mi video. Eso funciona. Incluso puedo agregar el círculo animado aquí y hacerlo más pequeño en este marco aquí. Esto es cúbico. De hecho puedo cambiarlo a tal vez 20 por ciento. Entonces agrega uno quizás por aquí, cámbialo al 10 por ciento. Eso funciona. Veamos la animación por ahora. Creo que esto es demasiado pequeño, por aquí. Todavía puedo agregar algunos pequeños círculos, voy a copiar estos dos círculos Comando D. Ahora vamos a previsualizar nuestra animación completa. Ahora es un poco lento, pero puedo renderizarlo más tarde y luego mostrarte la animación completa, pero te das la idea. Solo necesitamos colocar aleatoriamente en las líneas animadas y los círculos animados en varios tamaños y luego varios lugares para darle más intereses a todo el video. Creo que ahora lo último que quiero hacer es agregar algo de fondo sutil, texto de contorno, al igual que la primera escena aquí, tenemos un texto de animación tristemente en el fondo. Yo solo quiero agregar esos detalles en, como este trasfondo no es tan claro. Encontremos este marco aquí, Frame 6. Quiero duplicar la escala Comando D y luego deshacerme de todos los fotogramas clave y animaciones. Solo quiero hacer este más grande, y luego ir a la propiedad del personaje. Elimina el animador de texto, y luego elimina el color de relleno así, y luego hazlo todo el camino hasta grande y grande en el fondo. Algo así. Entonces cambie el trazo a tal vez 0.1, y tal vez cambie la transparencia al 50 por ciento. Creo que se ve bien. ¿Qué tal eso? ¿Tal vez 25 por ciento? Creo que eso se ve mejor. Ves que 25 por ciento de opacidad al fondo, solo dale al fondo un poco más de textura. Eso se ve bien. Entonces solo necesito agregarlo al último fotograma, que es un fotograma final aquí, Frame 10. Duplica este, pulsa “U” en el teclado, elimina todos los fotogramas clave. Golpea “S”, hazlo súper grande. Después cambia el color del trazo a blanco. Aquí vamos, solo hazlo grande. Cambia el ancho del trazo a 0.1. Hagamos la parte del círculo como esta es un círculo, hazla aún más grande. Después cambie la transparencia a 25 por ciento o 30 por ciento. Creo que eso funciona. Eso es todo con nuestra animación completa final. En el siguiente video, te voy a mostrar cómo exportarlo, y te mostraré el video en formato MP4 exportado en su conjunto. 19. Exportación: [MÚSICA] En este video, te voy a mostrar cómo exportar esto a un video en formato MP4. Ya tenemos nuestra animación completa hecha. Para exportar el video, vayamos a Composición, y luego escojamos esto para Agregar a la cola de renderizado. Después de hacer clic en “Agregar a la cola de renderizado”, puedes ver por aquí podemos elegir el módulo de salida. Haga clic en este “Alta calidad”. Normalmente lo subiríamos a un formato QuickTime, ir a las opciones de formato. Vamos a elegir este Apple ProRes 422. Haga clic en “Bien”. Entonces todo se quedó igual haga clic en “Bien”. Podemos elegir una carpeta, una carpeta animación de tipo cinético, y luego pongamos este nombre a las salidas. Da click en “Guardar” y ahora podemos darle a este botón Render. Puedes ver que está renderizando nuestro video. Ahora tenemos nuestro video listo. Volvamos a la carpeta y luego la veamos. Por aquí, en la carpeta de salida, hagamos doble clic en esta. Este va a ser nuestro video final. Sin embargo, está en formatos MOV. Si quieres que esté codificado en el formato MP4, necesitamos descargar el Adobe Media Encoder. Te voy a enseñar cómo hacer eso. Pero primero, veamos estos 15 segundos para la animación. [MÚSICA] Sí, esos son nuestros 15 segundos para la introducción animada. Si quieres cambiar este a formato MP4, necesitamos abrir Adobe Media Encoder. Sólo tienes que seguir adelante y abrir Adobe Media Encoder. Con el Adobe Media Encoder abierto dejemos caer este video en formato MOV en esta cola aquí. Por aquí, en realidad podemos cambiar la forma en que queremos codificarlo. Podemos cambiarlo a H264, que es un formato muy común para video MP4. Por aquí, no tenemos que cambiar nada, en la configuración, podemos cambiar una carpeta de salida. Va a ser la misma carpeta dentro de esta salida. Haga clic en “Guardar” y luego presione este botón verde de reproducción. Ahora, va a codificar nuestro video en formato MOV en un video en formato MP4. [MÚSICA] 20. Felicitaciones: Enhorabuena, lo lograste. Ahora es el momento de terminar tu proyecto y compartir conmigo y tus compañeros de estudios. Asegúrate de publicar tu video en el panel del proyecto para obtener retroalimentación e inspirar a otros estudiantes. Esta es una dura, pero ahora la has conquistado. Si hay algo de lo que no tienes claro, siéntete libre de hacerme cualquier duda que tengas y estoy aquí para ayudarte. Si recuerdas algunas de las técnicas que aquí se enseñan, siempre puedes volver atrás y refrescar tus recuerdos. También tengo algunos otros cursos que puedes consultar para aprender diferentes técnicas para mejorar tus habilidades de animación. Muchas gracias por tomar este curso. Espero verte en mis otros videos. Salud.