Guía de Adobe After Effects para principiantes

1. Avance del curso: Oye, soy Jake Bartlett y soy diseñador de movimiento con sede en Denver, Colorado. Y esta es la guía para principiantes de After Effects. Llevo usando after effects desde 2001 y llevo trabajando como diseñador de movimiento profesionalmente desde 2010. Por lo que he tenido mucho tiempo usando este programa y jugando con él para ver qué se me ocurre. Si echas un vistazo a mis otras clases, puedes ver que hay muchas y muchas cosas que puedes hacer con este software. En este curso, te voy a dar una introducción integral a After Effects para que puedas ponerte en marcha y empezar a hacer que las cosas se muevan de inmediato. Esta no es una clase corta que solo está destinada a ser vista en tu sofá en una tarde para disfrutar. Esto es algo para personas que realmente están interesadas en entrar en el diseño en movimiento y ver cómo usar After Effects en el mundo real. Para el proyecto de clase, te voy a guiar a través de cómo hacer esto una animación de bucles diseñada para Instagram. A través de este proyecto vas a aprender todo sobre cómo usar After Effects desde simplemente navegar por la masiva pieza de software que es, hasta personalizar tu espacio de trabajo para que solo estés trabajando con las herramientas a las que necesitamos acceder. Vamos a cubrir la animación y cómo hacer que las cosas se muevan dentro de After Effects y aplicar efectos a esos gráficos para darle un estilo general. Una vez que terminemos el proyecto, te mostraré cómo exportarlo desde After Effects como un archivo de video que luego podrás compartir en línea. Como dije, esta es una introducción integral a After Effects. Es para personas que realmente están interesadas en sólo sumergirse en el extremo profundo. Al final de este curso, tendrás una gran comprensión de cómo funciona este programa y cómo conseguir que haga lo que quieras. Una vez que hayas terminado con este curso, puedes pasar a cualquiera de mis otros cursos o a cualquier curso aquí en Skillshare que imparte After Effects y sentirte seguro de que podrás seguir junto sin ningún problema. Esta clase es para principiantes totales. No tienes que tener ninguna experiencia previa en el uso After Effects o cualquier aplicación de Adobe. Todo lo que necesitas es una suscripción a Creative Cloud para que puedas descargar Adobe After Effects. Si actualmente no tienes suscripción, puedes obtener una prueba de siete días de forma gratuita, que te mostraré cómo hacerlo en una de las clases. También he reunido algunos recursos para esta clase, como la obra de arte que usarás para que no tengas que preocuparte por diseñar nada. Simplemente estarás usando los activos que ya he creado, así como un par de PDF que te ayudarán a mantenerte enfocado en el camino y no perderte. Esta es una clase larga, pero no dejes que la longitud te asuste. Te explico cada paso muy a fondo en este curso para el principiante completo, y también estoy disponible para ti aquí en la plataforma Skillshare. Vas a la pestaña de la comunidad en cualquier momento si tienes alguna pregunta, solo pregúntalas ahí y estaré más que feliz de ayudarte a trabajar a través de cualquier problema que estés teniendo. Si estás bombeado, estás emocionado, estás listo para saltar a After Effects con ambos pies, entonces te veré en clase. 2. Cómo empezar: Estoy tan emocionado de que hayas tomado la decisión de saltar a After Effects. Es un programa realmente grande, y hay mucho por lo que estar abrumado cuando te metes en él por primera vez, sobre todo si nunca has usado ningún software de Adobe antes. Pero te voy a guiar a través de todo eso, así que no te abrumes demasiado. Vamos a resolver esto juntos. De algo de lo que quiero hablar primero, antes incluso de que abriéramos el programa, es que After Effects es básicamente un cuchillo del ejército suizo de un programa. Es decir, puede hacer tantas cosas diferentes: animación 2D, animación 3D. Incluso está esta cosa llamada 2.5D, donde está entre 2D y 3D. Puedes usarlo para efectos visuales, donde estás poniendo efectos especiales y cosas encima del metraje. Puedes usarlo para componer, donde estás estratiendo todos los diferentes tipos de elementos en la parte superior de una escena o en la parte superior del metraje también. Puedes usarlo para la corrección de color. Puedes usarlo para hacer cámara lenta. Eso se llama remapeo de tiempo. Puedes usarlo para el seguimiento de movimiento, donde estás emparejando el movimiento de una cámara. Una cámara de filmación real que coincida con ese movimiento para poner otros elementos en para que parezca que en realidad estaban ahí. Hay tanto que puedes hacer con After Effects, pero no necesitas aprenderlo todo a la vez. En este curso, nos vamos a centrar en animación 2D, gráficos en movimiento 2D. No vamos a meternos en el reino del 3D. No vamos a estar trabajando con ningún metraje. Simplemente vamos a aprender los conceptos básicos de cómo se presenta este programa, y cómo empezamos a hacer que las cosas se muevan y se vean estilizadas y geniales. Vamos a estar haciendo eso a través del proyecto de clase, que ya has visto un poco pero aquí está todo de una vez. Será para este juego de arcade llamado Taco Tuesday, donde eres un camioncito de tacos disparando tacos en la boca de clientes hambrientos. Entonces vamos a tener esta pantalla de puntaje alto y luego va a bucle para que puedas compartir esto en tu página de proyecto de clase Skillshare, así como en Instagram si quieres compartirlo en redes sociales. Eso es en realidad para lo que vamos a estar diseñando. Por eso es un formato cuadrado. Ahora no necesitas saber usar ninguna otra pieza de software. Te voy a enseñar todo lo que necesitas saber para completar este proyecto directamente en After Effects. Ya he diseñado los gráficos para este proyecto de clase en Adobe Illustrator, que solo puedas traerlos y trabajar con los gráficos prefabricados. De esa manera no tenemos que distraernos por cómo funciona el diseño y cómo crear cosas como esta. En lugar de eso, solo céntrate en aprender After Effects y hacer que estos gráficos Ahora obviamente, si aún no tienes After Effects, vas a necesitar descargar el software Adobe Creative Cloud así como instalar After Effects a través de Adobe Creative Cloud. Entonces te voy a mostrar cómo descargar eso e instalar una versión de prueba si no estás listo para pagarlo en este momento. Para descargar Adobe Creative Cloud y para iniciar una prueba gratuita, solo tienes que ir a adobe.com y navegar a este botón aquí mismo, Aprende sobre Creative Cloud. Eso te llevará a una página donde podrás encontrar una prueba gratuita de Adobe Creative Cloud. Entonces haz click en eso y luego necesitas elegir un plan. Ahora, el plan que vas a querer usar es todo el plan de Creative Cloud, que tiene todas las aplicaciones. Por lo que solo tienes que hacer click en “Iniciar prueba gratuita” y luego podrás elegir qué tipo de prueba quieres usar. Ahora, si eres estudiante y tienes una identificación de estudiante válida, entonces elige la versión Alumnos y Profesores porque puedes obtener una tasa altamente descontada de Creative Cloud después de tu prueba de siete días, si decides seguir adelante con ella. Se puede ahorrar más de 60 por ciento. Los particulares pagan 5,299 al mes, pero los estudiantes pueden pagar 1,999 al mes. Entonces solo haz eso, haz clic en “Iniciar prueba gratuita” y sigue adelante con el resto del proceso de pago, configurando una cuenta y luego descargando e instalando la aplicación Adobe Creative Cloud, que luego solo aparecerá aquí mismo en el parte superior de tu barra de menús donde podrás encontrar todas tus aplicaciones, instalarlas, actualizarlas, y para instalar After Effects, solo tendrás que desplazarte hacia abajo hasta ver After Effects y hacer clic en “Instalar”. Una vez que hayas hecho todo eso, estás listo para abrirte realmente después de los efectos, y podemos empezar a hacer nuestro proyecto de clase. Sí quiero señalar que es muy importante que estés usando la última versión de After Effects, cualquiera que sea la versión más reciente en el momento en que estás viendo este curso, porque After Effects está en constante cambio y las versiones más antiguas no van a tener todas las mismas características que tengo impartiendo de este curso. Actualmente estoy usando Creative Cloud CC 2019. Esa es la versión de After Effects que estaré usando. Si estás usando una versión anterior por alguna razón, solo tienes que saber que todas las características y la interfaz podrían ser un poco diferentes a lo que estoy usando. Si estás usando una versión más reciente del software, mismo es cierto, lomismo es cierto, pero al menos tendrá todas las mismas características que tengo hasta este punto en CC 2019. Estas características se conservarán en versiones futuras. Ahora una parte esencial de trabajar en After Effects y realmente cualquier software creativo es aprender atajos de teclado. Porque hay muchos y muchos comandos que necesitas para poder ejecutar cuando estás haciendo cosas en After Effects y otro software. Los atajos de teclado permiten llegar a esos comandos mucho más rápido, solo con un par de pulsaciones de teclas, en lugar de tener que cavar a través de los menús y encontrar esos comandos específicos. Te voy a estar usando y enseñando atajos de teclado a lo largo todo este curso y haré todo lo posible para llamar esos atajos de teclado cada vez que los use, solo por la repetición, para que puedas empezar memorizando estos y acostumbrándose a usarlos usted mismo. Pero también he montado un PDF con todos los atajos de teclado que creo que deberías aprender. Entonces si alguna vez estás trabajando dentro de After Effects y te preguntas, ¿cuál fue ese atajo de teclado que Jake me dijo que usara aquí, tendrás ese PDF de referencia para que puedas encontrar rápidamente el comando, buscarlo, y solo ve rápidamente cuál es ese atajo de teclado. Además, quería tomarme este tiempo para solo señalar que si estás trabajando en un PC, tus atajos de teclado van a ser ligeramente diferentes a los míos. Pero sólo la tecla modificadora, como las teclas de control o alt o shift. Todas las demás llaves son iguales. Entonces por ejemplo, copiar en un Mac es comando C, en un PC que es control C. Así que si me oyes decir comando, y no te doy el atajo de teclado para la PC también, solo que sepan que el comando en un Mac es igual a controlar en un PC, y opción en un Mac es igual a alt en un PC. Entonces no dejes que ese tropezarte en absoluto. Pero dentro de ese PDF, te daré unos atajos de teclado tanto para sistemas operativos, Mac como para Windows, para que puedas ver independientemente del sistema que estés usando. Otra cosa que probablemente ya has notado es que este curso es realmente largo. Son más de cinco horas y te tiro mucha información en este curso. Probablemente va a haber demasiado para que puedas recordar y no quiero que te pierdas, sin saber dónde estaba algo en este curso que impartí para que puedas volver atrás y revisarlo. Entonces armé otro PDF juntos que es solo un gran índice de básicamente cada tema y cosa que imparto en este curso, organizado por video con el número de video para que fácilmente puedas echar un vistazo a ese PDF, busca cualquier tema o técnica que estés tratando de revisar, y ve exactamente a dónde en este curso necesitas ir para volver a ver realmente esa parte del video. Voy a incluir ese PDF con los recursos. Para encontrar ese PDF y los demás recursos para esta clase, solo acude a la pestaña Proyecto y Recursos de la clase Skillshare. Esta no es la clase que estás viendo en este momento, pero aquí es donde vas a encontrar recursos para cualquier clase de Skillshare, y luego desplázate hacia abajo aquí a la derecha, verás una sección de recursos. Aquí es donde puedes descargar cualquier activo para la clase específica que estás tomando. Una vez que tengas after effects instalado, podemos pasar a la siguiente lección donde realmente empezaremos a aprender cómo navegar por este programa. 3. Paneles: Vamos a saltar justo dentro y abrirnos después de los efectos. Ahora, he restablecido por completo mis After Effects de nuevo a sus preferencias predeterminadas. Si esta es tu primera vez que abres After Effects, mía debería verse exactamente como la tuya. Ahora, estoy grabando esto a una resolución muy pequeña. Todo va a estar un poco apretado probablemente comparado con tu pantalla, pero la única diferencia es que tendrás más espacio. Ahora, aquí vamos después de que los efectos acaban de abrirse para mí y tenemos esta pequeña ventana de bienvenida que te da algo de información. Incluso sugiere que se pueden ver los tutoriales, pero podemos simplemente ignorar esto por ahora y en realidad simplemente cerrarlo. No vamos a necesitar esa ventana de bienvenida, pero esto es después de efectos, es como se ve, y me doy cuenta de que aquí hay mucho que mirar. Te voy a guiar a través de mucho, pero también hay muchas cosas innecesarias aquí dentro, al menos por lo que vamos a estar haciendo ahora mismo. Vamos a hablar un poco sobre para qué es esta interfaz en realidad. Qué hacen algunas de estas cosas que estamos viendo. Bueno, en primer lugar, After Effects, como la mayoría del software de Adobe es un sistema de interfaz de usuario basado en panel. Eso sólo significa que hay todas estas pequeñas secciones que te dan acceso a diferentes herramientas y configuraciones para permitirte trabajar en el programa, por ejemplo, aquí arriba en la parte superior, este panel que es bonito y largo es nuestros paneles de herramientas. Tenemos herramientas aquí arriba a las que tenemos acceso, algunas de ellas podemos hacer click, otras están en gris, lo que significa que no son utilizables actualmente. Pero entonces tenemos esta sección por aquí en la esquina superior izquierda, vemos que a esto se le llama nuestro panel de proyectos. Si hago clic en él, ves que se pone azul, indicando que ese es un panel activo, ahora, ese es el panel que he seleccionado, y el panel de proyecto es como un gestor de todos los elementos que están dentro de nuestro proyecto con el que estaremos trabajando. Aquí es donde vamos a tener activos entrando y todo lo que generemos dentro de After Effects aparecerá en nuestro panel de proyectos. Por aquí tenemos el panel de composición. Esto nos va a dar una visión en vivo de lo que sea que estemos trabajando. Básicamente el resultado final de lo que estamos construyendo se mostrará aquí y te da una representación de lo que tendremos una vez que exportemos de secuelas. Es nuestra composición visual. Aquí abajo dice, “Ninguno”, pero este es en realidad nuestro panel de línea de tiempo, la razón por la que dice ninguno es porque en realidad no tengo ninguna línea de tiempo abierta. Todavía no hay nada en mi proyecto, así que no tiene nada que mostrar aquí, por eso dice ninguno. Pero este es el panel que nos permite gestionar capas así como la animación y lo que estas capas están haciendo a lo largo del tiempo. Por eso es el panel Línea de tiempo. Pero podrías atraparme llamándolo también el panel Capas, ya que aquí es donde estarán exhibiendo todas nuestras capas. Entonces por aquí del lado derecho tenemos un montón de paneles diferentes y están todos apilados, muy apretados y tenemos algunos temas de color aquí abajo también. El asunto de los paneles es que no siempre se necesitan todos abiertos al mismo tiempo, y los que estamos viendo en este momento no son en realidad todos los paneles a los que tenemos acceso. Cada panel sirve un propósito diferente y no siempre vas a necesitar acceso a cada uno de ellos. De hecho, muchos de estos por aquí no necesitamos ver, por ejemplo, este panel Bibliotecas, no necesitamos esto para nuestro proyecto para esta clase, porque simplemente nos da acceso a cosas como temas de color en poder para compartir activos entre computadoras o entre usuarios, y simplemente no lo vamos a utilizar. En realidad quiero simplemente cerrar este panel para que no esté ocupando mi pantalla inmobiliaria. Para hacer eso todo lo que tengo que hacer es acercarme a estas tres pequeñas líneas aquí y estas son las opciones de panel para el panel de la biblioteca, si hago clic en eso, tengo muchas opciones diferentes, pero la primera es panel cerrado. Si hago clic en eso, se va, y se abrió el siguiente panel en esa pila. Este es el panel Carácter, y esto es lo que nos permite agregar texto y personalizar la topografía dentro de nuestro documento. Probablemente vas a estar usando mucho esto una vez que te en cada vez más proyectos de secuelas, pero de nuevo, para este proyecto en particular, al menos en este punto, no necesito el panel Carácter abierto y ya que yo tener tan limitada pantalla inmobiliaria, voy a cerrar eso. Sólo voy a dar clic en eso y decir cerrar panel. Lo mismo para el panel de párrafos, esto va de la mano con la tipografía. No necesito esto abierto. No necesitamos hablar de ello ahora mismo, así que sólo voy a cerrar ese panel. Definitivamente no necesitamos acceso a este panel de rastreador, es por algo mucho más avanzado de lo que no vamos a hablar. Vamos a cerrar ese panel, lo mismo para el llenado consciente de contenido. Este panel Alinear sí uso todo el tiempo y hablaremos de eso en un rato, sigamos adelante y solo dejemos ese abierto. Lo mismo para el siguiente panel, esto tiene efectos en presets. Al hacer clic en él, viste que el panel Alinear se fue y el panel Preajustes se expandió, si vuelvo a hacer clic en eso, se colapsa y se expande. Puedes colapsar y expandir cualquiera de estos paneles con solo hacer clic en ellos. Si bien eso podría parecer útil, personalmente no me gusta trabajar con paneles de esa manera, con los paneles que tengo abiertos, quiero poder acceder a todos sus controles o al menos a tantos de sus controles como posible sin tener que hacer clic a través de ellos así, pero esta es una opción de interfaz que realmente podemos ajustar. Nuevamente, voy a hacer clic en ese botón desplegable Opciones del panel, y puede ser para cualquiera de estos paneles, luego bajar a la configuración del grupo de paneles. Ahora esta es la configuración para esta pila específica de paneles. Todos estos que se están comportando igual y trabajando unos con otros ya que estoy dando click a través de ellos. Si entro a la configuración del grupo de paneles, tenemos esta opción grupo de paneles apilados marcada y eso significa que está habilitando esta característica de colapsar y expandir todos estos paneles a medida que haces clic a través de ellos, no quiero que comportamiento, voy a entrar en la configuración del grupo de paneles y desmarcar ese grupo de paneles apilados. Ahora todos mis paneles, en lugar de estar apilados uno encima del otro, están viviendo en este mundo de pestañas aquí arriba, si hago clic a través, se puede ver que estoy cambiando a través de ellos como pestañas del navegador. Ahora esto no es exactamente lo que quiero tampoco porque de nuevo, tengo que dar click a través de ellos para ver todos estos diferentes paneles. Pero lo que esto me permite hacer es ahora tomar este grupo de paneles, que podemos ver aquí mismo el contorno otra vez con ese contorno azul, y cambiar su disposición. Por ejemplo, me gusta que este panel Alinear esté en la parte superior, realidad voy a hacer clic y arrastrar en la pestaña Alinear y tirarlo hacia abajo, y tengo todos estos reflejos morados que están indicando secciones de este grupo de paneles, Incluso puedo ir a otros grupos de paneles y se puede ver que esos mismos reflejos morados están apareciendo en esas áreas. Lo que esto me permite hacer es básicamente decir que quiero que este panel Alinear vaya a la izquierda, la derecha, la parte superior, o la parte inferior de este grupo de paneles. En esta instancia yo quería ir a la cima, voy a ir a esta sección aquí mismo y soltarme. Ahora se empuja ese panel arriba por encima del resto de este grupo de paneles, y se ha convertido en su propio grupo de paneles, ve que ese contorno azul ahora sólo está alrededor del panel Alinear, lo cual es genial. Este efectos en panel de presets realmente quiero eso también porque eso nos va a dar acceso a un montón de cosas van a necesitar, voy a dar clic y arrastrar esto hacia fuera y hacer lo mismo, pero esta vez, alinearlo al fondo de este Alinear panel, en esta sección inferior y suelta. Ahora eso va a vivir debajo del panel Alinear, pero lo que eso hizo es básicamente remendar todos estos otros paneles abiertos aquí abajo a donde ni siquiera puedo verlos más. Bueno, afortunadamente, solo puedo mover mi ratón entre estos dos grupos de paneles y me dan estas dos flechas dobles, click y arrastre para cambiar el tamaño de los paneles. Puedo hacer esto por cualquiera de estos grupos de paneles, incluyendo estos de aquí. Puedo expandir esta izquierda y derecha, y se encaja a donde aftereffects ha puesto el ancho predeterminado para este grupo de paneles. Ahora digamos que me gusta este panel de audio y quiero que viva en la misma zona que el panel Alinear aquí arriba, no al lado, sino justo en el mismo grupo con esas mismas pestañas que tenemos aquí abajo. Para ello, todo lo que tengo que hacer es agarrar ese panel de audio, traerlo aquí arriba y dejarlo justo en esa sección central, no en uno de los lados, sino calificar en esa sección central y soltar, ahora tenemos esas pestañas. Ahora en realidad no quiero este panel de audio porque no voy a estar lidiando con ningún audio en este proyecto, sólo voy a cerrar ese panel. Ahora una cosa interesante es que en realidad no tienes que atracar ninguno de estos paneles de la forma en que están ahora mismo, donde todos están encerrados uno al lado del otro. En realidad puedo hacer clic y arrastrar en este panel y llevarlo hasta la parte superior y ves que ahora se está convirtiendo en su propia ventana, si lo suelto ahí mismo, esto ahora es un panel desacoplado, que puede encontrarse con algunos situaciones en las que quieres un panel desacoplado, pero 99 de un 100 veces, suelo mantener mis paneles acoplados, en realidad no necesito el panel de vista previa abierto, solo quería mostrarte cómo puedes desacoplar uno. Si alguna vez necesitabas volver a poner uno, solo tienes que hacer clic y arrastrar y volver a colocarlo donde quieras. Como dijiste, no necesito eso abierto, voy a cerrar ese panel y lo mismo va para el panel de información, eso no va a ser muy útil para lo que estamos haciendo aquí. Pero ahora realmente he limpiado mi interfaz de usuario, solo me quedan paneles que sé que realmente voy a querer usar en este proyecto, y quiero animarte a personalizar tu interfaz de usuario esta misma manera para que tú siempre tienen los mismos paneles abiertos que yo hago, y no te pierdes ya que estoy trabajando por dentro de After Effects. Este es un buen momento para señalar que bajo el menú Ventana aquí arriba en tu barra de tareas, si subes a Ventana, aquí es donde existen todos tus paneles y puedes ver marcas de verificación junto a las que en realidad están abiertas. Ahí está nuestro panel Alinear, nuestros efectos en el panel de presets, herramientas, esa es esta barra de herramientas de aquí arriba, composición , proyecto y línea de tiempo justo ahí. Pero como pueden ver, hay muchos otros paneles que no están abiertos a los que tenemos acceso y probablemente vamos a estar abriendo algunos de estos más adelante. Pero por ahora, lo que tenemos abierto aquí mismo va a funcionar bien. 4. Espacios de trabajo: Lo siguiente que quiero señalar es justo aquí arriba, este texto azul que dice default. Esta sección de nuestra barra de herramientas aquí arriba es donde podemos cambiar entre espacios de trabajo, y un espacio de trabajo es solo una configuración predeterminada de paneles en la interfaz de usuario, por lo que de forma predeterminada, cuando abres After Effects por primera vez usa el espacio de trabajo predeterminado que acabamos de modificar, pero también hay un espacio de trabajo de aprendizaje así como un espacio de trabajo estándar, y si me acerco a estas dos flechas pequeñas y hago clic en él, se puede ver que en realidad tenemos mucho más. Estos son todos configurados por Adobe, y digamos que quiero dar click en todos los paneles y esto va a ser un poco loco, pero va a abrir todos los paneles a los que tenemos acceso y ponerlos en esta pila, o si Cambio a la animación, se va a reorganizar el diseño y me dará acceso a paneles que son bastante útiles para la animación, o al menos lo que Adobe piensa que podría ser útil para la animación, pero lo que es genial de esto es que puedes crear tus propios espacios de trabajo para guardar la interfaz de usuario de la forma en que te gusta usarla. Si hago clic atrás en el valor predeterminado, va a volver a la forma en que lo teníamos, pero si hago clic en el menú de opciones junto a predeterminado, puedo decir guardar como nuevo espacio de trabajo y luego nombrar a esto otra cosa. Lo llamaremos Jake y pincharemos bien, y ahora ese texto predeterminado ya no es azul, lo que significa que estoy en un espacio de trabajo diferente, y si vuelvo a hacer clic en estas flechas, ahí vamos. Jake está apareciendo arriba y abajo en la parte inferior de esta lista tenemos espacios de trabajo de edición. Si hago clic en eso, esto trae otra ventana que me permite reorganizar lo que aparece en esta barra de herramientas. Ves que tenemos la primera sección llamada barra, que es lo que vemos justo aquí y luego tenemos el menú de desbordamiento y estos son espacios de trabajo que básicamente no vamos a usar con tanta frecuencia, no necesitamos acceso directo a ellos aquí arriba. Ahora puso la mía en la parte inferior de esta lista, y como mi pantalla es tan pequeña, en realidad no podemos ver todos esos de aquí. Voy a dar clic y arrastrar Jake hasta la parte superior, así que eso está primero en la lista y luego dar clic en ok, y eso se actualiza ahí mismo, así es como puedes crear tus propios espacios de trabajo, pero digamos que como estás trabajando, tal vez abres algunos paneles más, abramos nuevamente el panel de caracteres y tal vez cierres el panel de alineación y tal vez reorganices algunos de estos paneles para que los grupos de paneles sean de diferentes tamaños. Ahora bien, esta ya no es esta versión predeterminada de mi espacio de trabajo personalizado que creé, y si vuelvo al diseño predeterminado y luego vuelvo a hacer clic en Jake, entonces va a volver directamente a cómo lo tenía con todo el dimensionamiento y posición y todos los paneles extra, pero digamos que quería volver a la forma en que lo había guardado, bueno todo lo que tengo que hacer es hacer clic en el menú de opciones junto al nombre del espacio de trabajo y decir reiniciar a disposición guardada, y luego va para volver a la forma en que era cuando lo guardé por primera vez, o si realizaste cambios en tu diseño que quieres conservar, también podrías hacer clic en eso y decir guardar cambios en este espacio de trabajo, y luego actualizará ese espacio de trabajo con el diseño actual de la forma que lo tengas así que así es como puedes trabajar con espacios de trabajo y podría parecer algo innecesario, pero la realidad es porque After Effects se puede usar para tantas cosas diferentes. Tener diferentes espacios de trabajo configurados al hacer clic de un botón que te den acceso a las herramientas que necesitas para aplicaciones específicas es muy útil. En realidad tengo múltiples espacios de trabajo. Tengo uno con mis herramientas y paneles típicamente más usados abiertos. Tengo una configurada con todas las herramientas que necesito para el aparejo de personajes. Tengo otra para todas las herramientas que necesito para la animación de personajes. Tengo un espacio de trabajo personalizado para la mayoría de mis clases de habilidadcompartir. Tengo un espacio de trabajo personalizado para mis tutoriales de YouTube, y es simplemente realmente agradable poder hacer click a través de uno a la vez y tener toda mi interfaz actualizando la forma en que debería ser para lo que sea que estoy tratando de hacer. Ahora una última cosa que quiero decir sobre la interfaz antes de que realmente sigamos adelante y empecemos a hacer las cosas, es que podrías haber notado los paneles que realmente ajusté eran los que estaban todos apilados aquí en este grupo, y eso es porque estos paneles aquí mismo. El proyecto, la composición y los paneles de línea de tiempo son más o menos esenciales para trabajar dentro de After Effects. No puedes ver en qué estás trabajando. Si no tienes la composición abierta, no puedes hacer ajustes a lo que hay en la composición sin tener abierto tu línea de tiempo o panel de capas, y no puedes navegar por tu proyecto sin el panel de proyecto abierto, y luego está el panel de herramientas. Creo que nunca he cerrado este panel. Esto es esencial para poder cambiar entre herramientas y tener opciones para esas diferentes herramientas ya que las estás usando. Entonces por eso la mayoría de lo que cambié se acabó de este lado. Esta es una especie de área que pienso como los paneles personalizados que quiero abrir dependiendo de lo que esté trabajando, estos de aquí, esos son esenciales para trabajar dentro de After Effects. Ahora vas a conseguir mucho más perspicacia y explicación de qué exactamente estos paneles y hacer una vez que empecemos realmente a hacer nuestro proyecto, e incluso vamos a ver algunos otros paneles que van a ser útiles, pero como primer paso, quería para solo darte una breve explicación de cómo funciona el sistema de paneles dentro de After Effects y cómo configurar tus propios espacios de trabajo. 5. Navegar en After Effects: En realidad empecemos a hacer este proyecto de clase, y aprendamos las cosas a medida que avanzamos. Si recuerdas, la animación va a ser este gabinete de arcade para un videojuego llamado Taco Tuesday, y vamos a animar el videojuego real que está sucediendo. Una vez que haya sucedido un poco de animación, se acercará a la pantalla, dirá puntuación alta, y dará la pantalla de puntuación alta antes de que se aleje de nuevo en los bucles de animación, para que pueda reproducirse una y otra vez. Ahora After Effects es completamente capaz de crear ilustraciones, y en realidad hay personas que hacen obras de arte únicamente en After Effects, pero te animaría a que no hagas eso. Cuando estás empezando, obviamente, deberías aprender a crear ilustraciones en After Effects, y cómo funcionan las herramientas que tiene After Effects para crear ilustraciones, pero a lo largo de mis años de experiencia, he venido a aprender que el uso de herramientas que están diseñadas específicamente para diseño generalmente tienen mucho mejores conjuntos de herramientas para realmente crear la ilustración, así que he creado la ilustración para este proyecto de clase en Adobe Illustrator, con la que After Effects puede trabajar. También uso mucho Photoshop para diseñar obras de arte, pero Photoshop es mucho más adecuado para trabajar con elementos fotográficos, o cosas que necesitan mucha textura, o elementos de aspecto más orgánicos hechos a mano. Para ilustraciones de aspecto más limpio que es un poco más caricatura, Illustrator hace un trabajo realmente genial, así que por eso creé esta obra en Illustrator. Para poder utilizar esta obra de arte, necesitamos importarla a nuestro proyecto After Effects, y lo vamos a hacer a través del panel del proyecto. Ahora, podrías hacer esto viniendo a Importación de archivos, o puedes encontrar este mismo menú de importación con solo hacer clic derecho en el panel del proyecto, y bajando para importar. Aquí hay un montón de opciones diferentes. Sólo tenemos que preocuparnos por uno que es el primer archivo, así que voy a dar clic en eso, y me va a permitir navegar a qué archivos quiero importar en After Effects. Ahora, aquí mismo en mi escritorio es donde pongo la obra de arte. Si aún no has descargado esto, asegúrate de ir a la pestaña de proyecto, y recursos, y descárgalos allí. Ahora hay cuatro archivos diferentes aquí, pero sólo voy a empezar con uno que es el gabinete de arcade. Se puede ver cómo se ve eso aquí mismo. Con eso seleccionado, haré clic en “Abrir”, y After Effects me va a preguntar cómo quiero importar esta ilustración de Illustrator. Es identificar automáticamente que hay más en esta obra de arte que solo una imagen plana, y me está dando opciones sobre cómo quiero manejar eso, así que antes que nada, el tipo de importación está en mora en el metraje. Metraje básicamente, solo significa una capa plana. Se va a tratar como si fuera una imagen plana. Si hago clic en esto, la otra opción es la composición. Esta es la opción que quiero. Si hago clic en eso, en realidad empaña estos controles de opción de capa, lo cual está bien, no los necesitamos, y trae a la luz esta opción, que son las dimensiones del metraje. Debajo de este menú tenemos dos opciones también, el tamaño de las capas, o el tamaño del documento, y lo que esto nos está permitiendo elegir es, si queremos que cada capa sea dimensionada básicamente, a su obra real, o al tamaño del documento en el que se creó. Es muy raro que alguna vez quiera que se ajuste al documento, así que déjalo a tamaño de capa, y eso es todo lo que tenemos que hacer. Voy a dar clic en “Ok”, y lo que After Effects ha hecho, se crea una composición, que este es el icono de una composición aquí mismo. Con el nombre del archivo de ilustraciones, gabinete de arcade, y nos da una carpeta, que si lo giro abro haciendo clic en esta flecha pequeña, contiene todas las capas individuales que conforman esa ilustración. Entonces veamos esta composición simplemente haciendo doble clic en ella. Entonces haga doble clic, eso abre la composición, y se muestra aquí en nuestro visor de composición. Ahora no estamos viendo todo el asunto en este momento, y eso se debe a que en realidad es una obra de arte de muy alta resolución. Tiene 2160 por 2160 píxeles de ancho, y eso es en realidad más grande de lo que necesitamos que sea, pero llegaremos a eso en tan solo un segundo. Solo hablemos de cómo navegar un poco alrededor de esta composición, para que podamos ver todo el asunto. Bueno, si echamos un vistazo a este número aquí mismo, 25 por ciento, esta es nuestra relación de aumento. Es lo lejos que acercamos o alejamos estamos viendo esta obra de arte en base al tamaño real de la composición, así que si tuviera que hacer clic en esto, podemos ver un montón de diferentes ampliaciones preestablecidas, así que si quería mirar Magnificación al 100 por ciento, podría hacer click en el 100, y ahora estamos mucho más cerca. Podemos ver mucho detalle, y ver que hay textura en algunas de estas ilustraciones, pero obviamente no lo podemos ver todo en este visor de composición. Bueno, volvamos a esa magnificación, y echemos un vistazo a la parte superior. Además de todos estos porcentajes, también tenemos la opción de encajar, y encajar hasta el 100 por ciento. Si solo hago clic en “Ajustar”, eso va a encajar la composición al tamaño de mi espectador, así que si fuera a redimensionar este panel moviendo mi ratón entre la línea de tiempo, y el visor de composición, solo puedo hacer clic, y drag, y al hacer esto, hago más espacio para mi composición. Ves que se está escalando con el tamaño de ese visor de composición, así que eso es realmente útil, y honestamente muchas veces lo tengo configurado para eso. Ajustar hasta el 100 por ciento solo significa que nunca escalará esto más allá del 100 por ciento. Que en realidad el espectador de composición en sí es muy raramente lo suficientemente grande como para mostrar realmente mayor al 100 por ciento de aumento, lo que la diferencia entre ajuste, y ajuste hasta 100 por ciento es bastante rara para ver la diferencia. El único momento que realmente entra en juego es si estás trabajando en una composición que es muy diminuta, así que si esto tuviera solo 250 píxeles de ancho por 250 píxeles de alto, eso definitivamente cabría en este visor de composición, y ajustarlo hasta el 100 por ciento significaría que nunca se va a mostrar más grande de 250 píxeles por 250 píxeles. Entonces esa es la diferencia entre esos dos. Pero digamos que quieres acercar y alejar esta composición sin tener que ir a este menú, y dar click a través de estos números. Bueno, hay un atajo de teclado que definitivamente debes memorizar. Esto es algo que es esencial para navegar por tu visor de composición. Si echas un vistazo a tu teclado, las teclas de coma y punto, también son las menos que, y mayores que las señales de la izquierda, y la derecha de esos dos botones. El signo menos que de la izquierda se aleja, así que si presiono ese botón, se ve que se acerca al espectador, y puedo seguir presionando eso para alejar el signo mayor que, puedo presionar que se acerca. Esas dos teclas son muy importantes para aprender, y memorizar cómo acercar, y alejar, que puedas ahorrar tiempo en lugar de tener que hacer clic a través de todas estas ampliaciones. Nuevamente, el signo menos que o la clave de coma se aleja, y el mayor que signo o una clave de punto se acerca. Digamos que estoy acercado todo el camino aquí al 100 por ciento, pero quiero ver una parte diferente de la obra. Bueno, hay una herramienta aquí arriba en la barra de herramientas, hasta ahora hemos estado en la herramienta de selección todo este tiempo. Es por eso que mi ratón simplemente se ve como un cursor normal del ratón la flecha, pero justo al lado está la herramienta de mano. Si hago clic en eso, esto básicamente, se comporta como deslizarse en una pantalla del teléfono. Si hago clic, y arrastro, puedo desplazar alrededor de mi visor de composición para simplemente reposicionar esto a tal vez una parte diferente de la obra de arte. Incluso posiciona esto más allá del borde de la obra para que pueda ver el borde de mi composición. Esta es una herramienta que también vas a estar usando todo el tiempo, pero probablemente no vas a querer tener que hacer click en la herramienta de mano solo para reposicionar tu composición cada vez que lo hagas. En realidad hay otro atajo de teclado realmente fácil de recordar para cambiar temporalmente a la herramienta de mano. Voy a dar clic en la herramienta de selección una vez más, y esta vez con el ratón se cierne sobre la composición. En lugar de cambiar a esa herramienta de mano, voy a mantener temporalmente presionada la barra espaciadora, y mientras hago eso, ves que el cursor de mi ratón es ahora la mano. Mientras esté manteniendo presionada la barra espaciadora, puedo hacer clic, y arrastrar para desplazar temporalmente. En cuanto suelto la barra espaciadora, vuelve a cambiar a la herramienta de selección, o a la herramienta que tuvieras activa. Este atajo de teclado funciona con casi todas las herramientas que puedes usar, así que asegúrate de memorizar esa barra espaciadora para desplazarte temporalmente por tu escena. Digamos, quiero volver a encajar esto a la vista de composición. Bueno, podría bajar a este aumento, y decir ajuste, o hay otro signo de interrogación de turno de atajo de teclado, y eso se ajusta a toda la composición. Sé que esto son muchos atajos de teclado todos a la vez, pero cuanto más rápido aprendas esto mejor y te voy a estar recordando estos atajos de teclado cada vez que los uso para ayudarte a recordarlos. 6. Cómo mover las csas: Hablemos rápidamente de la herramienta de selección, la que tenemos activa. Esto le permite anular la selección de capas en su composición. A medida que estoy moviendo el ratón sobre todas estas capas, se puede ver que tenemos estos pequeños rectángulos en las esquinas resaltando mientras estoy moviendo el ratón sobre ellas. Estos rincones están indicando los límites de la obra. Si hago clic en, digamos, el joystick y acerco presionando el signo mayor que, entonces se puede ver el cuadro delimitador para esa capa donde estaba el resaltado de selección, así que si paso a uno de los botones y hago clic, ahí son los límites para esa obra de arte en el mismo lugar que fue el más destacado. Esta herramienta de selección también me permite reposicionar esas capas. Entonces si volviera a agarrar ese joystick, haga clic y arrástrelo por ahí, se puede ver que sólo puedo moverlo. Ahora, mientras estoy haciendo esto, están pasando un par de cosas raras. Yo sólo quiero señalar muy rápido. En primer lugar, se vuelve borrosa a medida que lo estoy moviendo y luego vemos algo aquí arriba en la esquina derecha que dice, resolución adaptativa, mitad. Lo que esto está haciendo, básicamente está ayudando a After Effects a previsualizar más rápidamente ya que estoy cambiando las cosas bajando temporalmente la resolución de mi visor de composición hasta que deje de mover cosas o cambiar cosas. Esto es algo que honestamente no uso con tanta frecuencia porque se puede distraer un poco. Te voy a mostrar cómo desactivarlo realmente rápido. En primer lugar, quiero deshacer para asegurarme de que este joystick regrese a donde necesita estar. Para ello, basta con subir a Editar, Deshacer, y el atajo de teclado para eso es Comando o Control en una PC y Z. De nuevo, eso es algo que vamos a hacer todo el tiempo, así que intenta y recuerda eso, Command o Control Z. Ahí vamos. Eso se remonta a donde se supone que debe estar. Pero para desactivar esa resolución adaptativa, baja a este pequeño ícono de aquí, Previsualizaciones rápidas con un pequeño símbolo de electricidad y haga clic, y ahí es donde veremos que la resolución adaptativa está marcada. Yo quiero apagar esto, así que sólo voy a ir a Final Quality Off, y hacer clic. Ahora cuando hago clic y arrastre, se puede ver que la actualización ya no está sucediendo. Voy a dejar ir ese joystick presiona “Command Z” para deshacer, y estamos de vuelta a tener nuestra obra de arte en el lugar que realmente debería ser. Ahora hablemos un poco de la línea de tiempo. Voy a configurar esto para que se ajuste de nuevo a la comp presionando “¿Shift?” y echa un vistazo a las capas reales en la línea de tiempo. Estos fueron importados a After Effects exactamente de la misma manera que los había creado en Illustrator, lo que significa que el orden de capas en Illustrator se ve reflejado aquí en After Effects. Esto es importante porque si el fondo, estamos encima de todo, entonces no veríamos nada por debajo de él. Te mostraré exactamente cómo funciona eso. Si agarro esta capa de fondo con la herramienta de selección activa, haga clic y arrástrela, y mientras hago esto se ve ese resaltado azul que indica dónde va a estar esta capa si suelto mi ratón, arrastraré que todo el camino a la cima y suelta. Ahora el fondo está cubriendo todas las capas debajo de él. Se puede pensar en capas al igual que las capas de papel. Si el trozo de papel de fondo es lo suficientemente grande como para cubrir todo lo demás y lo mueves encima de todo y no puedes ver nada debajo de él, así es exactamente como funciona la estratificación dentro de After Effects con capas 2D. Si muevo el fondo un par de capas, entonces vamos a ver las capas que están por encima en esa pila de capas, que son los botones, y luego esta capa llamó a las mattes de control, que hablaremos más tarde por qué esa capa está incluso ahí. Pero quiero mover esa capa de fondo todo el camino hacia abajo hasta la parte inferior para que pueda ver todo lo que hay encima de ella de la forma en que debe mostrarse. El motivo por el que esto se descompone en capas individuales es para que pueda animar el joystick moviéndose independientemente de los botones. Tengo esta capa de marco aquí mismo, si hago clic y la arrastre, la razón por la que está ahí es para que pueda poner algo detrás de ella, pero frente al gabinete. Entonces básicamente lo que vamos a poner en la pantalla irá por debajo del marco de la pantalla, pero encima del gabinete. Es por eso que todas estas capas están rotas. Ahora, otra cosa que quiero señalar es que esta composición que After Effects generó para nosotros tiene todos estos elementos en el lugar exacto en el que se supone que deben estar, igual que los había creado en Illustrator. La composición en sí es del mismo tamaño que la que había creado en Illustrator, que es de 2160 píxeles por 2160 píxeles. Eso es en realidad el doble del tamaño que necesito que sea porque vamos a estar haciendo esta animación para Instagram, e Instagram usa 1080 por 1080 para su formato cuadrado. Entonces aunque After Effects me dé esta composición en la que puedo trabajar, en realidad no quiero usar esta para mi animación final. Quiero crear una nueva composición para albergar todos estos elementos en el tamaño correcto. Déjame cerrar esta carpeta y podemos crear una nueva composición desde cero. Ahora de nuevo, hay un par de formas diferentes de hacer esto. Una de las formas está en el panel del proyecto, este pequeño ícono que se parece al icono de la composición es el botón Crear una nueva composición. Podría hacer clic en eso, o también podría llegar a Composición, Nueva composición, ya sea uno funciona. Voy a dar clic en eso, y esto abrirá la ventana de ajustes de composición. Ahora hay mucho que mirar aquí, y todo es bastante importante que entiendas lo que hacen estos ajustes. Pero cuando estás haciendo una nueva composición, básicamente hay tres cosas principales en las que debes pensar. Qué grande quieres que sea, cuál es el ancho y la altura medidos en píxeles, qué velocidad de fotogramas quieres que sea la composición, y la duración de la composición. Esas son las tres cosas más importantes. Ahora en realidad voy a hacer una pausa y terminar este video aquí mismo, para que en realidad podamos caminar por cada una de estas configuraciones con un poco más de detalle, ya que es bastante importante que entiendas cuáles son. Tomemos un descanso de nuestro proyecto de clase por apenas un segundo. En el siguiente video, hablaremos de resolución. 7. Resolución: >> ¿Qué es la resolución? Bueno, básicamente es el ancho y la altura de tu composición medida en píxeles, todo en una pantalla de computadora o una pantalla de teléfono, una pantalla de TV, todo se mide en píxeles. Si no estabas al tanto de los píxeles son literalmente solo pequeños bloques de color, y cuando pones muchos pequeños bloques de color uno al lado del otro, en realidad puedes construir una imagen. Eso es en realidad lo que está pasando con nuestra obra de arte aquí mismo. Si me acerco realmente lejos, se pueden ver esos píxeles individuales justo aquí incluso entre todos estos diferentes tonos de púrpura, se puede ver esos bloques individuales en tasa aquí, especialmente se puede ver la forma en que transiciones del color azul más oscuro al morado. No es sólo una transición sólida como aquí con esta línea de un azul sólido a un morado sólido. Tiene que agregar todos estos tonos de colores en medio para que esta curva sea un poco más suave. Cuando te alejas al 100 por ciento, realmente no ves esos píxeles en absoluto, pero están ahí. Eso es lo que conforma cualquier imagen que aparezca en una pantalla o un teléfono o un televisor. Todo son pequeños bloques de color, y cuantos más de esos bloques de color tengas, mayor calidad se verá tu imagen. Ahora bien, si vuelvo a hacer una nueva composición llegando a la composición, nueva composición, ese primer ajuste del que tenemos que preocuparnos es el ancho y la altura o la resolución. Eso se mide en píxeles. Ahora, cuando haces una nueva composición por primera vez dentro de After Effects va a por defecto al preset de HDTV1080 29.97. Todos esos números y letras realmente no importan, pero te va a dar una resolución estándar para video, que es de 1920px de ancho por 1080px de alto. Esta es la resolución estándar para video HD. Se trata de un formato de pantalla ancha, y en este momento en el momento de la grabación en el año 2019, es al menos la resolución más común utilizada para el video. esto también se le conoce en ocasiones como 1080px, porque la mayoría de las resoluciones de video están en una relación de aspecto aquí mismo de 16:9, es decir, una relación de aspecto de pantalla ancha que es muy estándar en la industria broadcast, así como en línea. Si alguien te dice que trabajes a 1080px, puedes saber que significan 1920px por 1080px, la resolución de marco HD estándar. Ahora bien, hay un montón de presets en este menú desplegable que puedes elegir , pero honestamente la mayoría de ellos son para broadcast o para cine de calidad real de cine, pero lo más probable es que nunca necesites nada de que para crear contenidos para internet o redes sociales. Pero 1920px por 1080px es una resolución muy común para trabajar con animación y gráficos en movimiento. Pero estoy seguro de que desde ahora no va a pasar mucho tiempo para donde esto en realidad ya no es una resolución muy alta, estamos consiguiendo mejores pantallas todos los días, gente está trabajando en resoluciones más altas y 4K podría convertirse en el siguiente estándar, que cambié a uno de los presets 4K, puede ver en realidad es una resolución realmente extraña, Tiene 3840px de ancho por 2160px de alto, y el 4K básicamente está abreviando 4000px de ancho. A pesar de que en realidad no tiene 4000px de ancho. Me di cuenta de que esos eran algunos números raros, pero esa es solo una manera más fácil de recordar cómo se llama esa resolución 4K o ultra HD, eso es lo que significa UHD. Pero el punto es entre más píxeles que tengas en tu ancho y una altura, o cuanto mayor resolución sea tu composición, mayor calidad va a ser.Esa es una pequeña explicación rápida de cómo estableces la resolución de tu composición . Me golpeó Cancelar muy rápido y solo señalo una cosa más, la razón por la que podemos ver todos estos píxeles es porque After Effects es un programa de ráster. Raster solo significa que está trabajando con píxeles para generar sus visuales. Adobe Photoshop es también un programa basado en ráster. Utiliza píxeles para crear ilustraciones, y como están trabajando con píxeles, no se pueden agrandar pasadas 100 por ciento de tamaño sin perder calidad, déjame mostrarte exactamente lo que quiero decir con eso, voy a alejar un poco al 100 por ciento, y luego voy a agarrar este botón aquí mismo y escalarlo, y para hacer eso sólo voy a agarrar una de las asas, haga clic y mantenga presionado el turno para escalar hasta que sea realmente grande. Al hacer esto se puede ver que todo se ve bastante borroso. Esto se debe a que es una capa basada en píxeles. Se trata de un gráfico ráster y no se puede escalar esos píxeles sin perder calidad porque literalmente solo estás haciendo más grandes esos píxeles. No hay otra información extra ahí dentro. After Effects en realidad está tratando de llenar esa información extra, es exactamente por eso que se está volviendo borrosa. No hay información para el proceso After Effects, solo está tratando de adivinar cómo deberían ser los píxeles extra que falta y eso da como resultado un gráfico de aspecto borroso. Ahora aquí es donde se pone un poco confuso. Adobe Illustrator en realidad no es un programa basado en ráster. No funciona con píxeles de la misma manera que After Effects o Photoshop. En lugar de ser un programa basado en ráster, es un programa basado en vectores y los gráficos vectoriales se calculan matemáticamente. El beneficio de esto es que puedes escalarlos, el baño solo se recalculará y se conserva la calidad. Realmente no vamos a estar trabajando con gráficos vectoriales en esta clase, pero quiero señalar que sí creé estos gráficos e ilustradores. Se pensaría que se podría preservar la calidad de estos gráficos, y en realidad es posible hacerlo dentro de After Effects con ilustraciones de Illustrator. No vamos a estar confiando en esa capacidad vectorial con este proyecto de clase. En cambio, creé intencionalmente la obra de arte al doble del tamaño que necesitaba ser, para que pudiera entrar bien y cerrar en la pantalla sin perder calidad. Una última nota pequeña sobre gráficos vectoriales, es que mientras After Effects es un programa basado en ráster y en última instancia lo que estamos viendo es una imagen ráster generada con píxeles. En realidad puedes trabajar con y crear gráficos vectoriales en After Effects. Lo que After Effects realmente hace es calcular los vectores y luego los rasteriza o los convierte en píxeles. Lo mismo es cierto para Photoshop e Illustrator, ambos programas pueden funcionar tanto con vectores como con píxeles, pero inicialmente fueron creados para cada cosa individual, Photoshop para píxeles, illustrator para vectores, y con el tiempo Adobe ha actualizado cada programa para poder trabajar con ambos, y lo mismo va para las secuelas. Puede interpretar ambos, pero en última instancia generará un gráfico basado en píxeles. Ahora, deberías tener un poco de comprensión de qué es la resolución y por qué es importante. 8. Tasa de fotogramas: Ahora hablemos de “Frame Rate”. Si no estás familiarizado, una velocidad de fotogramas es literalmente los fotogramas por segundo que se muestran en un video. Videos, animaciones, todos están conformados por imágenes fijas o marcos individuales. Esos cuadros sólo se reproducen a una velocidad específica o a una velocidad de fotogramas. La velocidad de fotogramas de difusión estándar es en realidad una fracción de un número. Se trata de 29.97 cuadros por segundo. No voy a entrar en por qué exactamente eso es, pero es el estándar de difusión. Afortunadamente, no estamos trabajando con una animación de emisión. Vamos a estar haciendo algo para Instagram, para realmente podamos elegir la velocidad de fotogramas que queramos. En la mayoría de los videos de internet en realidad sólo se redondea a 30 fotogramas por segundo. Por lo que puedo cambiar esto con sólo hacer clic en el menú desplegable e ir a 30 y eso va a funcionar muy bien para nosotros. Pero para la animación y el cine tradicionales, la velocidad de fotogramas estándar es en realidad 24 fotogramas por segundo. Podemos ver eso como un preset también en este menú. Esto en realidad tiene un impacto bastante grande en cómo se ve tu animación, pesar de que solo hay seis fotogramas más mostrados entre 24 y 30, en realidad cambia mucho la forma en que se ven las cosas. Aquí te mostramos un ejemplo de cómo se ven exactamente esas dos velocidades de fotogramas. El de la izquierda es una animación de 30 fotogramas por segundo y el de la derecha es la misma animación con el mismo tiempo pero reproducida a 24 fotogramas por segundo en su lugar, se puede ver que la animación de la izquierda es notablemente más suave que la animación de la derecha. Por lo que es muy importante darse cuenta las implicaciones que tiene tu velocidad de fotogramas en el producto final. Pero ojalá no sea tan confuso es literalmente cuántos fotogramas o imágenes fijas vas a ver reproducidas cada segundo. 9. Código de tiempo: Lo último que realmente necesitas tener una buena comprensión es el código de tiempo. Es así como medimos el número de fotogramas en una determinada cantidad de tiempo. En realidad hay dos formas diferentes de mostrar esto en after effects y la mayoría de los programas de video. El modo predeterminado de visualizarlo es horas, minutos, segundos y fotogramas. Para que esto sea un poco más fácil de entender, solo voy a crear la composición con los ajustes y decir: “Está bien”. y hablar de cómo funciona este código de tiempo y cómo funciona la propia línea de tiempo. Ahora, cuando creamos esto, la duración se fijó en 30 segundos. Si miramos esta línea de tiempo, podemos ver unas pequeñas marcas cada cinco segundos. Cero, cinco, 10, 15, 20, 25 y 30. La duración de las composiciones se fijó 30 por lo que 30 segundos está al final de esta línea de tiempo. Por aquí en la esquina superior izquierda vemos estos mismos números en cuadros azules, horas, minutos, segundos. Esto me está haciendo saber dónde estoy a tiempo en mi línea de tiempo o en mi composición. Yo estoy en el mismo inicio de la misma. Todos estos números son ceros. Pero si tuviera que hacer clic y arrastrar este playhead azul, así se llama, es un playhead y frotar hacia adelante, se puede ver que estos números están cambiando como estoy haciendo eso. Puedo mover esto a cualquier punto en el tiempo y dejarlo ir. Este código de tiempo me está diciendo exactamente dónde estoy a tiempo. Porque mi composición tiene sólo 30 segundos de duración, nunca vamos a ver ninguna hora y nunca vamos a ver ningún minuto, pero vamos a ver segundos y luego el número de fotogramas que conforman ese segundo. Ahora, nuestra velocidad de fotogramas era de 24 fotogramas por segundo y puedo confirmar esa tasa aquí debajo de estos números, dice, “24 fotogramas por segundo”. FPS es fotogramas por segundo. Lo que eso significa es que si vuelvo al principio, habrá 24 fotogramas antes de que se restablezca a cero y añada un segundo al código de tiempo. Eso seguirá dando vueltas de cero a realmente 23 y luego volviendo a cero. El motivo por el que solo sube hasta 23 es porque el cuadro cero es en realidad el primer fotograma va hasta el principio de la línea de tiempo de nuevo. Este es el primer fotograma de la animación y el número asignado a ese fotograma es cero. El segundo método para ver el código de tiempo es por fotogramas, puramente solo fotogramas. En realidad estamos viendo que aquí abajo en la esquina inferior izquierda, solo hay un montón de ceros. Al fregar hacia adelante, este número apenas cuenta desde cero hacia arriba, agregando uno a cada fotograma. No tiene divisiones como la visualización de horas, minutos, segundos, marcos de código de tiempo. A veces es posible que desee trabajar con marcos en lugar de este conjunto completo de código de tiempo. Todo lo que tienes que hacer para cambiarlo es comando o control en una PC, click en ella y cambiará esos dos números, poniendo énfasis ahora en los fotogramas en lugar del código de tiempo. Mi código de tiempo aquí también ha cambiado a sólo mostrar marcos. En lugar de cada cinco segundos, sólo estamos viendo cientos de fotogramas, por lo que cada marca de ticulación es de 100 fotogramas. En realidad puedo acercar esta línea de tiempo para ver detalles más finos en estos incrementos. Si presiono la tecla más en el teclado, se acercará un poco a uno. Puedo seguir acercando más y más para ver grupos de cuadros más pequeños y más pequeños. Si me acerco mucho, en realidad puedo ver una marca de ticulación por cada fotograma de video en esta composición. Si cambio esto al código de tiempo presionando “Comando” y haciendo clic en el número, ahora vamos a ver el código de tiempo que se muestra un poco diferente. Aquí mismo hay siete segundos, cero fotogramas. Para eso está la F, es para marcos. Entonces puedo avanzar a este y ver que es el marco dos para el incremento de siete segundos. Esto me ha dado una marca para cada otro fotograma hasta que lleguemos hasta ocho segundos aquí mismo. Contamos hasta 22 fotogramas, 23 y luego gira alrededor de ocho segundos. Dependiendo de qué ampliación añadas en tu línea de tiempo, verás más o menos detalle en tu código de tiempo. Para alejar, basta con presionar la tecla menos del teclado en lugar de la tecla más para acercar y alejar. También puedes agarrar esta cosita aparece el navegador ya sea extremo a escala desde un lado de tu vista actual. Esta pequeña marca de resaltado azul es donde está tu depurador de línea de tiempo o el cabezal de reproducción, por lo que puedes acercar de forma interactiva en función de la ubicación de ese cabezal de reproducción e incluso puedes hacer clic y arrastrar en esta zona gris para desplazarte alrededor de ella. Esto es exactamente lo mismo que agarrar la barra de desplazamiento aquí abajo. Solo para que sepas que está ahí, también está el control de acercar y alejar aquí abajo. Tenemos una vista de montaña más grande para acercar y una vista de montaña más pequeña para alejar. También puedes hacer clic en estos para hacerlo de manera incremental. Así es como navegas alrededor de la línea de tiempo, y cómo se está mostrando este código de tiempo lo que realmente significa y cómo cambiar entre horas, minutos, segundos, fotogramas y solo fotogramas enteros. 10. Configuración de composición y herramienta de asociación: Ahora deberías tener una comprensión bastante buena de lo que significan todos estos ajustes. Hagamos la composición que necesitamos para nuestro proyecto de clase. Como dije, no vamos a estar usando ningún presets porque estos son en su mayoría para estándares de emisión o película y podemos escribir muy rápidamente los números que necesitamos. Recuerda las tres cosas principales en las que debes pensar al crear una composición son la resolución, que es el ancho y la altura, la velocidad de fotogramas, que es los fotogramas por segundo que se reproducen, y la duración , que es cuánto tiempo va a ser tu composición. La buena noticia es que todos estos ajustes se pueden cambiar después de haber creado la composición. Estar al tanto de estas tres configuraciones y de lo que las estás configurando antes de empezar a trabajar, generalmente te ahorra algunos problemas más adelante. Vamos a estar trabajando en formato cuadrado. Recuerda, estamos publicando esto en Instagram, así que va a ser un marco 1080 por 1080. Pero si tecleo 1080 en el ancho, déjame solo hacer eso ahora, la altura cambió con él, y eso es porque hay falta relación de aspecto a 16 por 9 se comprobó, así que está preservando esa relación de pantalla ancha independientemente de a qué me fije mi ancho y alturas. Puedo hacer clic y arrastrar esto a cualquier número y siempre va a conservar eso, hasta que desmarque este número. Ahora podemos teclear 1080 en el ancho y 1080 en la altura y será una relación uno-a-uno o un cuadrado. A continuación se encuentra la velocidad de fotogramas. No quiero usar el estándar de difusión de 29.97. Quiero cambiar esto a 30, solo redondeado hasta 30 cuadros por segundo. Sé que mencioné que 24 fotogramas por segundo es un estándar para la animación, pero en el mundo del diseño en movimiento y los gráficos en movimiento, tienes mucha libertad creativa para elegir una velocidad de fotogramas con fines creativos. Para esta animación en particular creo que tener una reproducción más suave a 30 fotogramas por segundo va a funcionar un poco mejor que 24 fotogramas por segundo, así que por eso elijo 30. Esta resolución aquí abajo no es realmente resolución de la manera en que hemos estado hablando de ella con el ancho y la altura. Esta es puramente la resolución de previsualización de composiciones, que si recuerdas es, lo mismo que lo que estamos viendo aquí abajo. Es solo establecer el valor predeterminado o la resolución inicial para el comp. Voy a dejar eso en su totalidad. No hay razón para establecer eso en una resolución más baja cuando estás haciendo una nueva comp en blanco. A continuación se presenta el código de hora de inicio. En realidad se puede cambiar esto a algo que no sea cero, pero no hay razón para que hagamos eso, así que lo voy a dejar en cero y la duración está en mora a 30 segundos. Eso es probablemente mucho más de lo que necesitamos para esta animación, pero prefiero tener demasiado tiempo que no suficiente, porque siempre puedo recortar la duración de las composiciones antes de exportar. Es un poco más de trabajo para extenderlo. Se puede hacer, pero es un poco más tedioso. En la parte inferior, tenemos color de fondo y esto realidad no afecta nada en la animación final. Es puramente la vista previa del color de fondo de nuestra composición y dejarla en negro está bien al 99 por ciento de las veces, así es como lo hago. Muy raramente uso un color de fondo diferente. Hemos configurado todos estos ajustes, pero antes de hacer clic en “Aceptar”, me salté el primer ajuste, que es el nombre de la composición. Por defecto sólo lo va a llamar, “Comp one”. Comp es corto de composición, pero voy a seguir adelante y nombrar esto como quiero que se llame la animación final, que es, “Taco-martes” ese es el nombre de los juegos de arcade, así que sólo lo llamaré Taco Tuesday y haga clic en “Aceptar”. Ahora tengo una composición vacía con ese color de fondo negro, que solo representa el espacio vacío, no hay nada ahí, y es el tamaño correcto 1080 por 1080, 30 segundos de largo y estamos mostrando en nuestro código de tiempo, no en la vista de marcos. Eso es genial. Ahora, quiero poder sacar la obra de arte de nuestra composición de gabinete arcade a esta comp. Podrías pensar que simplemente entraría a la carpeta que tiene todas las ilustraciones, todas esas capas individuales que componen esa composición, y las arrastraría hacia adentro. Pero déjame mostrarte lo que pasa cuando hago eso. Si hago clic y arrastre, puedo hacer una selección en este panel de proyecto de todas estas capas y luego hacer clic y arrastrarlas hacia abajo a mi línea de tiempo y soltarlas. Eso sí trae todas las capas, pero han llegado en el orden de capas equivocado, y todas han sido colocadas en el mismo centro de la composición. Si solo apago la visibilidad de fondo por un segundo, recuerda esto se hace haciendo haciendo clic en un pequeño icono del globo ocular para esa capa, puedes ver que debajo está este botón 1, y eso está justo en el centro, no es donde se supone que esté. Si apago esa capa, el botón 2 está justo debajo de eso, ni siquiera lo pudimos ver. Ninguna de estas capas está donde se supone que deben estar y no están en el orden correcto. Déjame deshacer un par de veces. Voy a seguir presionando “Command Z” hasta que todas estas capas estén fuera de la composición otra vez y colapsen esta carpeta. Es por ello que es tan agradable que cuando importamos la obra de arte, que las secuelas crearon automáticamente la composición con la ilustración donde necesitaba estar para que coincidiera con el archivo ilustrador. Voy a volver a la composición de gabinete arcade y quiero transferir todas estas capas exactamente como están a esta composición. Para ello, voy a empezar haciendo clic en la primera capa, la capa número uno en la parte superior de la pila de capas manteniendo pulsado “Shift” y haciendo clic en la última capa. Es importante que lo hagas de arriba a abajo y te mostraré por qué en tan solo un segundo. Con los seleccionados, voy a llegar a “Editar”, “Copiar”, atajo de teclado para eso es “Comando” o “Control C”. Eso es algo que vas a estar haciendo mucho, así que intenta recordar ese “Comando C” para copia. Después entraré a la comp del Taco Tuesday y presionaré “Editar”, “Pegar”, que es “Comando V”. V está justo al lado de la C, así que eso va a ser un atajo de teclado de memoria muscular para recordar “Comando C” para copiar, “Comando V” para pegar, y voy a dar clic en eso. Ahora todas estas capas están en esta composición en el orden correcto y en la posición correcta respecto a la otra, pero no en la posición correcta respecto a esta composición, como se puede ver, la puso en la esquina superior izquierda. El motivo por el que esto sucedió es porque mi obra de gabinete arcade, recuerden, fue de 2160 por 2160, que es el doble de la resolución de mi comp principal en la que estoy trabajando ahora, 1080 por 1080, así que necesito volver a posicionar esta obra para que encaje esta composición y bájala para que pueda verlo todo a la vez. Todas estas capas están seleccionadas. Con mi herramienta de selección, podía simplemente hacer clic y arrastrar y mover todos ellos a la vez como si fueran una sola capa. Va a ser muy difícil saber justo dónde debe estar ese punto central. A partir de aquí, si intento escalarlos todos a la vez, sólo agarraré el mango de transformación de fondo aquí a un costado y sostén “Shift”. Ves que todos están bajando juntos, pero se están escalando de forma independiente el uno del otro. El motivo por el que esto está sucediendo es porque cada una de estas capas tiene su propio punto de anclaje. Eso es lo que todos estos pequeños cruzados están en el centro de cada una de las capas. Este es el punto de que todas las transformaciones que haces a las capas están sucediendo alrededor. A pesar de que escalé todos estos al mismo tiempo, todos escalaron desde sus propios puntos de anclaje, razón por la cual todas las ilustraciones se separaron así. Voy a deshacer de nuevo a donde todos siguen en la posición relativa correcta. Lo que realmente necesito poder hacer es bajar una de estas capas y tener todo lo demás escalado con él preservando sus ubicaciones relativas a la capa que estoy escalando. Esto en realidad es algo que After Effects puede hacer realmente fácilmente con lo que se llama el sistema Parent & Link. Se puede crear lo que se llama una relación padre-hijo entre capas, donde el padre es el que está impulsando todas las transformaciones y el hijo hereda todas esas transformaciones. Entonces en este caso, la capa de fondo es un cuadrado, y sé que quiero que eso se escale hacia abajo y se ajuste al tamaño de esta composición. Debido a eso, quiero que esta capa sea el padre de todo lo demás, y todo lo demás simplemente puede escalar hacia abajo y moverse en la posición relativa a esa capa de fondo que se está escalando hacia abajo en posición de llenar la comp. Para hacer todas estas otras capas hijos de esta capa, todo lo que tengo que hacer es seleccionarlas todas. Entonces haré clic en uno de ellos, mantenga presionada “Shift” y luego haga clic en la capa superior, y luego por aquí en la columna Parent & Link está este pequeño ícono giratorio llamado el “Pick Whip”. Ahora si no estás viendo este menú Parent & Link, solo asegúrate de hacer clic derecho en una de estas columnas de aquí arriba, ve a “Columnas” y haz clic en “Parent & Link”. Con todas esas capas seleccionadas, ven a este icono giratorio, el Pick Whip, es lo que After Effects lo llama. Lo que esto te permite hacer es simplemente hacer clic y arrastrar, y puedes hacerlo en cualquiera de estos iconos girados. After Effects aceptará este comando para todas las capas seleccionadas. Simplemente puedo dibujar esta línea azul desde ese punto hasta cualquier otra capa, y como lo estoy haciendo, se está resaltando la capa que estoy tocando. Entonces si bajo a la capa “Fondo” y lo suelto, se va a padre toda esa selección a esa capa, y podemos ver en este menú desplegable el nombre y número de esa capa que ahora es el padre. Entonces lo que esto está haciendo ahora es permitirme seleccionar esta capa de “Fondo”, hacer clic y arrastrarla, y hacer que todos los demás elementos se muevan con ella, pesar de que esa es la única capa que he seleccionado. Todas las demás capas están heredando las transformaciones que estoy aplicando a esa capa de fondo. Debido a eso, también puedo escalar esto hacia abajo, mantener presionado “Shift” para limitar las proporciones, y todo escala hacia abajo con él y mantiene su posición relativa a donde debería estar. Ahora podría tratar de posicionar esto justo en el centro de la comp y escalarlo bien y perfecto, pero las posibilidades de que yo haga eso precisamente no son muy buenas. Entonces, en cambio, lo que quiero hacer es hacer clic derecho en esta capa y usar un pequeño atajo. Bajaré al menú “Transformar”, y en este menú se encuentra un conjunto de comandos “Ajustar a Comp”, “Ajustar a Comp Width”, y “Ajustar a altura de comp”. Ahora en este caso, la capa que he seleccionado es un cuadrado, y mi composición es un cuadrado. Por lo que cada uno de estos realmente va a hacer exactamente lo mismo. El ancho y la altura son el mismo valor de píxel, por lo que ajustar ya sea uno al ancho o alto de la comp va a dimensionar correctamente al otro. Por lo que puedo dar click en cualquiera de estos. Simplemente diré “Ajustar a altura de comp” y se va a reubicar y escalar esa capa para que se ajuste al ancho de comp. Ahora eso hizo exactamente lo que necesitaba. Ahora que esa transformación está hecha, en realidad voy a eliminar esta relación padre con la capa de fondo, porque ya no necesito que las otras capas sigan esa capa de fondo. Entonces para hacer eso, solo voy a seleccionar todo a pesar de que el Antecedentes no está parentado a nada. Haga clic en el menú desplegable “Parent & Link” y diga “Ninguno” arriba en la parte superior. Esta es también otra forma de padres múltiples capas a otra capa simplemente seleccionando una de las capas de la lista. Pero lo voy a cambiar a “Ninguno”, y ahora puedo mover el fondo independientemente de todo lo demás. Antes de pasar de aquí, quiero señalar algunas cosas más sobre ese menú en el menú desplegable Transformar. Si solo selecciono este marco, este es el marco de pantalla del gabinete arcade, haga clic derecho sobre él y baje a “Transformar” y diga “Ajustar a ancho de comp”, se puede ver que hizo exactamente eso. Escaló la capa hacia arriba para ajustarse al ancho de la comp. Si vuelvo a hacer clic derecho sobre él y digo “Transformar”, “Ajustar a altura de comp”, va a tomar la altura de esa capa y ajustarla a la altura de la comp. Pero debido a que esta capa no es un cuadrado como lo era el fondo, si fuera a hacer clic derecho en esta capa, ve a “Transformar” y dice “Ajustar a Comp”, se va a machacar esa capa en. Así que esa es la diferencia entre Ajustar a Comp, y Ajustar a Ancho, y Ajustar a Altura. Fit to Comp hará lo que tenga que hacer para cambiar la escala de tu capa para que tenga exactamente el mismo tamaño que la comp, aunque eso signifique estirarla o machacarla. Así que ten en cuenta eso si usas alguno de esos comandos. Déjame deshacer esto realmente rápido y volver sólo un poquito. Si recuerdas cuando copiamos estas capas, dije que era muy importante que las seleccionaras de arriba hacia abajo. El motivo de eso es porque After Effects realmente está prestando atención al orden en el que estás seleccionando capas. Entonces si fuera a seleccionar del Fondo, mantenga presionada la tecla “Shift” y luego haga clic en la primera capa, esta vez voy a cortar, que es similar a copiar, solo quita las capas antes de pegarlas en lugar de sólo haciendo una copia de ellos. Entonces para hacer eso, voy a subir a “Editar”, “Cortar”, y recordar que seleccioné de abajo hacia arriba en lugar de arriba hacia abajo. Ahora si pego esas capas subiendo a “Edit', “Pegar” o “Comando V”, mis capas están en el orden inverso que estaban cuando las corté. A eso me refiero con After Effects es prestar atención al orden en el que estás seleccionando tus capas. Cualquiera que sea la capa que selecciones primero es la capa que estará en la parte superior de la lista cuando pegues. Entonces si quiero revertir estos de nuevo, necesito seleccionar la capa inferior, mantener pulsado “Shift”, seleccionar la capa superior, “Comando X” para cortar o “Ctrl X” en un PC, y “Comando o Ctrl V” para pegar. Ahora esas capas se reordenan una vez más. Entonces eso es todo lo que quería cubrir con el orden de capas. Ahora que hemos transferido esta obra de arte con éxito, no necesito tener esta composición de gabinete arcade abierta por más tiempo, así que la voy a cerrar haciendo clic en este pequeño botón de “Cerrar”. Genial. Ahora quiero señalar otra cosa en esta línea de tiempo aquí mismo, esta columna, el Nombre de la Fuente. Me está dando el nombre de la capa, pero también con esta barra, el nombre del archivo del que procedía. Esto no siempre es muy necesario, y para realmente ocultar esa información, todo lo que tengo que hacer es hacer clic en “Nombre de fuente”, y cambia a “Nombre de capa”. Por lo que puedo cambiar entre esos dos en cualquier momento. Ahora que todas estas capas están configuradas y listas para salir, podemos empezar a construir lo que se necesita para ir dentro de la pantalla. Pero antes de ir más allá, tengo que señalar que no hemos salvado en absoluto nuestro proyecto, y eso es en realidad un gran error. Ahorrar todo el tiempo es algo de lo que realmente necesitas meterte en el hábito. Si miramos aquí arriba en la parte superior de la barra, dice, “After Effects - Untitled Project” con una estrellita, y esa estrella significa que esto no se ha salvado. Entonces necesito llegar a “Archivo”, “Guardar”, y el atajo de teclado es “Comando S” o “Ctrl S” en un PC, muy fácil de recordar, S para guardar. Sólo voy a poner esto justo en el escritorio donde está toda mi obra de arte y llamarla, “Taco-martes”, y dar clic en “Guardar”. Ahora esa pequeña estrella se ha ido, lo que significa que no hay cambios sin guardar, y puedo estar seguro de que no perderé ningún progreso. Ahora podemos pasar a hacer realmente lo que va a ir dentro de la pantalla de arcade. 11. Precomposiciones y organización: Una buena forma de trabajar dentro de “After Effects” es mediante el uso de composiciones en otras composiciones. Este tipo de composición se denomina PreComposition o PreComp para abreviar. Ya que esta composición que ya hicimos es la que estoy planeando exportar partir de esto va a ser la representación final de lo que queremos que se vea nuestra animación, puedes referirte a ella como el render Comp o tu Final Comp. Ahora podría animar lo que hay en pantalla dentro de este “Arcade Cabinet” directamente en este Render Comp, pero vamos a estar encontrándonos con un montón de capas solo por lo que está pasando en esta pantalla y esta composición puede ponerse realmente desordenada realmente rápidamente. También estamos planeando básicamente acercar la pantalla en un momento de la animación en esta comp y sería mucho más fácil si todo lo que estaba contenido en esta pantalla fuera una capa en lugar de todas las capas que conforman lo que está dentro de ella. Porque de esa manera podríamos padres esa capa al “Arcade Cabinet” y luego escalar todo partiendo cosas entre sí igual que lo hicimos cuando reorganizamos esta ilustración para que se ajuste a esta comp por padres todo a la fondo. Entonces así es como vamos a avanzar. Haciendo una nueva comp que contendrá todo lo que hay en la pantalla. Para hacer una nueva composición, voy a llegar a “Composición”, “Nueva composición” y volvemos a la misma ventana de “Ajustes de composición”. Ahora voy a empezar por nombrar a esta “Pantalla”.. Ahora podemos pensar en las tres cosas principales, la “Resolución”, “Velocidad de fotogramas” y “Duración”. Bueno, la velocidad de fotogramas va a ser la misma. No queremos diferentes velocidades de fotogramas en el PreComp que en el main-comp. Entonces voy a dejar eso a los 30 y la duración puede quedarse en 30 segundos también. De nuevo, probablemente no voy a necesitar que sea tan largo, pero por si acaso me voy a dar mucho espacio de trabajo. Entonces la resolución es lo único que realmente necesito considerar, 1080 por 1080 me permitiría llenar la pantalla, pero me voy a dar un poco de margen solo para poder tener esta área de trabajo que es un poco fuera de los límites de la resolución completa de la Comp por si acaso lo necesito. Entonces voy a aumentar esto a 1200 por 1200. Por lo que solo hay 120 píxeles extra alrededor de los bordes, pero eso podría ser útil. Entonces vamos a ir con 1200 por 1200 y luego dar clic en “OK”. Al igual que antes se abre la nueva composición y tenemos un fondo negro. Ahora por aquí en el panel “Proyecto”, se puede ver que ahora hay múltiples composiciones y tenemos esta carpeta con las capas de ilustraciones en ella. Cuantos más activos que cree dentro de After Effects, más ocupado va a estar este Panel de Proyectos. Por lo que es importante mantenerse organizado por aquí. De esa manera podrás saber fácilmente dónde están los activos si necesitas llegar a ellos y hacer cambios. Entonces voy a empezar a hacer algunas carpetas más. Voy a dar clic aquí abajo en el botón “Crear una carpeta nueva”, y voy a nombrar a éste “Activos”. Ahora puedes nombrar estas carpetas como quieras y organizarlas como quieras. Pero lo importante es que te mantengas organizado. Es simplemente mucho más fácil hacer un seguimiento de las cosas si tienes una estructura en su lugar. Entonces en la carpeta “Activos”, voy a traer esta capas de “Arcade Cabinet”, recuerda esta es nuestra ilustración de Illustrator para nuestro “Gabinete Arcade”, trae eso a la carpeta “Activos”, así como este “Gabinete Arcade Composición” que After Effects hizo al importar la obra de arte en After Effects. Entonces voy a trasladar eso al “Activos” también, y cerraré “Activos”. Siguiente Voy a hacer una carpeta llamada “PreComps” y así es como me gusta escribir “PreComps”, no sé dónde recojo eso, pero eso es solo para forzar un hábito. Así es como lo escribo. Entonces carpeta “PreComps” y luego voy a agarrar mi PreComp “Pantalla” y moverlo a esa carpeta. De esa manera sé que este comp en el exterior de mi estructura de carpetas es el render Comp, y cualquier cosa aquí dentro es lo que compone otras partes de lo que hay dentro de esa comp. Ahora veamos a nuestro espectador de composición. Ahí abajo está este interruptor que parece un tablero de ajedrez. Dice “Cuadrícula de Transparencia Toggled”. Si hago clic en esto, mi fondo negro desaparece y veo este patrón de tablero de ajedrez. Este patrón de tablero de ajedrez es una forma universal de indicar que no hay nada ahí. Esto es transparencia o transparencia. Si puedes ver este patrón de tablero de ajedrez ya sabes, que ahí no hay nada. Esto solo te permite cambiar entre verlo como una cuadrícula de transparencia o lo que sea que establezcas tu color de fondo de comp también. A veces es difícil ver en qué estás trabajando en este patrón de tablero de ajedrez dependiendo de con qué trabajes. Si fuera como un cuadrado blanco, sería difícil de ver. Entonces si llego a “Capa”, “Nuevo”, “Sólido”, y lo hago blanco puro, haga clic en “Aceptar” y luego lo haga 100 por 100, haga clic en “Aceptar”, eso es difícil de ver en esa cuadrícula de transparencia. Pero si lo desactivo, queda perfectamente claro en ese fondo negro. Entonces, ten en cuenta que eso está ahí para poder previsualizar manera diferente dependiendo de con qué estés trabajando. Voy a seguir adelante y deshacerme de ese sólido. Entonces, ¿qué va a ir dentro de este Precomp “Screen”? Bueno, todo lo que conforma el videojuego. Entonces vamos a importar la otra obra de arte Necesitamos hacer este videojuego. Por lo que dentro de la carpeta “Activos”, voy a hacer clic en esa carpeta “Activos” y luego subir a “Archivo”, “Importar”, “Archivo”. Después seleccionaré la obra de arte restante. Por lo que tenemos a los Jefes de los Enemigos en el videojuego, tenemos el Taco Camión y tenemos el propio Taco. Por lo que voy a seleccionar todos esos manteniendo pulsado “Comando” o “Control” en un PC y haciendo clic en cada uno y luego haciendo clic en “Abrir”. Ahora sucedió algo diferente esta vez. No me preguntó cómo quería importar estos archivos y eso es porque estaba importando múltiples activos al mismo tiempo. Eso es un problema porque hay múltiples capas en esta obra de arte a las que necesito acceder. El Taco Camión es una capa plana, el propio Taco es una capa plana, pero dentro de este archivo hay múltiples cabezas. Afortunadamente, puedo conseguir que After Effects divida esas capas después de que ya las haya importado a After Effects. Todo lo que necesito hacer es hacer clic derecho, bajar a “Reemplazar material de archivo” y luego pasar a “With Layered Comp”. Por lo que estoy reemplazando el metraje por un comp en capas. Cuando hago clic en eso, cambia esa ilustración en una composición, trae en una carpeta con la ilustración dentro de ella, y ahora tengo acceso a cada una de las capas. Ahora ya está hecho, cerraré esto. Tengo toda mi obra de arte aquí, y empezaré por traer mi capa de Taco Truck la composición haciendo clic y arrastrándola hacia el centro de la comp. Ahora que tenemos algo en esta comp, voy a volver a nuestra comp principal, encontrar ese PreComp que está aquí mismo, “Pantalla”, y traerlo a esta comp, igual que cualquier otra capa. Entonces lo voy a arrastrar a la parte superior de mi pila de capas, y ahí vamos. Podemos ver que Taco Camión aparece. Pero el Bounding Box con estas manijas transformadoras que puedes ver están mucho más lejos que el propio Camión. Eso se debe a que el Bounding Box es para el tamaño de esa comp, no para lo que hay en ella y el tamaño de comp, miramos el “Proyecto"Panel aquí mismo es 1200 por 1200, justo como lo dijimos. Debido a que esta comp ahora está dentro de otra comp, técnicamente es una PreComposition o una PreComp por lo que hicimos una carpeta “PreComp” y la pusimos en esa carpeta en el panel “Proyecto”. Pero este PreComp ahora se comporta igual que cualquier otra capa. Entonces si arrastro esto hacia abajo por debajo del marco de la pantalla haciendo clic y arrastrándolo hacia abajo a la derecha ahí entre la Capa 6 y 7 y lo suelto, ahora que PreComp está apareciendo detrás de todas las capas por encima en la pila de capas. Podría hacer clic y arrastrar para reposicionar esto. Una vez que tengamos más de lo que está configurada dentro de esta Composición, lo reduciremos y haremos que parezca que en realidad está ahí en el Arcade. Pero así es como funciona un PreComp. Entonces voy a volver a esa Precomp ya sea dando click en esta pestaña o simplemente haciendo doble clic en la capa y eso me abrirá el PreComp. 12. Posición: Ahora que tenemos una capa en esta comp, necesitamos saber cómo manipularla para que realmente podamos animarla. Existen cinco controles principales de Transformación que se aplican a básicamente cualquier capa que necesites manipular. En los próximos videos, vamos a caminar por todos esos controles de Transformar. Para ver una lista de esos controles, basta con girar hacia abajo esta flecha junto a cualquier capa y eso abrirá los controles de Transformar. Es posible que veas otros elementos de menú en otras capas, pero casi siempre encontrarás el menú de transformación en cualquier capa dada. Para una capa de ilustrador, esto es lo único que estamos viendo en este momento. Vamos a girar esa flecha hacia abajo también y ya ves que tenemos una lista de estas cinco propiedades de Transformación; Punto de anclaje, Posición, Escala, Rotación y Opacidad. Ahora las tres propiedades principales que vas a estar usando en animación más que cualquier otra cosa son Posición, Escala y Rotación. Esas tres propiedades pueden conducir básicamente cualquier animación que necesites lograr. Pero el Punto de Anclaje es muy importante de entender porque afecta drásticamente a cada una de esas propiedades, y la Opacidad también es un control de Transformación muy importante para estar al tanto. Pero en lo que va del movimiento; Posición, Escala y Rotación son clave. Empecemos con Posición. Algunas de estas son bastante autoexplicativas, posición es la posición de la capa, y si echamos un vistazo a estos números azules por aquí, estas son las coordenadas x e y medidas en píxeles para esa capa. Ahora la capa está centrada en la composición y los valores x e y son de 600 por 600. El motivo por el que el centro de la comp no es 00 es porque After Effects está mirando la esquina superior izquierda como la posición 00 en las coordenadas x e y. esto me gusta llamar el origen de la comp. La posición de esta capa relativa al origen de la comp es de 600 en la x y 600 en la y medida en píxeles, y te puedo dar aún más prueba visual de esto si subo a View and down a Show Rulers, te voy dar click en eso, y esto me va a dar reglas para el espectador de composición. Si echas un vistazo a la esquina superior izquierda del eje x, ahí es donde comienza cero, y en el eje y, ahí es donde comienza cero también. A medida que muevo el ratón, puedes ver esta pequeña línea azul apareciendo en las reglas para darte una estimación de dónde está tu cursor del ratón. Si me muevo derecho al centro del punto de anclaje para esa capa, esta pequeña cruz aquí en el centro de la capa, se puede ver esas líneas azules en las reglas se alinean más o menos hasta 600 píxeles por 600 píxeles. Es así como After Effects está trazando la colocación de las capas, y con la Herramienta de selección activa, si hago clic y arrastre sobre esta capa, se puede ver aquí abajo que los números están cambiando a medida que lo hago porque el Punto de anclaje de mi capa está cambiando a medida que estoy moviendo esto alrededor. Si quería que mi Anchor Point estuviera en la esquina superior izquierda, todo lo que tengo que hacer es cambiar este valor a 00. Ahora podría hacer clic y arrastrar sobre estos números a la izquierda y a la derecha para cambiar sus valores, pero eso sería un poco tedioso tratar de que eso fuera exactamente cero. Una forma más fácil es simplemente hacer clic una vez y luego escribir en el teclado 0, presionar “Enter”, luego hacer clic en el segundo número, pulsar “0”, y luego volver a pulsar “Enter”. Ahora mis capas Punto de anclaje está directamente en la esquina superior izquierda de la comp. Si lo quisiera en la esquina inferior izquierda de la comp, entonces tendría que ir cero en el eje x y 1,200 píxeles en el eje y, esa es la altura de la comp. Escribiré 0, 1200, presione “Enter”, y ahí está en la parte inferior izquierda. Esta esquina sería 1,200 on y, 1,200 on x, por lo que 1,200 en cada uno de estos, y luego volver aquí arriba en la esquina superior derecha sería cero en la y, 1,200 en la x. Obviamente, se puede ir más allá de los límites de la comp, no tienes que quedarte dentro de la comp, los números solo contarán más allá del ancho o la altura de la comp, e incluso puedes ir en valores negativos. Si voy al lado izquierdo, ves que mi posición está en negativo 500 en la x No importa cuáles sean tus valores de posición, solo necesitas recordar que son relativos al origen de la comp, la parte superior izquierda esquina. El sentido positivo para la x es a la derecha, dirección positiva para la y es hacia abajo. Volvamos a poner esto en el centro de la comp escribiendo a la mitad del ancho y alto que era de 600 por 600, y una forma rápida de saltar de un valor a otro sin tener que presionar Enter y luego hacer clic en el siguiente es sólo por teniendo seleccionada la primera propiedad. Escribí mis números 600, y luego solo presiono la tecla “Tab” del teclado, y eso irá al siguiente valor automáticamente. Por tipo 600 ahí y luego pulsa de nuevo “Tab”, se va a pasar a la siguiente propiedad, o si mantienes pulsado “Shift” y pulsas “Tab”, irá en la dirección opuesta mientras mantengas pulsado “Shift”. “ Tab” para avanzar un valor de propiedad, “Mayús+Tab” para ir hacia atrás un valor de propiedad. Presionaré “Escape” para salir de eso y ya no necesito a mis gobernantes, así que voy a usar el atajo de teclado para ocultarlos, que es “Comando+R” o “Control+R” en un PC. Ahora recuerda, en nuestra comp principal, usamos Parenting para mantener estas capas en relación con el fondo cuando la bajamos. Si matamos una capa a otra, eso en realidad afecta la posición de esa capa. Entonces déjame mostrarte lo que quiero decir con eso. Voy a duplicar esta capa seleccionándola, llegando a “Editar”, “Duplicar”, que es “Comando” o “Control+D” en una PC, haga clic, y ahora tengo dos copias de esa misma capa. Sólo para que esto sea más fácil de ver, voy a mover un poco esta copia hacia arriba hacia la izquierda, y voy a hacer de esta capa una hija de la nueva capa duplicada. Recuerda hacer eso, solo tienes que agarrar el látigo de pick, capa de lámina que quieras padre, haz clic y arrastra hasta la capa que quieras ser el padre y luego suelta. Aquí nada cambió visualmente, pero el valor de la posición sí cambió. En lugar de ser 600 en la x y 600 y en la y, es 536 en la x y 600 en la y, pero mi capa no cambió de posición. Ahora, ¿por qué es eso? Bueno, es porque cuando eres padre de una capa, el valor de la posición ya no es relativo a la comp, es relativo al padre. Si hago clic y arrastro sobre la capa padre, esta capa se mueve con ella, el valor de posición nunca cambia. Al igual que el origen de comps es la esquina superior izquierda, un origen de capas es también la esquina superior izquierda. Esta copia del Taco-Camión se encuentra en una x, posición de 536 y una posición y de 600 relativa a la esquina superior izquierda de este Taco-Camión. Si cambio la posición a 0, pulse “Tab” para ir al siguiente valor y pulse “Cero” de nuevo y pulse “Enter”. Ahora mi Punto de anclaje para esa capa está exactamente en el mismo lugar que la esquina superior izquierda para el padre, así que eso es algo muy importante de tomar nota. Si elimino el padre seleccionando esa capa y presionando “Eliminar”, entonces esta capa ya no tiene nada para ser parentado, y el valor de la posición vuelve a ser relativo al origen de las comps. Ahora, hay dos cosas más de las que no quiero hablar respecto a la propiedad de la posición. El primero es el panel “Alinear”. Este es el único panel que dejamos abierto, realidad no es esencial trabajar en “After Effects”, pero que uso todo el tiempo y vamos a estar usando en esta clase. Déjame expandir esto haciendo click y arrastrándonos hacia abajo hasta que se haga broches. Eso es hacernos saber que podemos ver todo en el panel ahí. Lo que esto nos va a permitir hacer es alinear nuestras capas ya sea a la Composición o a una selección de múltiples capas, así como algunas cosas más avanzadas a las que vamos a llegar en un segundo. Pero lo primero más básico para usar esto es alinear una capa a la composición. Todos estos botones aquí abajo son los que permiten alinear esta capa dos partes de la composición. Este primero está alineado a la izquierda, por lo que obtenemos una línea en el lado izquierdo de este ícono y luego dos rectángulos empujados hacia arriba contra él, bonitos y alineados. Tiene sentido que si hago clic en esto, desplaza mis capas borde izquierdo hacia el borde izquierdo de la comp. Si hago clic en este de aquí, la alineación derecha, lo mueve hacia el lado opuesto de la comp. También puedo hacer el borde superior, el borde inferior, o el centro horizontal y verticalmente. Si quiero centrar esto realmente rápido, todo lo que tienes que hacer es alinear horizontalmente y alinear verticalmente. Yo uso eso todo el tiempo por eso mantengo abierto el panel de alineación todo el tiempo. Pero se puede hacer más que simplemente alinearse con la composición. Yo quiero hacer un duplicado de esta capa, y para hacerte eso, solo sube a “Editar” y luego a “Duplicar” y el atajo de teclado para eso es “Comando D” o “Control D” en un PC. Este es otro realmente fácil de recordar y lo haces todo el tiempo. Incluso puedes duplicar cosas dentro de tu panel de proyecto de esta manera. Sólo tienes que saber duplicar pulsando “Comando D” o “Control D' y eso hace una segunda copia de lo que habías seleccionado. Puedes hacer esto a través de múltiples capas si quieres, luego moverlo fuera del camino para que podamos ver ambas copias. Después haré una selección de ambas capas haciendo clic y arrastrando con mi herramienta de selección hasta que puedas ver esas dos cajas de resaltado alrededor de cada capa y soltarlas. Lo que esto permite hacer ahora es cambiar de alinear a la composición a alinearse con la selección. Digamos que quería que esta capa se alineara con el borde superior de esta capa. Bueno, sólo voy a pasar al botón “Alinear arriba” y hacer clic y eso mueve la capa que esté más abajo al borde superior de la capa que sea más alta. Voy a deshacer, y lo mismo es cierto para la dirección opuesta, podría alinearme al fondo y funciona igual. También tenemos la alineación izquierda y derecha, se necesita la capa que esté en el más extremo de cualquier botón en el que estés haciendo clic, y en eso se basa la alineación. Esta es también una forma fácil de alinear las capas horizontal y verticalmente para que ambas estén perfectamente alineadas entre sí. Pero ¿y si duplico esta capa un par de veces más? Haré cinco copias. Entonces “Comando D” hasta que tenga cinco capas aquí y solo las extenderé por toda la comp. haré a todos más pequeños, no necesitas preocuparte por cómo lo estoy haciendo aún, vamos a cubrir báscula en tan solo un segundo, pero ahora tengo un montón de camiones pequeños por todo mi comp. Si selecciono todos ellos, no sólo puedo alinearlos digamos, verticalmente, o alinearlos a la composición verticalmente. También tengo estos botones de “Distribuir capas” abiertos ahora. Esto es específicamente para selecciones de tres o más capas. Lo que te permiten hacer es básicamente distribuir uniformemente las capas en función de su tamaño. Si quisiera poner la misma cantidad de distancia entre cada una de estas capas, solo las seleccionaré todas, y luego me acercaré a ésta de aquí, “Distribuir horizontalmente” y hacer clic. Ahora, cada una de estas capas tiene exactamente la misma cantidad de distancia entre sus puntos angulares. El exterior dos capas más son las que “After Effects” basó la distribución, por lo que esas dos no se movieron, solo las que estaban en el medio. Si escalo todo esto un poco más hacia abajo, otra vez, no te preocupes por cómo estoy haciendo eso, y luego solo cambiaré la alineación de este borde derecho, haré una selección y prestaré atención a los camiones derecho e izquierdo. Cuando hago clic en “Distribuir horizontalmente”, todas las capas entre medias se movieron para que haya la misma cantidad de distancia entre cada capa, y se puede hacer eso horizontal y verticalmente. También puedes distribuir dos bordes de capas. Ahora mismo cada una de estas capas tiene el mismo tamaño, por lo que distribuirlas a la derecha o a la izquierda de cada capa no hace diferencia. Pero si fuera a escalar este hacia abajo, hacer éste un poco más grande y simplemente cambiar tamaños de todas estas capas, luego volver a posicionarlas un poco y luego tratar de distribuir al borde izquierdo. Ahora, la misma distancia se distribuye entre el borde izquierdo de cada capa en lugar del centro de cada capa o podría hacer el borde derecho. No uso estos muy a menudo, pero es importante saber por qué también tienes acceso aquí en el panel Alinear. Simplemente los repartiré todos uniformemente en el eje horizontal otra vez y lo llamaré bueno. Voy a eliminar todas menos dos de estas capas y l escalar estas de nuevo un poco. lo último de lo que quiero hablar es de chasquear. Snapping te permite alinear las cosas de manera muy precisa. Si quisiera decir mover la parte trasera de este camión al frente de este camión, y tratar de hacerlo a mano, podría ser muy difícil saber si lo hice o no precisamente. Pero hay una característica aquí arriba en nuestra barra de herramientas la casilla de verificación para encajar, hago clic en eso. Esto te permite ajustar tus capas a diferentes cosas de tu composición. Si tuviera que hacer clic y arrastrar cerca del borde izquierdo de esta capa, se ve que ahora tengo un cuadrado alrededor, el mango de transformación centro-izquierda para esta capa. Eso me está haciendo saber que este es el punto que “After Effects” va a usar como referencia para chasquear con otras cosas. Si me acerco esto a la otra camioneta justo ahí y solo salté justo encima y se partió hacia el borde derecho de ese otro camión de tacos. Si lo muevo un poco hacia arriba, se va a chasquear derecho al centro, transformar mango en ese borde derecho, y tengo ese segundo icono cuadrado haciéndome saber eso. Dependiendo de donde haga clic en esta capa, se va a chasquear desde un punto diferente. Asegúrate de saber dónde estás pinchando y este pequeño cuadrado de resaltado al hacer clic, eso es lo que te está dejando saber de dónde va a brotar. Pero esto permite chasquear no sólo dos bordes y esquinas, sino también a lo largo del eje horizontal o vertical. Permítanme acercar aquí y volver a posicionarlo para que podamos ver. Puedo ir en este eje y aquí, verticalmente en el segundo camión taco así como horizontalmente en el eje x. Pero hacer clic en esta casilla de verificación de chasquido cada vez que quieras que algo se encaje no es la forma más rápida de hacerlo. Si desmarco esto y vuelvo a simplemente mover libremente mi capa ahora, todo lo que tengo que hacer para habilitar temporalmente el snapping es mantener presionado “Comando” o “Control” en una PC mientras arrastra. Con esto clicado y arrastrado, los mantendré “Comando” y eso temporalmente mientras mantenga pulsado “Comando” habilita el snapping. Esa es una forma mucho más rápida de trabajar dentro de: After Effects”. Entonces esa es una herramienta muy útil dentro de “After Effects” para alinear las cosas y lo último de lo que realmente necesitamos hablar para los fundamentos de la propiedad de posición. Centremos esta copia de seguridad yendo a 600 en la X, 600 en la Y y pasemos a escala. 13. Escala: Ahora, ya repasamos un poco de escalado en esta comp cuando ajusto la obra a las dimensiones de la comp, pero en realidad no expliqué qué qué estaba haciendo tan bien. Hablemos de la propiedad Scale. Se puede ver que esto se mide en porcentajes más que en píxeles. De forma predeterminada, cuando se introduce una capa o cuando se crea cualquier capa en After Effects, se va a iniciar en una escala del 100 por ciento tanto en la x como en y, lo que esta capa, tal como la vemos, es del 100 por ciento de su resolución. Al igual que la propiedad de posición, puedo hacer clic y arrastrar sobre este número y establecerlo en 50 por ciento, por lo que es la mitad del tamaño que originalmente era. Te darás cuenta de que ambos números cambiaron al arrastrar ese número, a diferencia de la posición donde se separaron los x e y. Bueno, eso es por este pequeño ícono aquí mismo, constreñir proporciones. Es un pequeño eslabón de cadena y básicamente es mantener juntas esas proporciones para que no estire accidentalmente esa capa. Si desmarcho eso haciendo clic en él, entonces puedo escalar independientemente la x de la y Ahora, es bastante raro que quisieras hacer algo así a menos que sea una elección estilística. Generalmente mantengo eso vinculado, pero si lo dejo en proporciones diferentes a la escala original, y vuelvo a hacer clic en este eslabón de cadena, ahora cuando escalo esto hacia abajo, conserva las proporciones a las que lo había establecido. Esa es una forma de cambiar la escala de una capa. También puede utilizar la herramienta de selección, y hacer clic y arrastrar en cualquiera de estos manejadores de transformación que componen el cuadro limitador de la capa. Si hago clic y arrastre en el medio superior, solo puedo escalar en el y, lo mismo para el mango inferior, o en los mangos central izquierdo y derecho, puedo escalar solo en la x, de cualquier manera. Incluso puedo ir en la dirección opuesta y reflejar el gráfico. Se puede ver que ahora el valor x es una escala negativa. O podría voltearlo boca abajo haciendo lo mismo con el asa superior. Después tenemos los mangos de transformación de esquina. Si hago clic y arrastre en cualquiera de estos, puedo transformar tanto la escala x como y a la vez. Ahora, podría tratar de conseguir esto sobre dónde estaba originalmente, al 100 por ciento, tanto en la x como en y. solo estoy mirando estos números ya que estoy haciendo esto, pero como pueden ver, se está acercando realmente, pero no exacto. Ahora tengo fracciones de estos porcentajes, y quiero que esto vuelva a ser perfectamente simétrico. Bueno, hay una tecla modificadora que puedes presionar en el teclado mientras transformas con los mangos de transformación para ajustarlo a sus proporciones originales. Esa es sólo la tecla Mayús. Si hago clic y arrastro en un manejador de transformación y luego mantén presionada la tecla Mayús, verás que se ajusta a estar de nuevo en una escala de uno a uno. No importa lo que haga con mi ratón, no puedo cambiar esas proporciones. Está limitando esas proporciones. Ahora que eso está constreñido, puedo soltar mi ratón y luego bajar a la escala y simplemente escribir 100, presionar Enter, y debido a que estos estaban vinculados, actualizó tanto la x como y y y estamos de vuelta a donde empezamos. Al igual que con la posición, la escala es relativa al padre. Si dupliqué esto una vez más presionando Comando o Control D, haga clic y arrastre esto por aquí, y luego padre el original al duplicado, voy a escalar el padre hacia abajo haciendo clic en él, haciendo clic en el manija de transformación, manteniendo pulsado Shift y escalado. Al hacer esto, a pesar de que esta capa hijo se está haciendo más pequeña, observe que la escala de esa capa no ha cambiado. Eso se debe a que está heredando la escala del padre, y este valor está reflejando la escala relativa a su padre. Pero de nuevo, si elimino al padre, entonces mi escala salta a ser 40.7 por ciento de sí misma en lugar de 100 por ciento la escala de su padre. De acuerdo, vamos a volver a colocar esto en 100, centrarlo en la posición x e y. Uops, 600 por 600. Esa es la propiedad Scale. 14. Rotación: La rotación es realmente simple de entender. Es solo la rotación de la capa. El valor se mide en grados, así como revoluciones. Si hago clic y arrastre en este número, puedo aumentar el ángulo hasta 360 grados. En cuanto pase 360 grados, se ve que este cero ahora es uno. Entonces eso solo indica que hay un ciclo, o una revolución de la rotación original plus, cualesquiera que sean los grados que tengan por aquí. También puedo ir en dirección negativa. Si hago clic y arrastra esto hacia la izquierda, puedes ver que hay una rotación negativa. Mi capa está girando en la dirección opuesta, y también puedo entrar en la revolución de ciclo negativo. También puedes escribir números aquí, así que si quiero volver a ajustar esto a cero, puedo presionar “Tab”, pulsar “ Zero” de nuevo, Enter, y estoy de vuelta a cero grados de rotación. Pero también tenemos una herramienta de rotación aquí arriba en la barra de herramientas. El atajo de teclado para ello es w La razón por la que no es r es porque eso en realidad está reservado para otra cosa a la que llegaremos en tan solo un poquito. Pero voy a dar click en esa herramienta de rotación. Ahora si hago clic y arrastre sobre la propia capa en el visor de comp, solo puedo girar a mano alzada esto. Se puede ver esa propiedad cambiando aquí abajo mientras hago clic y arrastre. Al igual que con la posición y la escala, si mantengo pulsada Mayús, es una clave modificadora que limita algo. Esta vez, limita la rotación a incrementos de 45 grados. Estoy presionando la tecla Mayús ahora mismo. Pero eso es muy útil para cuando necesitas ajustar esa rotación a un ángulo de 45 grados. Si sigo girando esto, toma nota de que, las revoluciones van en aumento. After Effects está prestando atención al número de veces que estoy girando esto. Si voy en la dirección opuesta, puedo volver a bajar eso a cero. De nuevo, voy a duplicar esta capa, moverla aquí arriba, padre esta al duplicado. Sólo para mostrarte que una vez más, si giro al padre, el niño se mueve con él, pero el valor de rotación no cambia. Una vez más, todos los controles transformados son relativos a su padre a menos que no tengan padre. Si borro a ese padre, ahí vamos. Todos estos ahora son relativos a la comp nuevamente. Eso es todo lo que hay a la rotación. 15. Opacidad: A continuación, veamos la opacidad. opacidad y la transparencia son intercambiables, pero básicamente significan opuestos. Algo que es totalmente opaco es algo que es sólido. No se puede ver a través de ella en absoluto. Algo que es totalmente transparente es algo que se puede ver directamente a través, como el vidrio o el agua. Pero incluso aquellos técnicamente les tienen cierta opacidad. aire sería un buen ejemplo de algo que es completamente transparente a pesar de que está ahí. A 100 por ciento de opacidad, vemos el 100 por ciento de esta obra de arte y si lo dejo abajo, ya ves que hay una especie de desvanecimiento a negro. Ahora la razón por la que se está desvaneciendo a negro es porque eso es lo que hay detrás de esta capa, este fondo negro. Pero si enciendo mi rejilla de transparencia haciendo clic en este botón aquí mismo, entonces vemos ese patrón de tablero de ajedrez viniendo por esa capa. Voy a acercar presionando el signo mayor que. Se puede ver claramente que el tablero de ajedrez se está mostrando a través de la capa. Bajar la opacidad hace que la capa sea más transparente. Aumentar la opacidad hace que sea menos transparente. Este número sólo puede ir entre cero y 100 por ciento. A cero por ciento de opacidad, no se ve nada y al 100 por ciento de opacidad, no se puede ver a través de ella en absoluto. Esta es la única de estas cinco propiedades que no es relativa a nada más. No es relativo al contenido de todos modos, si duplo esto, hacer de esta capa un hijo del duplicado y cambiar la opacidad del padre entrando en esos Controles de Transformación y bajándola. Mira, eso no afecta en absoluto a la capa hijo y eso es único de la propiedad de opacidad. Pero es bastante sencillo de entender. Eso es todo lo que hay a ello. 16. Punto de anclaje: Por último, tenemos el punto de anclaje y lo dejé intencionalmente como la última propiedad de transformación de la que quería hablar porque afecta la posición, la escala, y la rotación. Esta pequeña capa cruzada aquí mismo que es el punto de anclaje para la capa. De forma predeterminada, cualquier capa que crees, cualquier capa que introduzcas después de los efectos tendrá su punto de anclaje establecido el centro muerto de esa capa. El punto de anclaje es donde todas estas otras transformaciones, posiciones, escala y rotación tienen lugar alrededor. rotación es una propiedad realmente buena para explicar esto, así que voy a acercar un poco con solo presionar el signo mayor que y luego cambiar a mi herramienta de rotación pulsando “W” en el teclado y rotar esta capa un poco. Obviamente se puede ver que la rotación está sucediendo alrededor del punto de anclaje central eso no es nada nuevo que voy a deshacer. Ahora el punto de anclaje se mide en píxeles en el eje x e y, al igual que las posiciones x e y coordenadas. Pero en lugar de que los valores sean relativos al origen de las comps, son relativos al origen de las capas. El centro de esta capa es de 216 píxeles en la x desde la esquina superior izquierda de esta capa, y 216 píxeles en la y desde la parte superior izquierda de esta capa. Si pongo el punto de anclaje hacia abajo en 0,0, bueno, el punto de anclaje ahora está en la esquina superior izquierda, pero la obra de arte de capas en realidad se ha desplazado hacia abajo hacia la derecha. Ahora la razón que sucedió es porque no cambié el valor de la posición. Recuerde que la posición es la relación entre el punto de anclaje y el origen de la comp. Eso no cambió cuando cambié el valor de los puntos de anclaje. En cambio, el contenido de la capa se desplazó en función de la posición de los puntos de anclaje. Si hago clic y arrastro en cualquiera de estos valores, se puede ver cómo simplemente se está desplazando alrededor de esa capa. Ojalá eso tenga sentido, cuando estás arrastrando estos números en lugar de cambiar realmente la posición de la capa, ya que el punto de anclaje es lo que determina esa posición, se desplaza el contenido de esa capa alrededor de ese punto en el comp. Voy a deshacer presionando “Comando Z” y seguir presionando eso hasta que el punto de anclaje esté de vuelta en la esquina superior izquierda. Ahora que mi obra no está centrada en ese punto de anclaje, voy a cambiar la herramienta de rotación pulsando “W” en el teclado y luego hacer clic y arrastrar para girar esa capa. Te darás cuenta de que ahora está girando alrededor de ese punto de anclaje, igual que antes. Pero debido a que la obra ya no se centra en el punto de anclaje, la transformación de rotación es muy diferente. Pero digamos que queríamos que esto rotara alrededor de esta llanta trasera. Bueno, déjame deshacer para que volvamos al punto de anclaje centrado. Podría simplemente ir al valor del punto de anclaje y simplemente modificar la x y la y haciendo clic y arrastrando. Esa es una forma de hacerlo pero digamos que no quiero que se mueva el contenido de la capa. Quiero poder mover el punto de anclaje y dejar la obra justo donde estaba. Déjame deshacer otra vez y echar un vistazo a otra herramienta. Aquí arriba está el dolor detrás o herramienta de punto de anclaje. Esta herramienta, sirve a dos propósitos diferentes, pero para lo que la vamos a utilizar es el punto de anclaje. Voy a llamarlo la herramienta de punto de anclaje. Lo que esto permite hacer es hacer clic y arrastrar para colocar libremente el punto de anclaje dentro del contenido de una capa. A medida que estoy moviendo esto, echa un vistazo tanto al punto de anclaje como a la posición. Ambos están resaltados, lo que me está haciendo saber que ambos se están modificando, y ver todos estos números mientras hago clic y arrastre, todos están cambiando. El motivo por el que todos están cambiando es porque el punto de anclaje está cambiando en relación con el origen de la capa. También está cambiando la posición que se mide por el punto de anclaje porque esa es la posición relativa entre el punto de anclaje y el origen del campamento. Debido a que ambos valores están cambiando al mismo tiempo, la obra de arte es capaz de permanecer exactamente en el mismo lugar. Simplemente puedo hacer clic y arrastrar esto y libremente ponerlo en ese interruptor de llanta trasera a mi herramienta de rotación W en el teclado y ahora puedo hacer clic y arrastrar para hacer que este rebote arriba y abajo de esa llanta trasera. Desharé para volver a cero rotación y cambiar a mi herramienta de selección V en el teclado y mostrarte que la escala también está sucediendo fuera de ese punto de anclaje donde está esa llanta trasera izquierda. Voy a deshacer de nuevo a escala 100 por ciento. Esas dos propiedades, escala y rotación son las más notablemente afectadas por esa posición de puntos de anclaje. Pero la posición en sí también se ve afectada como ustedes vieron, cuando yo estaba haciendo clic y arrastrando ese punto de anclaje alrededor. Por eso es tan importante entender cómo usar el punto de anclaje para controlar las transformaciones de tu capa. Antes de terminar este video, solo quiero mostrarte un truco más rápido para conseguir que el punto de anclaje esté vuelta en el centro exacto de la capa sin tener que mover la obra de arte en absoluto. Simplemente haga clic derecho en la capa, vaya a “Transformar” y luego hacia abajo hasta centro punto de anclaje en el contenido de la capa. Si hago clic en eso, el punto de anclaje se vuelve directamente al centro de la capa y la propia obra de arte no se ha movido en absoluto. Estamos de vuelta a la forma en que empezamos y ese es el último de los controles de transformación. 17. Fija tu propio ritmo: Me doy cuenta de que probablemente te estás abrumando bastante con toda la información que te estoy lanzando. Yo sólo quiero decir, tómalo despacio. Si necesitas volver atrás y tomar algunas de tus propias notas, rebobinar un poco y solo revisar algo de este material, no sientas que eso sea algo malo. Este es un curso muy largo y estamos cubriendo mucho suelo.No está destinado a ser un fácil sentarse en una tarde, ver la clase y tener un proyecto. De verdad estoy tratando de inculcar algunos buenos principios y consejos de flujo de trabajo para todo tu viaje de After Effects, que estés desarrollando buenos hábitos desde el principio y realmente comiences a entender cómo funciona este programa para que tú puede acercarse a tus futuros proyectos desde una perspectiva que te permita realmente afinar en cómo hacer lo que quieres hacer en lugar de solo cuestionarte, cómo hago esta cosa específica. Yo quiero que tengas una buena base y comprensión de cómo funciona este programa y cómo puedes empezar a problematizar resolver tus propios proyectos a medida que avanzas. Pase el ritmo, revise algunas cosas, límese en After Effects para ver cómo suceden las cosas y simplemente tómese un descanso si lo necesita y vuelva cuando tenga una mente fresca. 18. Configuración de la escena: De acuerdo, es hora de realmente empezar a colocar los elementos para lo que va a estar en la pantalla. En primer lugar este camión es demasiado grande, lo diseñé en 432 por 432 píxeles pero eso es más grande de lo que necesita ser. Vamos a reducirlo en un 50 por ciento solo hagámoslo la mitad del tamaño. Voy a girar esto abierto, entrar en los controles de Transformar y llegar a mi Escala y solo teclear 50 presiona “Enter” y como esas proporciones se vincularon ambos actualizaron al 50 por ciento y ahora es la mitad del tamaño que era. Ahora esto podría incluso ser un poco demasiado grande pero podemos reducirlo más tarde si es necesario. La idea para esta animación va a ser el videojuego jugando obviamente. Como jugador controlas el camión y disparas tacos a cabezas flotantes que están saliendo para alcanzarte. Tienes que tirarle un taco a la cara antes de que te lleguen que les hará comer el taco y desaparecer. Vamos a tener este joystick moviéndose en los botones presionando para disparar los tacos a través de la pantalla a las cabezas voladoras que están entrando desde la derecha. Obviamente esta pantalla es demasiado grande solo por ahora voy a escalar esto hacia abajo haciendo clic y arrastrando mientras mantiene presionado el turno en el mango de Transformar justo hasta que el cuadro delimitador sea un poco más grande que el ancho máximo de la ilustración real para la pantalla. Algo así y voy a tratar de centrar esto hacia arriba pero de esa manera sé que los bordes de la pantalla van a estar ocultos por ese marco. Pero la escala relativa asumiendo aquí con el mayor que firmar y panear con la barra espaciadora, eso se trata de la escala del camión en la pantalla ahora mismo podría hacer esto un poco más apretado aquí. Sólo quiero asegurarnos de que esta línea no entre en este marco pero vamos a afinar esto un poco más tarde. Por ahora esto va a servir como una buena referencia para sobre lo grande que es ese camión en el contexto del cuadro. Volveré a la pantalla ahora y solo movamos el camión hacia el lado izquierdo haciendo click y arrastrándolo para que quede en el lado izquierdo de la pantalla. Vamos a tener las cabezas entrando de la derecha a la pantalla y el camión moviéndose por ahí disparando tacos a esas cabezas. Creo que tenemos tres cabezas diferentes aquí dentro, tenemos al hombre, al niño, y a la mujer y cada uno tiene boca cerrada y abierta para que podamos mostrarles masticando. Simplemente vamos a alternar de ida y vuelta entre los para hacer que esa animación sucediera, pero llegaremos a eso un poco más tarde. Por ahora sólo saquemos una de las cabezas para que esta Head 1 con la boca abierta, así es como queremos que las cabezas se vean antes de que les grite un taco. Traeré a Head 1 a la derecha por aquí. Obviamente eso también es demasiado grande así que voy a reducir eso en un 50 por ciento también. Pero esta vez en lugar de abrir la báscula para esa capa y ajustarla al 50 por ciento, solo voy a seleccionar la propiedad de báscula para el camión de tacos que se establece 50 por ciento y copiarla presionando Comando C o Control C en un PC. Entonces todo lo que tengo que hacer es seleccionar la capa de cabeza y pegar presionando Comando V o control V en un PC y pegue la propiedad que había copiado en esa capa. Entonces eso es solo un poco de tiempo más seguro ahí. Esta cabeza tal vez vamos a poner aquí y a continuación vamos a usar la cabeza de la mujer. Ahora, esta vez en lugar de simplemente arrastrar la capa hacia fuera voy a usar una técnica diferente. Primero voy a seleccionar la cabeza del hombre y duplicarla subiendo a Editar, Duplicar, o usando Command o Control D. Tengo esas dos copias justo encima de la otra así que moveré una hacia abajo un poco más abajo. Esta vez voy a dar clic y arrastrar hacia arriba a la comp pero no dejar ir. En cambio voy a mantener presionada la tecla Opción o Alt en la PC y luego soltar mi ratón y lo que esto hace es reemplazar el activo que habías seleccionado con el activo que estabas arrastrando al comp y conserva todas las propiedades de transformación que aplicarías. After effects es literalmente simplemente intercambiando la capa de origen, así que voy a hacer eso una vez más y duplicar con Command o Control D. Mueva esto fuera del camino y luego traiga Head 2 abrir nuevamente haga clic y arrastre mantenga presionada Opción o Alt y luego suelta. Ahora tenemos las tres cabezas fuera en el comp pero todavía vamos a necesitar ese taco, déjame cerrar esta carpeta de cabezas ahí está el taco y voy a duplicar el camión Comando o Control D, click y arrastra mientras sostiene Option o Alt y suelta y ahí está nuestro taco. Ahora esto podría ser un poco más grande de lo que queremos que sea. No estoy seguro aun así veremos qué pasa una vez que realmente empecemos a animar. Pero la idea es que estas cabezas están entrando de la derecha y el camión se está moviendo para alinearse con esa cabeza y dispararle este taco hacia la boca de estas personas hambrientas. Antes de hacer algo de eso pongamos un elemento más en esta comp que es sólo un color de fondo sólido. Porque recuerda si enciendo la rejilla de transparencia, no hay nada ahí que el fondo negro sea solo referencia no hay nada detrás de ella. Yo quiero llenarlo con solo un color sólido y para ello, voy a subir al menú Capa, bajar a Nuevo, y hay un montón de diferentes tipos de capas en este menú lo que queremos es Sólido. Voy a dar click en Sólido y esto me da la configuración sólida. Muy similar a la configuración de comp, simplemente no hay tantos de esos ajustes como nada como la duración o la velocidad de fotogramas, básicamente sólo el tamaño y el color. Ahora quiero que este sea del mismo tamaño que la composición para que solo pudiera teclear 1200 por 1200, o hay este práctico botón que se llama Make Comp Size y si hago clic en eso, cambia automáticamente la configuración sólida para que coincida que comp dimensiones. Entonces tenemos color. Ahora puedes hacer que este sea el color que quieras solo haciendo clic en esa muestra y luego moviendo el tono alrededor de este deslizador aquí mismo y luego haciendo clic y arrastrando tu selector de color para que sea el color que quieras. Al hacer esto puedes ver que el nombre se genera automáticamente en función de qué color es, por lo que automáticamente te está dando una descripción de cualquier color que elijas. Yo quiero que este sea un morado muy oscuro para ir junto con los colores en el resto de nuestras obras de arte así que algo por aquí probablemente. Voy a dar clic en “Está bien y sólo voy a renombrar este BG que es taquigrafía de fondo. De esa forma puedo identificarlo en mis capas muy fácilmente. Voy a dar click en “Ok” y eso genera esta capa sólida nada en ella excepto ese color y está llenando el comp. Ahora está cubriendo todo porque está en la parte superior de mi pila de capas así que necesito arrastrarlo hacia abajo. Voy a dar clic y arrastrar todo el camino hasta la parte inferior y ves que a medida que llego al fondo se desplaza automáticamente para mí ya sea hacia arriba o hacia abajo. Pero de esa manera puedo estar seguro de que voy todo el camino hasta el fondo. Ahí está mi pequeño resaltado azul haciéndome saber que va a ir por debajo de la capa 6, lo suelto y ahora todos los demás elementos están encima de ella. Si echamos un vistazo a nuestra comp principal ahora ese fondo se llena con ese color morado oscuro. Déjame alejar un poco usando el signo menos que y puedes ver los límites de esta capa se están extendiendo más allá del marco. Pero eso está bien vamos a arreglar eso una vez que hayamos sacado la animación del camino. Lo importante es que ahora tenemos un color en el fondo. Entonces volvamos a nuestra pantalla PreComp y podemos seguir adelante. 19. Animar con fotogramas clave: Ahora llegamos a divertirnos de verdad porque vamos a empezar a hacer que las cosas se muevan con animación. Yo sólo voy a sacar estas cabezas del camino para que tengamos un poco más de espacio y voy a traer este taco por aquí también. Yo sólo quiero enfocarme en este camión de tacos. Voy a acercar usando la herramienta de zoom, que el atajo de teclado es Z. Así que presionaré Z y luego pintaré en este camión de tacos quiere acercar y luego volver a mi herramienta de selección presionando V en el teclado. Está bien, vamos a reventar esto sólo un poquito. El modo en que la animación funciona dentro de After Effects y mucho software de animación, es a través de lo que se llaman fotogramas clave. Un marco clave es un valor en cualquier propiedad. El puesto, por ejemplo, el valor actual es 208 por 560 en el x e y. un marco clave puede contener ese valor, pero también colocar ese valor en un momento dado en su comp. Actualmente estoy al inicio de la comp en el tiempo cero. Estos pequeños iconos de cronómetro junto a las propiedades de transformación son cómo se establece un marco clave. Entonces si paso el cursor sobre el cronómetro para este valor de posición y click, puedes ver que se pone azul y tenemos algunas cosas más apareciendo en nuestro panel Capas. El más importante es esta forma de diamante de aquí. Voy a mover mi cabeza de juego hacia adelante en el tiempo sólo un poquito para que veas que es un diamante. Este es un marco clave y si paso el cursor sobre él, se puede ver que nos da dos valores diferentes. En primer lugar es el tiempo en el que se encuentra actualmente, que es el marco cero y luego el segundo valor es la posición. Esa es la información que el marco clave está conteniendo. Déjame ir adelante a un segundo en el tiempo y luego cambiar este valor. Voy a agarrar la posición x, clic y arrastrar y sólo cambiar esto hacia la derecha un poco, mirando aquí arriba en la comp como lo hago para que ahora el camión esté más allá por aquí. Pasan dos cosas. En primer lugar, tenemos un segundo marco clave que se ha generado porque modificamos esta propiedad y arriba en el comp, ahora tenemos esta línea, esta línea punteada que conecta esos dos valores de posición. Déjame mostrarte lo que pasa si vuelvo al principio y presiono la barra espaciadora, que es nuestro atajo de vista previa. Presiono de nuevo la barra espaciadora para detenerla. Se puede ver que el camión ahora se está moviendo del valor del primer fotograma clave al valor del segundo fotograma clave sobre ese segundo de tiempo. Si voy justo entre esos dos fotogramas clave y luego cambio el valor de nuevo esta vez, en lugar de cambiar los números aquí abajo, en lugar de hacer clic y arrastrar, se puede ver que esa línea punteada que conecta estos valores de posición tiene cambiado. Permítanme volver al principio otra vez. Presione barra espaciadora y ahora el camión se mueve en este camino. lo que estamos viendo aquí en el visor de comp se le llama la trayectoria de movimiento y es solo una ruta visual que te muestra dónde viaja el punto de anclaje de esa capa a lo largo del tiempo. Si bajo a este nuevo fotograma clave que aún está resaltado y lo hago clic y lo arrastra de izquierda a derecha, cambiará el tiempo de nuestra animación. Si lo muevo lejos a la izquierda, ve que hay menos puntos de este lado de la trayectoria de movimiento y más puntos de este lado de la trayectoria de movimiento. Cada uno de estos puntos nos está diciendo dónde estará el punto de anclaje en un marco dado. Este es el marco cero, uno, dos, tres, cuatro, cinco, seis. Entonces hay mucho más puntos entre seis y un segundo, que serían 30 cuadros. Ya que hay muchos más puntos entre estos dos puntos, podemos decir con sólo mirar la trayectoria de movimiento, que la animación va a ir más lento entre estos dos puntos y más rápido entre estos dos. Déjame volver a jugar esto por ti. Ya ves cómo va realmente rápido al principio y luego se ralentiza. Si muevo esto hacia el otro lado entre estos dos fotogramas clave, entonces va a suceder lo contrario. Se va a empezar despacio y luego ir rápido. También puedo eliminar fotogramas clave con solo seleccionar uno, hacer clic en él, y presionar la tecla Eliminar y ahora estamos de vuelta solo a este lineal recto a través del movimiento. He estado presionando la barra espaciadora para iniciar y detener mi vista previa cada vez pero en realidad puedes configurar un área de tiempo en tu línea de tiempo para que no tengas que seguir iniciándola y deteniéndola de nuevo. Voy a hacer zoom todo el camino fuera de mi línea de tiempo con solo hacer clic y arrastrar en este deslizador para que podamos ver estas dos manecitas azules aquí, no estas dos arriba en la parte superior, esto es para acercar y alejar, ¿recuerdas? Pero esto aquí mismo se llama, su área de trabajo, y tiene un inicio o un adentro y un final o un punto de salida. Si hago clic y arrastre este extremo, se puede ver que es una especie de resaltar lo que hay entre estos dos puntos y puedo hacer esto en el front end también. Incluso puedo agarrar en el medio y cambiar esto. Esta área de trabajo es la que las secuelas tendrán una vista previa al presionar la barra espaciadora. Entonces si agarro el área de salida y solo traigo esto un poco más, y luego acercaré con la tecla más del teclado y me desplazaré hasta el principio. Si presiono Barra espaciadora, pesar de que estoy al final, presiona Barra espaciadora, verás que ahora va a dar vueltas y esta pequeña línea roja indica qué parte de la animación estamos viendo mientras se está reproduciendo. Incluso puedes configurar esa zona de trabajo dentro y fuera usando atajos de teclado, las teclas B y N del teclado están justo al lado otra y esas establecen la entrada y salida para tu área de trabajo. Estoy asumiendo que el equipo de Adobe eligió B y N sólo porque no estaban siendo utilizados para nada más y estaban uno al lado del otro. Eso es difícil de recordar, pero es muy útil para poder configurar tu área de trabajo muy rápidamente. Si voy a decir este punto en el tiempo y presiono B, el área de trabajo inicio encaja a ese punto y si voy más allá aquí y presiono N, entonces el final de mi área de trabajo va a ese punto de tiempo. Voy a volver a poner esto alrededor del final de la animación, dando sólo un poco de un hueco extra al final ahí y presionar barra espaciadora una vez más y podemos ver a ese camión animando. De acuerdo, voy a detenerlo ahí mismo y pueden establecer marcos clave en cualquier propiedad que tenga un cronómetro en él. Si quisiera que el camión creyera mientras avanzaba, yo también podría hacer eso. Volveré al principio, estableceré un marco clave para la escala, avanzaré a ese punto de un segundo y luego aumentaré la escala. Ahora si presiono Play presionando la barra espaciadora, el camión crece a medida que se mueve hacia la derecha. Lo mismo para la rotación. Pondré un marco clave al principio y luego digamos que queríamos dar la vuelta así. Entonces lo rotaré 360 grados, una revolución. Ahí vamos, y luego reproducimos eso. Esto es lo básico de la animación en After Effects y hay mucho más que podemos hacer con los fotogramas clave. Incluso hay diferentes tipos de fotogramas clave, pero eso lo explicaré a medida que avancemos. De acuerdo, detengamos esta reproducción y no quiero que esta animación suceda realmente así que deshagamos de estos fotogramas clave. Podría dibujar una caja alrededor de todos los fotogramas clave y presionar Eliminar. Esa es una forma perfectamente fina de hacer esto pero hay que tener mucho cuidado a la hora de quitar fotogramas clave porque After Effects conservará las propiedades que tengas en el momento actual. Entonces porque estaba al principio de la animación cuando eliminé los fotogramas clave, preservó los valores de estas propiedades en ese momento y tiempo. Si deshago, Comando o Control Z y sigo adelante en el tiempo y luego presiono Eliminar, estuve tras ese segundo conjunto de fotogramas clave por lo que esos son los valores que After Effects conservó. Voy a deshacer una vez más Comando Z y si voy derecho a la mitad de mi animación y presiono delete, esos son los valores que After Effects conservó. Así que ten muy presente que cuando estés quitando fotogramas clave, desharé una vez más y eliminaremos todos esos fotogramas clave con el cabezal de reproducción al principio, presiona Eliminar, y ahí vamos. De acuerdo, voy a encajar mi comp al espectador presionando Shift signo de interrogación y empecemos a animar estas cabezas. Saquemos este taco del camino y el camión también. Esos dos, llegaremos en tan solo un segundo. Esta capa de fondo no se va a animar en absoluto. No quiero hacer clic accidentalmente y arrastrarlo y moverlo fuera del centro así que déjame deshacer eso. Para evitar que ocurra cualquier edición en esta capa, todo lo que necesito hacer es bajar a la capa debajo de esta columna justo aquí, la columna de bloqueo y hacer clic en ese interruptor. Eso bloquea la capa. Ya no puedo seleccionarlo. No puedo hacerle nada en el comp y de esa manera sé que la capa no se va a mover a ninguna parte. De acuerdo, voy a torcer esta transformación controles para ese camión de tacos, así que no están en el camino y empecemos con esta primera cabeza. Voy a sacar a estos un poco del camino y por qué no tenemos a éste que venga de arriba a la derecha. Necesito que este cabezal tenga una posición de inicio fuera pantalla así que voy a dar clic y arrastrar esto fuera de la pantalla hacia la derecha. Aquí es donde necesito establecer mi primer fotograma clave de posición. Voy a girar abrir la propiedad de posición bajo los controles de Transformar. Ahí está mi propiedad de posición y establece un marco clave haciendo clic en él. A continuación, quiero adelantarme tal vez un segundo. No estoy exactamente seguro de lo rápido que quiero que esto suceda todavía, pero solo haremos un segundo para empezar y luego quiero mover esta capa. Yo sólo voy a hacer esto haciendo clic y arrastrando mientras mantiene el turno para que no baje en absoluto y sólo voy a moverme tan lejos por aquí. A lo mejor todo el camino hasta aquí. En realidad no quiero que la cabeza llegue tan lejos a través de la pantalla, pero te explicaré por qué estamos haciendo esto en tan solo un segundo. En primer lugar, vamos a retocar esto y a tener una idea de la velocidad. Creo que eso es un poco demasiado rápido. Yo quiero que el camión tenga tiempo suficiente para poder subir hasta aquí y disparar el taco en la boca del tipo así que déjame solo dar clic y arrastrar esto hasta dos segundos. Al hacer esto, la animación sólo se actualiza para mí automáticamente, pero la reproducción se detiene en esa zona de trabajo así que voy a presionar la barra espaciadora para detenerme, sacar un poco más esta área de trabajo y volver a jugar. Eso podría ser un poco demasiado lento. Voy a dividir la diferencia y tirar de este marco clave hacia atrás en el tiempo sólo un poquito. Creo que eso se siente bastante bien, empezaremos con eso. Ahora quiero asegurarme de que todos los cabezales se estén moviendo a la misma velocidad que vienen, al igual que cuando copiamos y pegamos la propiedad Scale de una capa a otra, en realidad podemos copiar y pegar fotogramas clave de una capa a otra, Voy a detener mi animación y seleccionar esta propiedad de posición, y mientras hago eso, se puede ver que está seleccionando todos los fotogramas clave que he establecido para esa propiedad. Con eso seleccionado, presionaré “comando c” o control C en un PC para copiar, y luego me voy a mover a la cabeza de esta mujer, voy al inicio de la animación y pegaré “Comando v” o control v. Ahora reproduciré eso, y la primera cabeza desapareció, bueno en realidad no desapareció, si apago la visibilidad de esta capa haciendo clic en este globo ocular justo aquí, se puede ver que la cabeza del hombre sigue ahí. Las dos cabezas están justo encima una de la otra, se están moviendo a la misma velocidad, pero están exactamente en el mismo lugar, necesito mover la cabeza de esa mujer hacia abajo. vamos a ir a la derecha por aquí, y luego voy a dar clic y arrastrar la cabeza hacia abajo, excepto que no puedo hacer eso, recuerda, cuando cambies una propiedad que tiene un marco clave en ella, se agrega un nuevo marco clave para cualquier punto en el tiempo que estás actualmente en. Abramos la posición bajo los controles de transformación para esa capa y veamos que hay ese tercer fotograma clave que acabamos de agregar accidentalmente, voy a eliminar ese fotograma clave, y lo que tenemos que hacer es editar el valores de posición para los dos marcos clave que ya están ahí, y esto es realmente fácil de hacer. En primer lugar, solo necesito llevar mi cabeza de juego a ese punto en el tiempo en el que se establece uno de los fotogramas clave, no importa cuál. Una forma fácil de hacer esto es simplemente haciendo clic en esta flecha aquí, este es el botón ir al siguiente marco clave, y este es el ir a los botones de marco clave anteriores, si hago clic en eso, va al fotograma clave anterior en el tiempo para esa propiedad o el siguiente marco clave en el tiempo. Ahora que mi cabeza de juego está por encima de uno de esos fotogramas clave, voy a seleccionar toda la propiedad haciendo clic en ella. Eso selecciona ambos fotogramas clave, y ahora si hago clic y arrastre esta capa, ve que la trayectoria de movimiento se está moviendo con ella, esto es editar los valores de ambos fotogramas clave al mismo tiempo, pero preservando la animación entre los dos. Puedo saber que la velocidad entre estos dos fotogramas clave se va a mantener consistente pesar de que estoy cambiando la posición de ellos, solo quiero mover esto hacia abajo mientras sostiene “Shift” y creo que voy a poner este abajo en la parte inferior, vamos a hacer que el hombre entre en la parte superior, la mujer baje por abajo, y luego entra el niño por el medio. Volvamos a copiar esta posición al chico, voy a seleccionar la propiedad de posición, “Comando c”, suba a la cabeza del chico y presione “Comando v”, y tengo mis nuevos marcos clave, pero, tenemos otro tema. Porque mi cabeza de juego estaba justo aquí cuando pegué, Si arranco los controles de transformación, puede ver que los fotogramas clave se habían pegado a partir de ese punto, eso es otra cosa importante de la que hay que estar al tanto. Pegar fotogramas clave también se basa en la hora actual, dondequiera que tenga esta cabeza de juego iniciada, en lugar de deshacerla y pegarla de nuevo, solo voy a mover mi cabeza de juego por aquí, haga clic y arrastre este marco clave y para asegurarme de que estoy justo en esa cabeza de juego, solo voy a mantener presionada la tecla “Shift” y eso encaja a la cabeza de juego, ahí vamos. Esa tecla de turno también funciona en la propia cabeza de juego, así que si quiero asegurarme de que caigo justo en este fotograma clave, solo daré clic y arrastraré la cabeza de juego, mantenga presionada la tecla shift y se ajustará a esos fotogramas clave así como el puntos de inicio y fin de tu área de trabajo, si muevo esto por aquí, puedo mantener pulsado turno para chasquear esa cabeza de juego al inicio o final de esa zona de trabajo, eso está hecho. El tiempo es correcto, pero necesito que esa cabeza más arriba en la pantalla, voy a mantener el turno para acoplar a ese segundo fotograma clave justo ahí, y debido a que ambos están seleccionados, puedo hacer clic y arrastrar solo para mueve esto hacia arriba mientras mantiene turno y lo pondremos justo ahí. Ahora si repongo esto atrás, las tres cabezas se mueven a la misma velocidad, cubriendo la misma distancia, lo que es genial de esto es que puedo detener esta animación en cualquier momento. Siempre que quiera que se coman uno de los tacos que le disparamos con el camión de comida, sólo voy a añadir un marco clave en ese punto en el tiempo, decir aquí es donde quiero que se detenga la cabeza, sólo voy a añadir un marco clave en ese punto en el tiempo y los últimos fotogramas clave para que la animación se detenga donde yo quiera. Déjame colapsar todas estas capas para que podamos verlas todas a la vez y señalar que actualmente todas nuestras capas están llenando toda la composición, están empezando en el primer fotograma y están terminando en el último fotograma. Pero puedo hacer clic y arrastrar en cualquiera de estas capas y simplemente cambiarlas a tiempo, ya que estoy haciendo esto, todos los fotogramas clave, todas las propiedades que hemos establecido dentro de esa capa se están moviendo con ella a tiempo, si no quiero a este tipo la cabeza de empezar justo cuando lo hagan los otros dos, solo la arrastraré hacia adelante en el tiempo un poco, y lo mismo para éste, no quiero eso empezando exactamente al mismo tiempo que la cabeza de este tipo, así que ahora que estas son escalera escalada, se escalonan en el tiempo, acercaré con la tecla más y presionaré la barra espaciadora para previsualizar. Tenemos una cabeza saliendo a la vez, y creo que hasta eso está un poco demasiado cerca entre la segunda y la tercera cabezas, pero las dos primeras podrían estar bien, déjame agarrar esa tercera, arrastrarla un poco y a ver si ese es mejor momento, y luego pondré mi área de trabajo un poco más de tiempo también. Creo que eso funciona mejor, genial. Empecemos realmente animando este camión de comida y el taco. En primer lugar, ¿por dónde debe arrancar el camión? Bueno, estoy pensando en algún lugar aquí abajo solo para que tenga viajar un poco para poder dispararle el taco a este tipo, y otra cosa que acabo de pensar es que esta cabeza empieza a salir en pantalla justo en el primer fotograma de animación, y me gustaría darme solo un poco de espacio buffer al inicio de la animación antes de que pase algo por si acaso necesito tiempo algo un poco diferente en esta comp. En realidad voy a ir un segundo adelante y luego seleccionar las tres capas de cabeza que tienen la animación en ellas, empezaré haciendo clic en la primera, “Hold shift”, click en la última, y ahora puedo arrastra los tres hacia adelante en el tiempo al mismo tiempo, y de nuevo, mantendré pulsado el turno solo para enganchar la parte frontal de esa capa a mi cabeza de juego, esa tecla de turno encaja prácticamente cualquier cosa en tu línea de tiempo a otra cosa. Pero de esa manera sé que esta capa inicia su animación en un segundo dentro de esta línea de tiempo. También notas que las trayectorias de movimiento no aparecen para las capas si el cabezal de juego está en un punto en el tiempo donde la capa aún no es visible, y eso ayuda a mantener tu comp si estás un poco más limpio. Tenemos un segundo de nada, la primera cabeza, la segunda cabeza, y la tercera. Vayamos a un segundo en el tiempo, sale la primera cabeza y justo ahí, creo que es un buen punto para que el camión empiece a moverse. Seleccionemos ese camión de comida y lleguemos a la propiedad de posición. Pero esta vez voy a usar un atajo de teclado. En lugar de torcer hacia abajo los controles de transformación, en realidad hay atajos de teclado para acceder a cada una de esas propiedades transformadas. La posición es realmente fácil de recordar, es P en el teclado, así que solo presionaré “P” para la posición, y verás que no solo trae el valor de la posición, solo trae hacia arriba el valor de la posición. Eso es realmente útil para solo administrar el espacio que tienes en tu línea de tiempo y enfocarte solo en las propiedades a las que necesitas acceder. Si vuelvo a presionar “P”, colapsa la capa, oculta sus propiedades, pero quiero que sea visible así que lo presiono una vez más y establezco un fotograma clave en la propiedad de posición. Ahora puedo hacer esto haciendo clic, pero también puedes mantener presionada “Opción” o “Alt” en una PC y usar esa misma tecla de acceso directo “P” para agregar un fotograma clave de posición, y en realidad ni siquiera tienes que tener esa propiedad visible en fin de establecer ese marco clave. Si fuera a seleccionar el taco y presionar “Option or Alt P”, solo agrega un marco clave de posición y levanta la propiedad de posición. Ahora, no quería eso, así que voy a dar clic en el cronómetro para quitar ese marco clave y cerrar esa capa de nuevo, pero el camión de tacos ahora tiene un marco clave justo donde necesita uno, y entonces solo vamos a ir adelante en el tiempo un poco, tal vez justo por aquí y mueva el camión hacia arriba y hacia la derecha sólo un poquito. Porque la idea es que este camión está siendo controlado por un joystick por lo que sería capaz de moverse no sólo arriba y abajo, sino también de izquierda y derecha por lo que lo moveremos arriba y adelante un poco y decir ahí es donde queremos que se ponga el taco disparado, por lo que el taco no va a ser visible hasta por lo menos este punto en el tiempo. Yo quiero mover esta capa a la cabeza de juego, voy a hacer eso, sostén “Shift” para que se encaje, asegúrate de que no se encaje a alguna otra capa, sino que se encaja directamente a la cabeza de juego, y luego mueve esto justo arriba del camión. Ahora, quiero que esto empiece detrás del camión de tacos o debajo de él así que solo voy a cambiar mi orden de capas haciendo click y arrastrando esto por debajo del camión, y de esa manera básicamente no podemos verlo cuando arranca, justo ahí viene, pero ni siquiera lo puedes ver, vamos a configurar el marco clave de posición para ese camión de tacos. Recuerda “Option or Alt” y la tecla “P” para establecer un fotograma clave de posición, luego avanzar unos fotogramas. Ahora creo que el camión podría haberse movido un poco demasiado lento porque para este punto, la cabeza está tan cerca de la camioneta que básicamente no vas a ver el taco, creo que voy a acelerar esa animación justo aquí solo un poquito, quizá mueva el fotograma clave de segunda posición a ese punto en el tiempo, y ahora eso se va a mover mucho más rápido, tal vez no tan rápido. Incluso podría traer de vuelta a este primer fotograma clave unos fotogramas para hacer ese movimiento un poco más lento. De esa manera, el camión tiene un poco más de tiempo para subir ahí y disparar el taco antes de que la cabeza llegue a él. Necesito actualizar el cronometraje de esta capa de tacos para que coincida con ese fotograma clave de posición, y luego ir hacia adelante unos fotogramas, tal vez justo ahí. Después, haz clic y arrastra este taco sobre. Ahora la razón por la que no seleccionó el camión cuando hice clic y arrastré, fue porque ya tenía esa capa seleccionada en mi línea de tiempo, porque está seleccionada, solo puedo hacer clic y arrastrar esto. Ahora quiero asegurarme de que esto sólo se mueve en línea recta, así que déjame deshacer hacia atrás antes de moverlo. Haga clic y arrastre mientras mantiene pulsado “Shift”, y vamos a ir a la derecha encima de su cabeza. Ahí mismo. Al igual que tenemos el camión sobre el taco, quiero que el taco esté sobre las cabezas. En realidad, necesito agarrar las tres cabezas. Haga clic en el primero, mantenga presionado “Shift”, haga clic, y luego arrastre todos ellos hacia abajo por debajo de la capa de tacos. Dejaré ir ahí, y ahora el taco está exhibiendo encima de la cabeza del tipo. Ahora juguemos esto de nuevo. Volveré al principio, presione la barra espaciadora para previsualizar. Ahí vamos, así que esto en realidad está funcionando bastante bien. Creo que el tiempo funciona bastante bien. Sólo necesitamos que esta cabeza se mueva en este punto del tiempo, y que el taco desaparezca porque se lo está comiendo. Este es el último cuadro que queremos ver el taco, por lo que necesito terminar esta capa en este punto del tiempo. Para hacer eso, voy a Zoom todo el camino hacia fuera y mostrarte que en realidad no puedo ver el final de esta capa, porque hice clic y la arrastré a tiempo. Normalmente lo que hubiera hecho, es agarrar el extremo de la capa, hacer clic y arrastrado y simplemente hacerlo más corto hasta que estaba en ese punto en el tiempo. Pero a veces, al igual que este, voy a deshacer. El final de la capa se ha desplazado más allá del final de la carpa y no se puede ver. Para volver a traer ese punto final o ese punto fuera de esa capa, cuando no lo puedas ver, voy a acercarme aquí un poco presionando plus en el teclado. Hay un atajo de teclado que puedes usar, y eso es mantener presionada Opción o Alt y la tecla de corchete derecha, también es la tecla de corchete rizado. Pero si presiono “Opción” o “Alt” y presiono ese corchete cuadrado, trae el punto de salida de la capa a la hora actual. El corchete cuadrado izquierdo hace lo mismo para el punto final. Si voy a este punto en el tiempo y presiono “Opción” o “Alt” y el corchete izquierdo, entonces establece el punto final a ese punto en el tiempo. Ahora no quería hacer eso, así que déjame deshacer. Iré al segundo fotograma clave, mantenga presionado Shift para asegurarme de que estoy justo encima de él, y luego presione “Opción” o “Alt” y el corchete derecho. Ahora la capa comenzará a ser visible justo en este punto, animarse y luego desaparecer. Eso funciona muy bien, pero estropeé el tiempo. Encontremos el punto aquí mismo en el camión de tacos que se supone que arranca el taco. Seleccionaré esta capa y luego puedo usar otro atajo de teclado usando esas mismas teclas de corchete. En lugar de mantener presionada la tecla Option o Alt, solo presionaré la tecla del corchete cuadrado izquierdo y el punto final de esa capa salta a la hora actual. Lo mismo para el out. Si presiono el corchete derecho, mueve el punto de salida de esa capa a ese punto de tiempo. Pero yo quería empezar por ahí, así que voy a presionar el corchete izquierdo, y ahora el taco se va a disparar, ir por encima de la cabeza del tipo y en este punto, aquí es donde quiero que tuviera que dejar de moverse. Voy a presionar “P” con esa capa seleccionada para subir el valor de posición. Necesito establecer un fotograma clave para esa posición exactamente en este punto del tiempo. Para eso está este botón de aquí. Es para agregar o quitar un fotograma clave en el momento actual. Toma cualquier valor en el que esté actualmente establecido, para ese fotograma clave. Voy a hacer eso ahora mismo. Haga clic en el botón Añadir un fotograma clave, y luego voy a eliminar el tercer fotograma clave haciendo clic en él y presionando eliminar, que la animación para ese cabezal se detenga ahí mismo. A ver cómo la cabeza no se mueve en ese punto. Juguemos esto y veamos qué pasa. Creo que esto realmente está funcionando muy bien. El cabezal sale a cierto punto, el camión se mueve hacia arriba y le dispara un taco. Tan pronto como un taco llega a la cabeza, la cabeza deja de moverse. Creo que podríamos hacer que la animación para el taco un poco más divertida agregándole algo de rotación al mismo así como posición. Es un poco grande, así que tal vez lo bajaremos en solo un poquito también. Simplemente volvamos esto cerrado y abierto de nuevo, para que podamos ver todos nuestros controles de transformación. Voy a bajar esto de 50 a decir, 40 por ciento. De esa manera, es solo un poco más pequeño, y luego quiero agregar una animación en las propiedades de rotación. Vayamos al principio, y pongamos un fotograma clave para la rotación, haciendo clic en ese cronómetro, y luego avanzaremos al segundo fotograma clave y solo giraremos esto, tal vez una revolución completa, por lo que solo escribiré uno sobre el valor de la revolución rotaciones. Ahora el taco va a dar la vuelta mientras avanza. Vamos a retocar eso. Creo que eso es un poco más divertido. Podría estar girando sólo un poco rápido, así que voy a hacer clic y arrastrar este segundo fotograma clave para el valor de rotación hacia fuera un poco más, solo para que rote un poco más lento, tal vez no tanto. Creo que eso se ve bien. Genial. Ahora vamos a tener algo más de animación. Obviamente la boca abriéndose, cerrando y luego desapareciendo la cabeza. Pero antes de hacer algo de eso, ¿por qué no simplemente avanzamos con las otras dos cabezas y les lanzamos los tacos? Vayamos al punto en el tiempo donde se pone la segunda cabeza justo por ahí. Aquí es donde quiero que el camión se mueva hacia abajo, así que tal vez para cuando la cabeza esté justo aquí, justo ahí hay cuando quiero que el camión se mueva hacia abajo. Voy a dar clic y arrastrar esto hacia abajo a la derecha alrededor de ahí y reproducirlo nuevo. Ahí hay un tema. Si le pones atención, el camión se mueve hacia arriba, pero luego inmediatamente se mueve hacia abajo y no quiero que se mueva hacia abajo hasta justo aquí cuando la cabeza empieza a encenderse. Ahora, la razón por la que sucedió esto Si presiono “P” en el teclado para que aparezca el valor de posición para esa capa, es porque después de los efectos se animarán o interpolarán entre fotogramas clave, independientemente de dónde estén configurados. A pesar de que no quería que el camión se moviera hasta este punto en el tiempo, no había nada que detenía la interpolación entre este fotograma clave y este fotograma clave. Lo que necesitaba hacer, es duplicar este fotograma clave en este punto en el tiempo para que no pase nada hasta este punto en el tiempo. Yo sólo voy a copiar este fotograma clave, comando C o control C, y luego pegarlo justo en este momento, Comando V o control V. Ahora, el camión no se va a mover en absoluto entre estos dos fotogramas clave tasa aquí, pero se moverá de este punto hacia adelante. Tocemos eso atrás y veamos cómo se ve. Se ve genial. Ahora solo duplicemos este taco Comando D o control D en una PC, y luego moverlo a este punto en el tiempo, el punto final, que recuerdan el atajo de teclado es el corchete izquierdo para hacer eso. Ahora el momento es correcto, pero la posición está mal. Déjame presionar P en el teclado para subir la posición. Asegúrate de que mi cabeza de juego esté sobre uno de los fotogramas clave. Seleccione esa propiedad y luego vuelva a posicionarla. Simplemente daré clic y lo arrastraré hasta aquí y reproduciré eso de nuevo. Eso se ve bien, sólo necesitamos la cabeza para parar tal vez ahí mismo. Necesito terminar la animación para el taco ahí mismo, por lo que no es visible más allá de este marco. Lo seleccionaré. Esta vez lo voy a hacer sólo recortando la capa hacia abajo. Eso lo haces con solo hacer clic y arrastrando en uno de los extremos. No quiero ir todo el camino hasta la cabeza de juego porque como puedes ver, hay esta pequeña porción resaltada más allá del reproducción haciéndote saber que el cabezal de reproducción está mostrando este cuadro, el fotograma después de donde el cabezal de reproducción es. Quiero asegurarme de que esta capa de tacos llene todo ese marco. Voy a alejar de nuevo la línea de tiempo presionando menos en el teclado. Siguiente Necesito agarrar esta cabeza y agregar un marco clave de posición. Presionaré P en la velocidad del teclado en este punto tiempo para que no se mueva más allá de ese punto. Estableceré un fotograma clave haciendo clic en el botón, “Añadir fotograma clave” justo ahí, y de nuevo, eliminaré el último fotograma clave. Ahora la cabeza se detiene ahí mismo. Vamos a retocar eso para ver cómo se ve. primera cabeza, segunda cabeza, y luego tenemos esa tercera cabeza entrando. Ahora creo que voy a cambiar el cronometraje de esa tercera cabeza sólo un poquito para que tengamos sólo un poco más de tiempo antes de que el camión tenga que moverse ahí arriba. Solo voy a dar clic y arrastrar esto hacia adelante un poco y reproducirlo de nuevo para ver cómo se ve. Eso podría ser un poco demasiado. Atrás sólo un poco. Ahí vamos. Esta vez en lugar de esperar a que la cabeza sea visible para que el camión se mueva, solo voy a sacar un poco el camión del camino, como el jugador está anticipando que la siguiente cabeza va a salir de más arriba en la pantalla. Tomemos ese camión de tacos y luego digamos justo aquí. Añadiré un fotograma clave de posición. De esa manera, no pasa nada entre donde se detuvo por disparar este taco y cuando quiero que se mueva un poco más. Entre aquí y donde empieza la cabeza, sólo voy a tenerla de nuevo un poco y subir un poco. No mucho, solo lo suficiente para que haya un poco de movimiento indicando que el jugador está anticipando lo que está pasando a continuación. Vamos a jugar esto de nuevo a partir de aquí. Se mueve hacia arriba, dispara, se mueve hacia abajo, dispara, y luego retrocede un poco antes de que salga la cabeza. Creo que esa anticipación puede suceder incluso un poco antes. A lo mejor voy a respaldar estos dos fotogramas clave arriba. Para ello, los voy a seleccionar a ambos arrastrando una caja alrededor de ellos y luego respaldarlos solo un poco. Camión se mueve hacia abajo, dispara el taco y luego casi se mueve hacia atrás de inmediato. Se ve así. Puedes moverte por tu línea de tiempo exactamente de la misma manera que puedes desplazarte alrededor de tu comp. Eso es manteniendo presionada la barra espaciadora para cambiar temporalmente a la herramienta manual, y esto te permite hacer clic y arrastrar, no solo a la izquierda y a la derecha en el tiempo, sino también arriba y abajo en tus capas. Esa es otra forma de navegar por tu línea de tiempo. Creo que quiero que esta anticipación dure un poco más básicamente hasta que salga esta cabeza. Voy a arrastrar este fotograma clave de segunda posición para ese pequeño movimiento. En ese punto, puede moverse hacia arriba y tal vez hacia adelante un poco. Iremos quizá solo unos cuadros hacia adelante, pinchando y arrastrando el camión hacia arriba y hacia adelante un poco, y ahí es donde disparará el siguiente taco. Duplicemos este taco Una vez más Comando o Control D, luego mover estas capas en punto a ese punto en el tiempo presionando el corchete izquierdo. Presione nuevamente P para subir la posición, seleccione esa propiedad, haga clic y arrástrela para alinearla con el camión. Entonces avanza hasta que se superponga la cabeza, que parece que voy a necesitar extender esta capa para ser la animación completa, tal vez ahí mismo, y ahí es donde recortaré la capa. De nuevo, no antes del cabezal de reproducción, sino justo después del cabezal de reproducción. Está bien, ahora quiero mover la posición de ese taco hacia abajo sólo un poquito. Voy a volver a ese inicio de la capa, seleccionar la posición y luego solo tienes que hacer clic y arrastrarlo un poco hacia abajo. Ahí vamos. Necesitamos que la cabeza deje de moverse justo en este punto. Seleccionaré que tenía capa, presionaré P para abrir la posición, agregaré un fotograma clave y eliminaré el último fotograma clave para que no pase nada después de ese punto. Vamos a configurar nuestra área de trabajo presionando “N” en el teclado que establece el área exterior y luego previsualizar presionando la barra espaciadora, así que 1, 2, 3, y se puede ver ese pequeño movimiento de anticipación que ocurre justo aquí, justo después del segundo taco. Pero tenemos un poco de un movimiento extraño sucediendo ya que está haciendo esa pequeña anticipación. Déjame seleccionar este camión y acercar aquí con mi herramienta de zoom, Z en el teclado y luego hacer clic y echar un vistazo a la trayectoria de movimiento. Aquí mismo ves que en realidad está curvada, y puedes seguir esa trayectoria de movimiento alrededor. Esto es después de efectos tratando automáticamente de suavizar el movimiento de tu animación básicamente. Se llama el Bezier continuo, y Bezier es un término para caminos vectoriales en los que no vamos a entrar en esta clase. Pero si selecciono la propiedad de posición para que puedas ver toda la trayectoria de movimiento. Recuerda, son estas manecitas que salen de cada fotograma clave. En los cuadrados se establecen los fotogramas clave, pero estos pequeños mangos redondos están saliendo de ellos. Si tuviera que hacer clic y arrastrar en este manejador aquí mismo, se puede ver que en realidad puedo manipular la trayectoria de movimiento para esa capa sin cambiar los valores de posición reales de los fotogramas clave que he establecido. Podría meterme mucho con estos, y realmente simplemente cambiar cómo está pasando mi animación y luego reproducirla. Se puede ver que el camión ahora va en todas estas curvas. Ahora, eso no es para nada lo que quiero. Yo quiero que el camión se mueva en líneas rectas en todo momento porque así se comportaría un videojuego. Para quitar esos mangos, realidad puedo hacerlo todo a la vez usando una nueva herramienta, la herramienta de lápiz. No vamos a estar usando mucho esta herramienta en esta clase, pero es necesario para eliminar estos puntos. Voy a hacer clic en esa herramienta de lápiz y luego resaltar sobre uno de los fotogramas clave, no los mangos, sino los propios fotogramas clave, la forma cuadrada. Ya ves que el icono de mi ratón ha cambiado. Esta es la herramienta convertir vértice. De nuevo, no algo de lo que realmente necesitamos preocuparnos en esta clase, pero si hago clic en uno de estos fotogramas clave con todos los fotogramas clave seleccionados. Se quita todos esos mangos todos a la vez. Ahora solo tengo caminos rectos, animaciones rectas entre fotogramas clave. Vamos a retocar esto una vez más y asegurémonos de que sí, ahora el camión se mueve en líneas rectas. Eso es exactamente lo que quería. Ahora, como dije, After Effects hace este tipo de suavizado por defecto. Pero en realidad hay una preferencia que puedes cambiar en After Effects para que, eso no suceda automáticamente. Yo quiero animarte a que cambies esa preferencia. Para ello, sube a “After Effects” y baja a, “Preferencias”. Después, “General”. En un PC, creo que el menú de preferencias está debajo de editar, pero en un Mac está bajo “After Effects”, “Preferencias”, y luego vamos a ir a, “General”. Esto abrirá la pestaña General para tus preferencias. Lo que buscamos es una casilla de verificación aquí mismo, interpolación espacial por defecto a lineal. Recuerda dije que el suavizado se llamaba Auto Bezier, pero queremos que esa interpolación espacial se establezca en lineal, así que solo asegúrate de que esa casilla de verificación esté marcada. Haga clic, “Ok”. Al avanzar, agregar nuevos fotogramas clave no producirá ese suavizado automático. Es así como te recomiendo trabajar para que tengas el control de cómo tus trayectorias de movimiento se doblan o no se doblan. Voy a encajar mi comp al área de trabajo, “Shift question mark”, y luego reproduciré esto una vez más para que pueda ver el camión moviéndose, disparando los tacos en la boca de la gente y todas esas cabezas parando justo en eso punto en el tiempo. Eso crea exactamente lo que queremos. Si aún no has estado seguro de que ahorras porque no quieres estar perdiendo ninguno de tus avances. Recuerda, Comando S o, Control S en una PC todo el tiempo. Seguiremos con esta animación en el siguiente video. 20. Sincronización vs. espaciado: Quiero hablar un poco más de animación antes de que hagamos más trabajo en este proyecto, hasta el momento, toda la animación que hemos hecho se ha conformado por fotogramas clave lineales. Estas formas de diamante nos están diciendo que estos fotogramas clave son lineales. En otras palabras, After Effects está interpolando o animando entre un valor y luego cualquiera que sea el siguiente valor de fotogramas clave. Pero en realidad podemos manipular lo que sucede entre esos dos fotogramas clave para que el movimiento no sea tan lineal. Ya hemos echado un poco de un vistazo a eso cuando manejamos esos iPads de Bessie con la herramienta de lápiz. Recuerda, podrías curvar estas trayectorias de movimiento que está manipulando la trayectoria de movimiento real que el objeto de la capa que hemos seleccionado está viajando por su posición. Cambiamos todo eso a lineal. Estas son todas líneas lineales rectas ahora. No hay curvas para ellos en absoluto. Pero de la misma manera que podemos curvar trayectorias de movimiento, podemos curvar el tiempo entre fotogramas clave. Hay dos términos que son muy fundamentales para entender cómo mueven las cosas en la animación y cómo hacer que las cosas se muevan de la manera en que tú quieres que lo hagan. No vamos a meternos demasiado en esto. Tengo todo un curso dedicado a esto que estarás listo para una vez que hayas terminado este. Pero esas dos cosas son el tiempo y el espaciado. En el nivel más básico, voy a acercar aquí en mi línea de tiempo presionando la tecla más. Vamos a enfocarnos en estos dos marcos clave. El tiempo es la cantidad de tiempo que se tarda en pasar de este fotograma clave a este fotograma clave. Es el momento entre esos dos. En el tiempo 1 o en este fotograma particular de 35, tenemos el primer fotograma clave y en el segundo tiempo, que sería fotograma 49 tenemos el segundo fotograma clave. establece el tiempo entre esos dos fotogramas clave. No puedo ajustarlo para nada a menos que haga clic y arrastre en el fotograma clave. Ahora no quiero hacer eso, así que déjame deshacer Comando o Control Z. Pero el segundo término que necesitamos aprender es espaciado. El espaciado es lo que sucede entre esos dos fotogramas clave. Recuerda dije que After Effects está interpolando entre este marco clave y el siguiente. Si acerco aquí bonito y cierro con mi herramienta de zoom, llegué a ella presionando Z y luego haciendo clic con el ratón y me desplazo con la barra espaciadora. Volveré a cambiar a mi herramienta de selección con la tecla V. Echemos un vistazo a este camino de movimiento. Este marco clave de aquí es esta plaza de aquí. Cuando hice clic en eso, lo llenó. Aquí hay una plaza vacía. Si hago click en esto, mira justo aquí cuando hago clic, se llena. Eso es dejarme saber qué fotograma clave he seleccionado o fotogramas clave. Tenemos el primer fotograma clave y el segundo fotograma clave y luego el rastro de movimiento o la trayectoria de movimiento y todos estos pequeños puntos que representan por dónde viaja el punto de anclaje de esta capa para cada fotograma entre estos dos fotogramas clave. Si quisiera, literalmente podría contar todos los puntos para ver cuántos fotogramas hay entre estos dos fotogramas clave. Ahora bien, no necesito hacer eso, pero eso es lo que representan esos puntos. Te darás cuenta de que todos son uniformemente espacio. Existe exactamente la misma cantidad de distancia entre cada uno de estos puntos. A eso se le llama interpolación lineal. Recuerda cuando subimos a nuestras preferencias y cambiamos un ajuste, la casilla de verificación se llamaba interpolación espacial predeterminada a lineal. Esta trayectoria de movimiento en todos estos puntos son la interpolación espacial entre estos dos fotogramas clave. Es el espaciado. Porque es lineal, es parejo, pero podemos ajustar cómo After Effects está interpolando entre estos fotogramas clave o cualquier número de fotogramas clave. Ahora como dije, este es un tema avanzado y tengo toda una clase dedicada a solo eso así que no vamos a pasar mucho tiempo aquí. Pero hay una característica muy útil en After Effects llamada la facilidad fácil que nos permitirá suavizar el espaciado entre fotogramas clave con mucha facilidad. Todo lo que necesitas hacer es hacer clic derecho en un fotograma clave, bajar al asistente de fotogramas clave y luego elegir Fácil. Ahora también tenemos Easy Easy In y Easy Easy Out, pero no los necesitamos en este momento. Simplemente fácil facilidad y notarás que el atajo de teclado para esto es F9. Ahora si estás en un Mac y estás usando un teclado Apple entonces lo más probable es que necesites mantener presionada la tecla de función, la tecla Fn y luego presionar la tecla F9. En un PC, probablemente tengas una tecla F9 dedicada y es tan simple como simplemente presionarla. Pero por ahora, solo recuerda hacer clic derecho en el fotograma clave, ve al Asistente de fotogramas clave y luego haz clic en “Facilidad fácil”. Cuando hago eso, pasaron algunas cosas. En primer lugar, este icono ya no es un diamante. Es una forma de reloj de arena. Esto indica que el espaciado se está aliviando desde este fotograma clave en ambas direcciones. Pero nuestro camión también se movió. Estos puntos, si te darás cuenta, si miras de verdad de cerca, ya no están espaciados uniformemente. Están mucho más cerca juntos de este lado de la pista de movimiento y se ponen cada vez más espaciados a medida que se acercan al segundo fotograma clave así que permítanme ajustar mi área de trabajo a la derecha alrededor de estos dos fotogramas clave. Recuerda el atajo de teclado para eso es B en el teclado para establecer el punto final de tu área de trabajo. Entonces iré a justo después de que termine la animación del camión y presione N para poner el área fuera, ¿vale? Ahora presionaré la barra espaciadora para reproducirla. Es posible que no te des cuenta de esa gran diferencia. Voy a bajar esto un poco así que tenemos un poco más de espacio para ver y para realmente enfocarnos en sólo el camión. Voy a apagar la visibilidad de todo lo demás haciendo click en un nuevo interruptor que aún no hemos tocado. Este es el interruptor solo. Es lo opuesto al interruptor del globo ocular, que es la visibilidad para esa capa específica. En cambio, es solos la capa para la que la enciendes así que si le hago clic, ahora el camión es lo único que puedo ver. Puedo solo otras capas también. Si quería volver a poner esa primera cabeza, sólo puedo hacer click en eso. Por cierto, navegé por esto con sólo desplazarme en la rueda de mi ratón. Eso también se puede hacer. Pero puedes solo tantas capas como quieras. Simplemente dejaré el fondo y el camión encendido para que podamos enfocarnos en eso. Al inicio de la animación, debido a que todos estos puntos están más cerca en este extremo, la animación arranca un poco más suave o un poco más lenta. Poco a poco aumenta su velocidad hasta llegar a ese segundo fotograma clave. Si hago clic derecho en el segundo fotograma clave, permítanme detenerlo para que podamos ver la trayectoria de movimiento. Haré clic derecho en ese segundo fotograma clave, vaya al Asistente de fotogramas clave y vuelva a hacer clic en “Facilidad fácil”. Mi posición de tacos camiones se actualizó de nuevo y mi espaciado, todos estos puntos en el medio en la trayectoria de movimiento también se han actualizado. Vamos a jugar esto una vez más. Ahora de nuevo, es muy sutil, pero hay una flexibilización fuera de la primera posición y una flexibilización a la segunda posición. Es un poco más suave. Para demostrártelo, solo voy a duplicar esta capa. Recuerda duplicar algo que acabas de seleccionar y pulsa Comando D o Control D en un PC. Después presionaré P para que suba la posición para poder ver esos dos fotogramas clave. Entonces solo quiero compensar esto más un poco así que voy a dar clic en el valor de posición seleccionar cada fotograma clave de posición y simplemente cambiarlo para que podamos verlos uno al lado del otro. Entonces quiero deshacerme de la flexibilización en estos fotogramas clave. Para hacer eso, para revertir un fotograma clave de nuevo a lineal, solo tienes que mandar o controlar click sobre él. Voy a hacer eso para ambos fotogramas clave, Comando o Control en una PC y haga clic Ahora vuelven a ser formas de diamante. Podemos ver que esta capa aún tiene los fotogramas clave aliviados. Ahora si juego esto de nuevo, se puede ver que ya no están sincronizados. Las únicas veces que están en el mismo lugar están en el primer fotograma clave y el segundo fotograma clave a la derecha en esos fotogramas. Eso se debe a que el momento no ha cambiado en realidad. Recuerde, el tiempo es justo donde se colocan los fotogramas clave a tiempo. En ese sentido, estos son exactamente los mismos, los mismos valores, al menos en la y y al mismo tiempo en la línea de tiempo. Pero el espaciado entre los dos es diferente. Este camión tiene un espaciado lineal, este camión ha facilitado el espaciado entre esos dos fotogramas clave. Si los retocas, realmente puedes ver cómo se mueven de manera diferente. Está bien, ahora que ya está hecho, puedo borrar este camión, este segundo. Lo que esto nos va a permitir hacer es solo tener un poco más suave de movimiento para este camión. Porque si piensas en jugar a un videojuego mientras estás moviendo el joystick, mayoría de las veces cuanto menos angules el joystick, más lento se moverá lo que estés controlando así ya que estás moviendo ese joystick con la mano, no va a pasar de velocidad cero a 100 por ciento de velocidad instantáneamente. Poner esta Facilidad Fácil en nuestros fotogramas clave de posición va a ayudar a que el movimiento se sienta un poco más natural. En realidad voy a seleccionar todos los marcos clave para el camión. Haga clic derecho en uno de los Fotogramas Clave y esto se aplicará a todo lo que he seleccionado. Bajar a Keyframe Assistant y facilitar todos ellos. Ahora cuando vuelva a tocar esto, podrás ver todo ese movimiento es más suave. Ahora, me doy cuenta de que esto es muy sutil, pero esto es lo que a medida que se experimentan cada vez más con la animación, te darás cuenta de que esto es lo que hace que las animaciones sean muy agradables a la vista. Tener control del espaciado entre fotogramas clave es crítico para hacer que algo se mueva bien. Voy a deshacer en solitario estas capas haciendo clic de nuevo en el interruptor solo tanto en el fondo como en el camión. Entonces ajustaré mi comp al signo de interrogación de turno del espectador. Eso es lo único que quiero aplicar la flexibilización también, porque los demás elementos del juego no son controlados por el jugador. Todo sería generado por la computadora, los enemigos están volando por su cuenta, el taco, una vez que lo has cerrado, se está moviendo por su cuenta así que no quiero poner ninguna flexibilización en eso. Justo lo que está siendo controlado por el usuario, que es el camión que se mueve alrededor. Creo que eso se ve mucho mejor. Esa es toda la flexibilización que necesitamos hacer por ahora, pero ojalá ahora tengas una comprensión básica de la diferencia entre tiempo y el espaciado y por qué son bastante importantes cuando se trata de animación. 21. Sostener los fotogramas clave: Lo siguiente que quiero hacer con la animación es tener las bocas abiertas y cerradas como si estuvieran masticando el taco mientras vuela en sus bocas. Entonces, solo empecemos con los primeros jugadores o la cabeza del primer enemigo, y la forma en que vamos a hacer esto es cambiando, simplemente literalmente intercambiando la obra de arte entre la boca abierta y la boca cerrada, si vuelvo a mi panel de proyectos y encuentra las capas de 8bit-heads, ahí está la cabeza cerrada. Así que abre, cierra, abre cierra. Así es literalmente como vamos a animar. Simplemente cambiando entre esos dos. Ahora sólo podría sacar la cabeza cerrada y ponerla aquí justo encima de esa cabeza. Justo en el punto donde necesita cerrar, que estaría justo ahí. Justo cuando el taco desaparece. Entonces podría simplemente duplicarlo, recortarlo a la cantidad de tiempo que quiero que sea visible y solo hacer un montón de duplicados de ambas capas pero eso llevaría mucho espacio de capas extra en mi línea de tiempo. En realidad hay una forma más limpia de hacer esto que es mucho más manejable, y eso es a través del uso de PreComps, que ya hemos hecho un PreComp que es para la pantalla. Pero en realidad podemos hacer un PreComp basado en una capa o un grupo de capas. Entonces lo que quiero hacer es hacer un PreComp basado en esta cabeza y vamos a hacer la animación chomping dentro de ella, esa manera en mi comp pantalla, se mostrará como una capa y dentro de esa pre-comp estarán las múltiples capas que conforman la animación. Entonces para hacer esto, solo tienes tu capa o capas seleccionadas y sube al menú Capa y luego todo el camino hacia abajo en la parte inferior es Pre-componer y hay un atajo de teclado para esto. No tienes que aprender eso ahora mismo, pero ahí está, comando de turno C o control de turno C en un PC. Al hacer clic en eso, obtenemos el menú de pre-composición. El primero que tenemos que hacer es darle un nombre, se rellena automáticamente un nombre basado en la capa y luego se acaba de dar Comp 1 al final. Pero podríamos simplemente llamar a esto Head 1 porque va a reemplazar la verdadera obra de arte que tenemos aquí. Entonces solo voy a borrar todo después de la Cabeza 1. Entonces tenemos dos opciones y estas son bastante importantes. El primero es dejar todos los atributos en pantalla, que sería el nombre de esta comp y el segundo es mover todos los atributos a la nueva composición. Por lo que los atributos son cualquier efecto que hayas aplicado a la capa el cual aún no hemos hecho ningún efecto pero aprenderás de eso en un poquito. Además de cualquier fotograma clave, cualquier animación que esté sucediendo se dejará en esta comp. Mueve todos los atributos a la nueva composición, toma todos esos efectos y cualquiera de esa animación y lo pone dentro de la nueva composición que estamos haciendo a través de la función de pre-composición. Ahora déjame sacar esto del camino. No quiero que la animación de posición se contenga dentro la nueva comp porque entonces no pueden acceder a ella en esta comp de pantalla. Entonces en este caso, quiero dejar todos los atributos en pantalla, en esta comp. Pero hay momentos en los que mover todos tus atributos a la nueva composición es en realidad algo que quieres. Entonces sepan que aquí hay dos opciones. Para nuestros propósitos, queremos dejar todos los atributos en pantalla y luego dar click en “Ok”. Esa obra ahora es reemplazada por un pre-comp. Podemos ver el pequeño icono de comp. Si subo a mi panel de proyecto y me desplaza hacia abajo, ahí vamos dentro de mi carpeta PreComps es Head 1, y ahí está nuestra pequeña vista previa se ve exactamente igual. Ahora el color de la etiqueta se ha actualizado porque PreComps o comps en general tienen esta etiqueta de color bronceado, mientras que las ilustraciones de Illustrator y otros tipos de activos como ese tienen la etiqueta lavanda y ese color de la etiqueta incluso se refleja en el visor de comp con la trayectoria de movimiento y la caja de transformación. Incluso puedes cambiar estos colores a cualquier cosa que quieras e incluso he personalizado los colores reales a través de las preferencias de la aplicación antes pero no necesitamos meternos en eso. Sólo tienes que saber que puedes ajustarlos para que sean lo que quieras. Ahora que eso está hecho, porque podemos ver esa trayectoria de movimiento, puedo saber que esos fotogramas clave de posición sí sí se quedaron de hecho dentro de esta pantalla comp. Entonces déjenme presionar “P” para que suba la posición y ahí están. Eso es perfecto. Si froto a través, se puede ver que la animación sigue sucediendo, y si hago doble clic en esta capa, en esta PreComp, se abre ese PreComp. En esto es sólo la única capa que había seleccionado cuando la precompuso y tengo una nueva línea de tiempo con sólo esa capa con la que puedo hacer lo que quiera. Entonces déjame volver a la comp pantalla y luego encontrar ese punto donde quiero que se cierre la boca por primera vez, que estaría ahí mismo, justo cuando el taco desaparezca. Acercaré un poco presionando plus en mi teclado. Una característica realmente genial de PreComps es dondequiera que estés en la línea de tiempo que estás viendo, si haces doble clic en esa capa, el cabezal de juego en el PreComp abierto estará exactamente en el mismo lugar. Por lo que este punto en el tiempo donde está mi cabeza de juego, es una representación de dónde estaba la cabeza de juego en mi pantalla Precomp. Necesito saber ese punto exacto en el tiempo porque ahí es cuando se va a cerrar la boca. Entonces la forma en que voy a hacer esto es animando realmente la opacidad, que podría sonar un poco extraña, pero tendrá sentido una vez que empecemos a hacerlo. Entonces lo que primero necesito hacer es duplicar esta capa. Por lo que con ella seleccionada, presionaré el comando D o el control D en un PC y quiero reemplazar esta capa por la boca que está cerrada. Voy a volver a mi panel de proyecto hasta la parte superior y encontrar esa capa cerrada Head 1, y luego reemplazar esta selección por esa capa, que si recuerdas hacer eso, simplemente haz clic y arrastra hacia tu visor de comp o el panel de capas mantenga presionada Opción o Alt en una PC y luego suelta el ratón, y eso cambia la fuente de esa capa. Ahora la posición de esta cabeza está un poco apagada. Si hago clic y lo arrastro mientras mantiene el turno, se puede ver que la parte superior de la cabeza no se está alineando y eso es realmente lo que quiero es la parte superior de la cabeza para quedarse donde está en la mandíbula, básicamente para abrir y cerrar. Entonces déjame deshacer presionando el comando Z. Lo que necesito hacer es desplazar esto a la parte superior de la comp y la forma más fácil de hacerlo es a través del palet alineado. Entonces con esa capa seleccionada, asegurándome de que me estoy alineando con la composición. Voy a dar click en el botón “Alinear arriba” y ahí vamos. Ahora está alineado con el borde superior. Si apago y vuelvo a encender esa capa, se puede ver cómo funciona esto. Las únicas cosas que se están moviendo son como las cejas, los ojos se cierran, y luego la mandíbula levantada para cerrar la boca. Por lo que ahora necesitamos realmente tener este animado entre los dos estados. Como dije, vamos a usar la opacidad para hacer esto. Ahora, puedo traer solo la opacidad para ambas capas usando el atajo de teclado para esa propiedad. Entonces con esas dos capas seleccionadas, voy a presionar “T”. Ahora, sé que es raro que T traiga la opacidad. Pero recuerda, la opacidad es lo opuesto a la transparencia y la tecla O es en realidad un atajo para ir al punto de salida de la capa. Entonces como eso ya se tomó, creo que, el equipo de Adobe acaba de elegir a T como la siguiente mejor opción, pesar de que no tiene mucho sentido. Pero T es lo que trae hacia arriba la opacidad cuando la presionas, la trae hacia arriba. Volvemos a presionarlo, lo cierra. Esa es la propiedad que quiero animar así que voy a asegurarme que esas son las propiedades que se seleccionan. Pero con eso abierto, solo voy a establecer un fotograma clave para ambos valores de opacidad. Para ello, solo voy a dar clic una vez en el cronómetro y notarás que se agrega un fotograma clave en ambas capas. Eso se debe a que tengo ambas capas seleccionadas. Por lo que esa es una forma rápida de agregar múltiples fotogramas clave a múltiples capas al mismo tiempo. Voy a empezar por sólo hacer cero la opacidad de la primera capa, la de boca cerrada. Si hago clic y arrastre sobre esto, ve que va a cambiar a ambos los valores al mismo tiempo. Entonces primero necesito asegurarme de que desselecciono la segunda capa y lo hice con solo hacer clic aquí abajo y luego rehacer esa primera selección. Entonces puedo convertir este valor todo el camino a cero. Por lo que básicamente está apagando la visibilidad. Pero en este marco en particular, quiero lo contrario, quiero cerrar la boca. Entonces lo que realmente quiero hacer es agarrar ambos fotogramas clave haciendo clic y arrastrando un cuadro alrededor de ellos y respaldarlos hasta el inicio de la animación o el inicio de la comp. Por lo que voy a hacer clic y arrastrar mientras mantiene pulsado el turno para ajustarlo al frente de la comp. Entonces quiero básicamente intercambiar estos dos valores. Entonces voy a darle la vuelta a este todo el camino hasta 100 y bajar este todo el camino a cero y eso es exactamente lo que quería. El problema es que estos son fotogramas clave lineales, por lo que van a animar entre estos dos estados. Presionaré “N” para poner punto a mi área de trabajo y volver a jugar esto. Se puede ver que solo están animando entre sus valores en esos fotogramas clave. Ahora ya hemos mirado fácil es como una forma de suavizar el espaciado entre fotogramas clave. Pero en realidad hay otro tipo de fotograma clave que elimina cualquier tipo de interpolación, cualquier tipo de animación entre los fotogramas clave, y eso se llama fotograma clave de retención. Para establecer un fotograma clave de retención, todo lo que necesita hacer es seleccionar sus fotogramas clave. Voy a hacer esto a todos ellos de una vez. Haga clic con el botón derecho y diga Toggle Hold Keyframe. Cuando hago eso, conseguimos este cuadrado fuera de filo. Ya verás que ahora no hay animación entre esos fotogramas clave. Esto va a hacer que el intercambio entre estas dos capas sea mucho más fácil. Déjame acercar un poco mi línea de tiempo con la tecla más y desplazarme para poder ver el inicio de la animación. Simplemente voy a aumentar un poco mi área de trabajo y necesitamos planear cuánto tiempo queremos que la cabeza esté en pantalla antes de que desaparezca. Entonces volvamos a la pantalla PreComp y presionamos play, la barra espaciadora y la pararé ahí mismo. Pensemos en esto. A lo mejor tendrá la boca cerrada tres veces, así que ahí está el cierre inicial. Abrirá, cerrará dos, abrirá, cerrará tres y luego desaparecerá. Probemos eso. Entonces vuelve a la Precomp Head 1, y tenemos que decidir con qué frecuencia queremos que esto se abra y cierre. Entonces tal vez cerrar, abrir, cerrar, abrir, cerrar, abrir. Eso fue alrededor de medio segundo entre esos y yo lo hice completamente sobre la marcha que solo estaba tratando de encontrar un ritmo en mi cabeza. Yo estaba prestando atención a dónde estaba este fregador, estaba la cabeza de juego, como yo decía eso. Entonces vamos a avanzar 15 fotogramas. Una forma precisa de hacerlo es con las teclas de página arriba y abajo de página en el teclado. Page down avanza tu juego cabeza un fotograma hacia adelante, y page up hace un fotograma hacia atrás. También puedes hacer esto manteniendo presionado ahora el comando o control y usando las teclas de flecha izquierda o derecha si no tienes teclas de página arriba y abajo en el teclado. Pero si mantengo pulsado el turno y luego presiono la página hacia abajo, salta hacia adelante 10 fotogramas. O la página hacia arriba mientras mantiene el turno salta hacia atrás 10 fotogramas. Yo quiero hacer ir 15 cuadros adelante. Entonces voy a mantener pulsado turno, presionar página abajo, quiere ir 10 fotogramas y luego presionar página abajo cinco veces más para conseguir 15. Entonces 1, 2, 3. Aquí es donde quiero que las dos capas cambien de nuevo. Ahora me gustaría poder simplemente seleccionar estos dos fotogramas clave, copiarlos, comando C o control C y luego pegarlos presionando comando o control V y lo haré, pegaré pero after effects no es lo suficientemente inteligente como para saber que todo lo que querías era pegar los fotogramas clave en su lugar, en realidad copió y pegó las capas seleccionadas. Desafortunadamente, ese método no funciona, voy a deshacer y necesitarías copiar y pegar estos fotogramas clave uno a la vez o uno por capa. Seleccionaré las primeras capas, primero clave-fotograma, copiar y pegar, Comando C, Comando V y luego haré lo mismo para la segunda capa. Copiar, pegar y ahora se intercambian una vez más. Ahora necesito ir 15 fotogramas hacia adelante de nuevo así que cambiar, página hacia abajo por 10, cinco veces en página abajo, 1, 2, 3, 4, 5, y estoy 15 cuadros por delante. Entonces quiero volver a copiar estos fotogramas clave. Copiar pegar, copiar pegar. Vamos a retocar esto para ver el tiempo, así que chomp, chomp. Creo que eso es un poco demasiado lento. Saquemos unos fotogramas de esto. A lo mejor, iremos cada 10 fotogramas en lugar de 15. Simplemente mantendré pulsada Mayús, desde este primer punto de fotogramas clave en el tiempo, mantenga presionada la tecla Mayús y presione Página abajo para ir a 10 fotogramas, luego selecciono estos dos fotogramas clave y los arrástrelos mientras mantiene presionado Mayús para encajar con eso cabeza de juego. Entonces iré 10 fotogramas más hacia adelante Shift, Page Down, seleccione estos fotogramas clave, haga clic, mantenga pulsada la tecla shift, y se acopla a esa cabeza de juego. Muy bien, vamos a previsualizar esto de nuevo y poner mis áreas de trabajo punto fuera. Chomp, chomp. Incluso eso podría ser un poco demasiado lento. Por lo que esta vez voy a cambiar mis fotogramas clave usando una técnica diferente. Voy a seleccionar todos estos fotogramas clave, aquí mismo, todo después de los dos primeros fotogramas clave y quiero simplemente cambiarlos, digamos tres fotogramas cada uno. Para ello, en lugar de hacer clic y arrastrar sobre ellos, voy a mantener presionada Opción o Alt en un PC y presionar la tecla de flecha izquierda. Entonces flecha izquierda una, dos, tres veces, y yo podría hacer eso y la dirección opuesta con la tecla de flecha derecha, 1-2-3 con la flecha derecha va hacia adelante en el tiempo, 1-2-3 con una flecha izquierda va hacia atrás en el tiempo. Por lo que moví este grupo de fotogramas clave, tres fotogramas a la izquierda o tres cuadros atrás en el tiempo. Ahora necesito hacer lo mismo para los dos últimos fotogramas clave otra vez, que el tiempo sea igual entre todos estos. Por lo que los seleccionaré, mantenga presionada Opción o Alt y presione la tecla de flecha izquierda 1-2-3 veces y reproducirla. Chomp, chomp. Sí, creo que esa es una velocidad mucho mejor. Ahora que tenemos el cronometraje clavado hacia abajo, puedo copiar todos estos fotogramas clave al menos una capa a la vez todos a la vez para hacer este movimiento de masticación tres veces seguidas. Por lo que voy a sacar un poco mi área de trabajo y empezar por seleccionar estos tres fotogramas clave. Ahora recuerda este conjunto de marcos clave, en este conjunto de marcos clave son idénticos. Entonces si copio estos comandos clave-frames C y pego justo en este último fotograma clave, nada cambia porque este valor es el mismo que este valor. Por lo que solo está anulando ese marco clave con el mismo valor. Por lo que queríamos cerrar una vez, cerrar dos veces y cerrar una tercera vez. Ahora desaparece aquí porque en este punto del tiempo esta capa sigue siendo invisible. Entonces voy a copiar estos fotogramas clave en la segunda capa, ir a ese tercer marco clave y pegar y ahora deberíamos tener tres de estos movimientos de la masticación, así que juguemos esto una vez más, Chew, Chew Chew, Chew Chew, perfecto. Creo que esa es una gran velocidad para la masticación. Después de esa última mordida solo tendrá la cabeza desaparecer probablemente siete cuadros después de que se cierre solo para ser consistente con el cronometraje que ya tenemos incorporado. Echemos un vistazo a cómo se ve eso en la pantalla princomp. Por lo que volveremos al principio de ello y presionaremos play, esa cabeza sale y se come, perfecto. Eso es exactamente lo que queremos que suceda, así que vamos a que desaparezca ahora. Entonces queremos que este marco esté en pantalla por siete fotogramas después de haber sido cerrado porque recuerden originalmente teníamos 10 fotogramas entre cada uno de estos fotogramas clave pero si los cuento, 1-2-3-4-5-6-7, nos quitamos tres fotogramas de ese 10, por lo que se convierte en siete. Entonces eso es lo que queremos, siete fotogramas después de este punto en el tiempo. Ahora si recuerdas, cuando mueves la cabeza de juego dentro de una comp y luego haz doble clic de nuevo en el princomp. El cabezal de juego se mueve a cualquier punto en el que estés en esa comp. Bueno, también es cierto lo contrario, así que si muevo esta cabeza de juego al último fotograma clave y luego voy adelante siete fotogramas. Entonces 1-2-3-4-5-6-7 y luego salto a la pantalla princomp, la cabeza de juego se ha actualizado para estar en ese mismo punto exacto en esta comp. Entonces puedo saber ahí es donde quiero recortar esta capa para que desaparezca en ese punto. Entonces para ello, recuerda el atajo de teclado para recortar y punto de salida de una capa es Option o Alt en una PC y el corchete cuadrado derecho. Ahora si juego esto atrás, sale la cabeza para masticar, masticar y desaparecer. Eso es exactamente lo que queremos que suceda, el momento es consistente. Podemos hacer exactamente lo mismo a las otras cabezas, pero en realidad no tenemos que dar todos exactamente los mismos pasos que hicimos para la primera cabeza. Ya que eso ya está funcionando, podemos como duplicar lo que ya construimos con la primera cabeza y simplemente deslizar la obra de arte para las otras dos cabezas. Entonces pasemos a esta cabeza y empezaré por sólo precomponerlo. Entonces hasta capa y luego todo el camino hacia abajo para precomponer. Simplemente llamaremos a esta cabeza tres, deshazte de todo lo demás en ese título y asegurarnos de dejar todos los atributos en pantalla, esa manera la animación se conserva aquí mismo en este comp. Da clic en Aceptar y mientras estoy en ello, voy a hacer lo mismo por la otra cabeza. Selecciónelo, capa, precomponga, selecciona todo después de la cabeza dos y elimínelo, deja todos los atributos y haz clic en Aceptar. Volvamos a la segunda cabeza y lo que voy a hacer es hacer doble clic sobre ella para meterme dentro de ella y luego volver a la primera cabeza princomp, y solo quiero copiar estas dos capas a ésta. Por lo que voy a seleccionar a ambos haciendo clic en el primero, manteniendo presionado Shift y haciendo clic en el segundo, presionando el comando C para copiar ambas capas y luego entrando en la cabeza tres princomp, asegurándose de que estoy en el inicio de la comp y pegado presionando Command o Control V. Ahora obviamente estas son las obras de arte equivocadas para este personaje, pero solo puedo cambiar la obra de arte mientras preservo esa animación. Si presiono T para que suba la opacidad, ya tengo toda esa animación ahí respaldada por lo que de esta manera no tendré que rehacerlo. Por lo que necesito reemplazar estas dos capas por la ilustración correspondiente. En primer lugar, puedo borrar la cabeza tres que en realidad está ahí porque ya no la necesitaré y luego encontrar la cabeza una capa abierta, esa es la que está arriba, y solo encontraré la cabeza tres abierta, click y arrastra la tecla Opción o Alt, y suelta mi ratón para intercambiar la obra de arte. Entonces seleccionaré la segunda capa, que es cabeza uno cerrada. Iré al primer fotograma clave para que en realidad pueda verlo y reemplazarlo con cabeza tres cerrada. Haga clic y arrastre eso hacia fuera, mantenga pulsada Opción o Alt y suelte y ahí vamos. Entonces, vamos a sacar la opacidad después de que los efectos colapsaran todos los fotogramas clave ahí. Entonces voy a seleccionarlos a ambos, presionar T para que pueda verlos y eso solo frotar a través de esto y lo suficientemente seguro, está funcionando simplemente a la perfección. Ahora el tiempo no va a ser el mismo porque esta cabeza sale en un momento diferente y el tronco dispara el taco en un momento diferente, pero al menos el tiempo de movimiento de masticación dentro de este precomp es correcto. Entonces volvamos a nuestra pantalla princomp y averigamos dónde necesita esa cabeza para empezar a masticar, ahí mismo cuando desaparezca el taco. Entonces empieza a masticar un poco tarde, pero sólo voy a ir a ese cuadro exacto que el taco desaparece, haga doble clic en esa comp, y luego desplazar todos estos fotogramas clave a la vez haciendo clic y arrastrando para hacer una caja selección y arrastrándolos de nuevo a esa cabeza de juego mientras mantiene el turno para asegurarse de que encaje allí. Ahora este momento debería ser perfecto, volveré a la pantalla princomp, y seguro bastante la boca está cerrada. Entonces si juego desde aquí, mastica, eso es perfecto y todo lo que necesito hacer es recortar la capa al final. Entonces volvamos a hacer doble clic en ese princomp. Acude a esta última posición de fotograma clave, y luego avanza siete fotogramas. Entonces página abajo 1-2-3-4-5-6-7 veces, volver a la pantalla princomp y recortar la capa allí, Option o Alt y el corchete cuadrado derecho. Ahora solo repetimos este proceso para la última cabeza, haré doble clic ahí, esas dos capas aún se deben copiar así que voy a ir al inicio de la animación y pegar. Eliminaré esta cabeza dos capas que ya no necesitaré y reemplazaré cabeza uno con la cabeza dos ilustraciones. Por lo que cabeza un clic abierto y arrastra mientras sostiene Alt, suelta mi ratón. Lo mismo para la segunda capa, la boca cerrada. Sólo voy a subir mis fotogramas clave, seleccionando esas capas y presionando T, y luego acercaré aquí con la tecla más para poder ver dónde está esa siguiente capa. Encuentra cabeza uno cerrada y reemplácela con cabeza dos cerrada Opción o Alt, arrastra hacia fuera, suelta con tu ratón y ahora tengo la ilustración fuente. Ahora hay un tema y es que esta ilustración tiene un tamaño un poco diferente, así que cuando la cambié, se puede ver que no está alineada adecuadamente con la comp. Por lo que necesito seleccionar ambas capas alineadas al borde izquierdo y alineadas al borde superior y eso ahora debería estar perfectamente alineado donde debería estar. Entonces echemos un vistazo a esta animación y asegurémonos de que no se esté recortando nada. Perfecto y vamos a volver a comprobar la cabeza tres y nos aseguramos de que lo mismo sea cierto. lo es, no capté eso al principio, pero estas capas también están desalineadas en la parte superior. Entonces solo voy a alinearlos al borde izquierdo y en el borde superior para una buena medida y ahora todo debe estar perfectamente alineado a través de las tres cabezas princomps. Volvamos a la pantalla princomp, y reproducimos esto de nuevo y veamos qué pasa. Se ve bien ahora solo necesitamos ajustar el cronometraje, que sería tasa en este marco aquí, ahí es donde la boca necesita cerrar. Entonces agarraré todos mis fotogramas clave, presionaré T para sacarlos a todos. Seleccionarlos con una selección de Bach y respaldarlos mientras mantienes el turno para chasquear esa cabeza de juego. Entonces mientras estoy en ello, iré al último fotograma clave, presionaré página abajo siete veces, 1-2-3-4-5-6-7. Saltar de nuevo a mi pantalla princomp y recortar esta capa en ese punto, Opción o Alt y corchete cuadrado derecho. Extenderé un poco más esta área de trabajo y reproduciré todo de nuevo. cabeza uno sale, la cabeza dos sale, la cabeza tres sale y todos Mastican y desaparecen. Exactamente lo que necesitábamos pasar. 22. Animar con precomposiciones: Lo siguiente que vamos a hacer, es agregar un poco de animación de acento cuando desaparecieron las cabezas, solo para darle un poco más de atractivo visual. Básicamente, cuando desaparezca la cabeza, así que digamos ésta de aquí. Cuando desaparezca fuera de pantalla, vamos a tener este pequeño gráfico para que parezca, “Poof desapareció”. Para ello, vamos a hacer uso de pre-comps, algo así como lo hicimos con la animación para la masticación. De esa manera podemos mover la animación a un pre-comp diferente. Pero esta vez, vamos a utilizar en realidad múltiples niveles de pre-comps para hacer esta animación y muy fácil de ajustar y reutilizar. Empecemos por hacer un nuevo sólido, igual que hicimos para el fondo. Recuerda, llegamos a Capa, Nuevo, y luego Sólido. Comando o Control Y es el atajo de teclado. Yo sólo voy a darle un nombre a esto, lo llamaremos Burst. Ahora, el ancho y la altura están por defecto al tamaño de la comp, no necesitábamos que estuvieran en ningún lugar cerca de tan grande. Empecemos con algo que quizá tenga 300 píxeles de ancho y una altura de, digamos, 50 píxeles. Trescientos de ancho por 50 alto, y hagámoslo blanco, solo de color blanco puro. Voy a dar click en esa muestra de color. Lleva este selector de color todo el camino hasta la esquina superior izquierda haciendo clic y arrastrándolo, y eso hace que esta elección sea blanca. Haga clic en Ok y, a continuación, haga clic en Ok una vez más. Ahí está nuestra capa sólida. Ahora, esto probablemente es más grande de lo que necesita ser, pero podemos reducirlo en un poco. Lo siguiente que quiero hacer de inmediato es precomponer esta capa. Voy a subir a Capa y todo el camino hacia abajo para precomponer, dar click en eso, y luego nombrar a esta precomposición lo mismo, solo Burst, igual que el sólido. Porque aún no le hemos hecho nada a esta capa, dejar todos los atributos en este pre-comp no aplica de la misma manera que lo hizo para los cabezales, pero quiero mostrarles qué pasa si muevo todos los atributos al nuevo comp. A pesar de que no hay atributos aplicados, vamos a hacer clic en Ok, y notarás que el cuadro de transformación ahora es del tamaño de la comp en lugar del tamaño de la capa. Si hago doble clic en esa capa, aquí estamos en esta comp con esa capa rodeada de una comp idéntica, y eso en realidad no es lo que yo quería. Voy a deshacer, presionar Comando o Control Z y luego precomponer eso una vez más, así Capa, Pre-componer, volver a Dejar todos los atributos en Pantalla, y asegurarme de que esto se llame Ráfaga, y haga clic en Ok, y ahí vamos. El cuadro de contorno es del mismo tamaño que la capa. Esa es una distinción importante entre esos dos. Incluso si no tienes atributos como efectos o animaciones aplicados a esa capa. Pero ahora que eso está hecho, voy a entrar en ese pre-comp haciendo doble clic en él, y ahora tengo la capa sólida y la comp dimensionada exactamente a ella. Ahora, tengo un montón de comps abiertos aquí, todos estos otros comps de cabeza. Yo solo quiero limpiar un poco esto para poder enfocarme solo en los que estoy trabajando. Voy a cerrar todas estas pre-comps de cabeza solo hacer clic en la pequeña x al lado de sus pestañas, así que ahí vamos. Estamos de vuelta al Burst, y tenemos la pantalla y la comp principal. Ahora, mi espectador está ajustando la calma al ancho del espectador. En realidad estoy viendo esto en un aumento mayor 100 por ciento, está en el 231 por ciento de aumento. Voy a cambiar esto para que solo quepa hasta el 100 por ciento, y de esa manera, puedo ver los bordes de mi caja y mi comp en contexto a su tamaño real. Lo que quiero hacer aquí, es simplemente animar esta capa sólida moviéndose desde el lado izquierdo de la pantalla hasta donde está ahora. Acerquemos nuestra línea de tiempo usando la tecla más. Podemos ver algunos incrementos más pequeños aquí. A lo mejor haremos que esto suceda más de cinco cuadros. Voy a ir hacia adelante a fotograma a las 05 ahí mismo, confirmar que son cinco fotogramas en, y quiero establecer una posición clave-fotograma. Ahora si recuerdas, al presionar P en el teclado se abre la posición, pero al mantener presionada la opción o Alt en un PC y al presionar P se establece un fotograma clave de posición. Voy a hacer esa opción P para establecer un fotograma clave en ese momento, porque ahí es donde quiero que termine esta animación. Después volveré al cuadro cero, y luego solo tienes que hacer clic y arrastrar mientras mantienes pulsado Shift hasta que todo esto esté fuera de la pantalla. No me preocupa demasiado que esto sea 100 por ciento preciso, pero mientras no podamos ver más, esto debería estar bien, algo así. Pondré mi área de trabajo presionando N en el teclado para justo ahí, y reproduciré esto de nuevo, y tenemos una animación muy simple de este rectángulo blanco llenando el comp. Ahora, quiero que eso dure tal vez cinco fotogramas en pantalla, blanco completo. Pondré otro fotograma clave en la posición, y luego iré cinco fotogramas hacia adelante una vez más para encuadrar 15, y lo moveré hacia el lado derecho de la pantalla mientras mantiene pulsado Shift. Ahora, debería tener una animación de looping. Yo tocaré eso, y entra el rectángulo. Se mantiene encendida durante cinco cuadros y luego se mueve hacia la derecha. Perfecto, está funcionando exactamente como debe ser. A partir de aquí, en realidad quiero precomponerlo una vez más. Voy a seleccionar esa capa, subir a Capa, Pre-componer, y luego mover todos los atributos a la nueva composición. Esta vez, sí quiero marcar esa casilla porque quiero que la animación vaya con la capa al nuevo pre-comp, así que llamaré a esta Fuente Ráfaga. Asegúrese de que Mover todos los atributos está marcado y haga clic en Ok. Ahora de nuevo, al igual que antes cuando te mostré la diferencia entre los dos, mover esos atributos a la nueva composición hizo que el cuadro delimitador fuera del tamaño de la comp. Ahora, el tamaño de la comp era en realidad del mismo tamaño que la capa, por lo que eso en realidad no cambió dimensiones, pero mi animación ya no está ahí. Si presiono P para subir la posición, ves que mis fotogramas clave ya no están ahí. Todavía está sucediendo la animación, si repongo esto de nuevo, pero tendré que hacer doble clic en ese Pre-Comp para ver esa capa sólida fuente con los fotogramas clave de posición ahí, para que ahí los puedan ver y la animación está sucediendo, pero en mi comp Burst, no la Fuente Ráfaga, no tengo esos fotogramas clave. Pero así es en realidad como quiero que se comporte, así que eso está totalmente bien. El siguiente paso es cambiar estas dimensiones comps. Voy a llegar a Ajustes de composición. El atajo de teclado es Command o Control K. Voy a hacer clic en eso, y aquí es donde puedo cambiar mis dimensiones. Yo quiero hacer de esto una comp cuadrada ahora, así que voy a cambiar este ancho a, digamos sólo 600 por 600. Estoy cambiando entre esos números solo presionando la tecla Tab en el teclado. Tab unos va al siguiente valor que puedes modificar, Shift-Tab va al anterior, igual que dentro de las capas. Seiscientos por 600, eso me va a dar un adelanto de cómo se verá ese tamaño de comp, creo que eso va a funcionar genial. Simplemente voy a dar clic en Ok y luego volver a ajustar esta comp al ancho. Diremos ajuste, y tengo mi rectángulo único ahí animando encendido y apagado. Lo que quiero hacer ahora es duplicar esta línea animando hacia fuera, un par de veces diferentes para hacer una animación cruzada, donde esto se va en cuatro direcciones, así que arriba, derecha, abajo, e izquierda. Para ello, en realidad voy a desplazar el punto de anclaje usando la propiedad del punto de anclaje. El atajo de teclado para subir el punto de anclaje es A. Eso es fácil de recordar, A para punto de anclaje. Entonces solo quiero desplazar el contenido de la capa hacia la izquierda, un poco más allá del punto de anclaje en realidad. Déjame hacer clic y arrastrar en este valor de posición X para el punto de anclaje y simplemente cambiarlo, tal vez alrededor de tan lejos. En realidad, vamos a redondear esto a un número entero, diremos 60 píxeles negativos en la X. Ahora, esto está extendiendo la línea más allá de los límites de la comp, así que quiero reducirla un poco. Voy a subir la escala presionando S en el teclado, S para escala, y luego escalarla hacia abajo haciendo clic y arrastrando, solo hasta que encaje un poco dentro de la comp. Nuevamente, voy a redondear eso a un número entero del 80 por ciento. Ahora, nuestra animación es la misma, solo está en una ubicación diferente. Pero debido a que el punto de anclaje sigue en el centro de esta comp, puedo duplicar esta capa seleccionándola, presionando Comando D o Control D en el PC, y luego girarla. Girará alrededor de ese punto central de la comp, ya que ahí es donde está el punto de anclaje. Voy a cambiar a mi Herramienta de rotación, W en el teclado o podría presionar R para que aparezca la propiedad de rotación. Pero para este ejemplo, en realidad usaré la herramienta. W en el teclado para que aparezca la Herramienta de Rotación, luego haga clic y arrastre este duplicado, y mantenga presionado shift para ajustarlo en incrementos de 45 grados, así que tengo una línea apuntada hacia arriba ahora. Si repongo esto, ahora tengo la misma animación ocurriendo en dos instancias. Eso es genial. Hagamos esto de nuevo, pero en realidad duplicamos y ambos al mismo tiempo. Seleccionaré ambas capas haciendo clic en una, manteniendo presionado Mayús y haciendo clic en la siguiente, y luego presionando Comando o Control D para duplicar una vez más. Entonces quiero arrastrar esto hasta arriba solo para que estén en un buen orden, y luego rotar una vez más. Haga clic y arrastre, mantenga presionado Mayús, para ajustarse a esos incrementos de 45 grados, y ahora tengo una línea que se va en cada dirección. Si toco esto, como que tengo esta animación Burst sucediendo. Genial. El siguiente paso es precomponer estas cuatro capas una vez más. Voy a seleccionar todas mis capas presionando Comando o Control A, y luego subiré a Capa abajo para Precomponer, y voy a nombrar esto, Burst Cross. Notarás que Dejar Todos los Atributos en Ráfaga ya no es una opción, y eso se debe a que estoy combinando múltiples capas juntas. After effects no puede tomar atributos de múltiples capas y aplicarlos al único nuevo pre-comp que estamos generando, así que por eso está gris. Mover todos los atributos a la nueva composición es lo que vamos a tener que usar. Haga clic en Aceptar. Ahora, tengo esta animación sucediendo en una sola capa, del tamaño de esta comp. A continuación, quiero duplicar de nuevo esta capa presionando Comando o Control D en el teclado, y rotar este duplicado 45 grados. Presionaré W para que aparezca la Herramienta de rotación, haga clic en la tecla Mayús y arrastre para ajustarla a 45 grados. Ahora, tengo este patrón de estallido. Pero si voy hacia adelante a tiempo para decir, justo en el primer fotograma donde las líneas están empezando a animarse fuera, y muevo esta capa duplicada que acabamos de girar hacia adelante en el tiempo, para que el primer fotograma veamos las líneas en ese duplicar nuestro inicio en ese punto. Ahora vamos a tener una animación offset, así que vamos a retocar eso. Enfriar. Tenemos una animación compleja todo estando basado en un rectángulo moviéndose dentro y fuera de una comp. Creo que el tiempo debería ser un poco más compensado, así que permítanme extender un poco mi área de trabajo. A lo mejor cuando las líneas de la copia original, estas de aquí, estén tal vez a mitad de camino desaparecidas, ahí es cuando éste debería empezar. A lo mejor vamos a adelantar un poco esto y ver cómo se ve eso. Tal vez incluso compensado en un par de marcos más. Creo que me gusta más ese momento. El primer nivel inicia tasa en el Frame 0 y la segunda capa comienza en el Frame 13. Lo que es tan guay de esto es porque todo esto se basa en esta fuente de ráfaga de uno princomp. Puedo cambiar el tiempo en este comp y se actualizará a través de todos los niveles de princomps que hicimos con el fin de crear esta animación. Digamos que no quiero esta parte de la animación donde el rectángulo se queda en pantalla a pantalla stan. Hagamos que se mueva de este punto hasta este punto sin parar en el medio. La forma más fácil de hacerlo es simplemente eliminar estos dos marcos clave intermedios donde se mantiene en esa posición central. Entonces seleccionaré esos dos y eliminaré y luego traeré este último fotograma clave de vuelta al fotograma 10. Por lo que tenemos una animación 10 Frame de este rectángulo para disparar a través de la pantalla. Ahora volvamos a nuestra comp de ráfaga y veamos cómo eso lo ha afectado todo. El tiempo es un poco diferente ahora, creo que en realidad me gustó más esto porque es sólo un poco de animación de acento. No es visible para como a lo largo. Pero no me gusta cuánto tiempo hay entre esta animación en el front end, terminando y la siguiente está empezando. Vamos a retroceder un poco este, y reproducirlo de nuevo. A lo mejor eso es demasiado rápido. Eso es bastante bueno. Por lo que enmarca 0 para la primera capa y encuadra ocho para la segunda capa. Creo que eso es genial. Eso es un pequeño vistazo al poder de usar princomps para hacer algunas animaciones complejas usando elementos muy básicos y animaciones básicas. Entonces creo que eso va a funcionar. Voy a cerrar mi fuente de ráfaga, cerrar mi comp de ráfaga, y luego encontrar el punto donde quiero que ocurra esa ráfaga. Por lo que califica cuando esta cabeza desaparece, que sería el punto de salida. Puedo llegar a ese punto seleccionando la capa y luego presionando en el teclado I for in, O for out, y luego ir hacia adelante un fotograma presionando 'Page abajo' o 'Comando' o 'Control' y la flecha derecha, eso es donde necesita comenzar esta ráfaga. Entonces movamos estas capas en punto a este punto en el tiempo presionando tecla del corchete cuadrado izquierdo que mueve el punto final al cabezal de reproducción y esa animación ahora se activa en el punto correcto, pero obviamente la posición está desactivada. Voy a mover esa velocidad de ráfaga por encima de la cabeza haciendo clic y arrastrando esto hacia abajo en una tasa de capas ahí, tasa por encima de la cabeza uno. Entonces solo voy a copiar el valor de posición para este punto en el tiempo, que sería el segundo marco clave de esta capa. Entonces copia eso y pegarlo en cualquier lugar en el tiempo en esta animación de ráfaga. Entonces lo pegaré ahí mismo, y ahora está alineado. Permítanme plantear la posición de esa capa presionando 'P'. Por lo que se puede ver que en realidad pegó el marco clave antes de que comenzaran esas capas. Pero realmente no importa porque no estoy animando la posición de esta capa. Sólo necesitaba el valor. Entonces solo voy a eliminar ese fotograma clave de posición ya que no necesito ninguna animación, pero es exactamente donde debería estar. El único tema es que es camino, camino, demasiado grande. Entonces, vamos a subir la escala presionando 'S' en el teclado y luego tal vez escalar esto hasta un 25 por ciento. Ahora, es mucho más pequeño y veamos cómo se ve. Ese es un tamaño bastante bueno, y simplemente no me gusta lo lento que se mueve todo y las líneas a esta escala son bastante delgadas. Entonces podría querer espesar eso un poco. Volvamos a ese princomp estallido haciendo doble clic en él, en la cruz de ráfaga y luego en la fuente de ráfaga. Entonces ahora estamos en el elemento fuente de murciélago de la línea, simplemente animando a través. En primer lugar, agilémoslo. Entonces voy a respaldar esto tal vez tres fotogramas. Entonces está en el fotograma siete ahora, ese segundo fotograma clave, y ahora se mueve mucho más rápido. Echemos un vistazo a la animación de ráfaga real, y entonces tal vez leamos tiempo este compensó un par de fotogramas. Entonces ahora esa segunda capa está en el cuadro cinco, y creo que eso funciona mejor, pero las líneas siguen un poco demasiado delgadas. Entonces volvamos a la fuente de ráfaga, y necesito hacer más grande la altura de comp. Entonces voy a llegar a la configuración de composición y cambiar la altura de 50 a, digamos sólo 100. Haga clic en 'Okay'. Entonces también cambia el tamaño del sólido. Ahora, podría llegar a la configuración sólida de capas y cambiar la altura o también podría simplemente escalar esto hacia arriba haciendo clic y arrastrando. Quería transformar controles hasta que llene el comp, ya que no vamos a ver los bordes de esta capa y nada más está en la comp. Realmente no importa cómo lo escale hasta que sea la altura correcta. Entonces ahora es mucho más amplio y se mueve mucho más rápido. Volvamos a nuestro pre comp verde y reproducirlo. Sí, creo que eso es mucho mejor. Es más chunkier, que creo va mejor con el pixel art y el tiempo también es agradable. Es solo una animación de acento rápida. Con eso en su lugar, voy a recortar esta capa hasta el último fotograma de la animación. Entonces ahí mismo a las líneas se han ido. Entonces voy a recortar la capa hasta ese punto manteniendo pulsada la opción o 'Alt' y el corchete derecho. Ahora solo puedo duplicar esto y reposicionarlo a las cabezas de otros personajes, y el retiro para que esté alineado con cabezas de ventanas desaparezcan. Entonces voy a duplicar esa capa, reorganizarla para que esté por encima de la cabeza de esta mujer, y esta vez en lugar de copiar y pegar una propiedad de posición, realidad solo voy a dar clic y arrastrar ese punto de anclaje para la capa de ráfaga sobre la parte superior de la cabeza mientras mantiene 'Command' Control 'en una PC, y que habilita temporalmente el chasquido. Puedo ir derecho sobre el centro de la cabeza de esa mujer, la obra de arte para esa capa y soltar mi ratón, y puedo saber que ese pequeño pelo cruzado que estalló animación va a estar justo en el centro de esa capa. Entonces solo cambiaré esto al punto de salida de esa animación de cabeza para que se alinee. Necesito respaldarlo un marco. Ahí vamos. Tan pronto como desaparece la cabeza, vemos que sucede esa animación. No creo que en realidad tenga ese solapamiento de un cuadro en la primera cabeza. Echemos una mirada marco por cuadro. Tenemos un marco de blanco. Voy a respaldar esta capa hasta un solo fotograma. Con sólo hacer clic y arrastrarme zoom en mi tiempo, voy a asegurarme de que lo hice bien. Apenas un marco de superposición ahí. El segundo jefe debería estar funcionando también. Sí. Vamos a duplicar esto una vez más. Seleccionado 'Comando' o 'Control D'. Lo moveré por encima de la siguiente cabeza. Haga clic y arrastre en ese punto de anclaje mientras mantiene temporalmente el comando o control para encajar a ritmo sobre el centro de esa capa, suelte mi ratón y luego retenga esto para que tenga un fotograma de superposición entre esta capa terminando así que vemos la animación tan pronto como esa cabeza desaparece. Muy bien, vamos a encajar esto a la comp una vez más. Aleja mi línea de tiempo y vuelve a reproducirla. De acuerdo, entonces ahí vamos. Creo que eso se ve muy bien. Pero ahora que lo veo como un todo, creo que todo está tomando un poco demasiado tiempo para resolverlo y con eso, sólo quiero decir que creo que tenemos demasiados chhu's en cada una de estas cabezas antes de que desaparezcan y esa reventada la animación ocurre. Quiero que esto pase bastante rápido en la animación final. Lo que quiero hacer es simplemente recortar rápidamente algunas de cada una de estas cabezas. En lugar de terminar, veamos, 1, 2, 3, chu y luego se apaga, vamos a que termine justo antes del tercer chu así que voy a retroceder un fotograma desde ese punto donde la boca aún está abierta. Presione “Opción” o “Alt” y la tecla Corchete para terminarlo ahí mismo. Entonces llevaré la capa de ráfaga que corresponde a esa cabeza a ese punto en el tiempo presionando el Soporte Izquierdo, acercar para confirmar que hay esa superposición. El punto final de esta capa se encuentra en el mismo punto que el punto de salida de la capa de cabeza. Ahora eso sólo se apaga un poco más rápido de la pantalla. Vamos a volver a jugar esto, centrándonos sólo en la primera cabeza y en qué rapidez desaparece. De acuerdo, honestamente, creo que eso sigue yendo un poco demasiado lento así que en lugar de abrir de nuevo, vamos a que termine aquí mismo, justo en el segundo chu. Va chu una vez, chu a desaparecer dos veces. Voy a acercarme a mi línea de tiempo y asegurarme de que estoy justo en ese último fotograma de la boca que se está cerrando. Voy a recortar esa Opción o Alt y Right Square Bracket y luego traeré vuelta esa ráfaga un fotograma de solapamiento igual que antes y vamos a previsualizar esto de nuevo. Esta vez sólo voy a poner mi área de trabajo a este lugar. Estar en el teclado para el punto final del área de trabajo. Pasa esa animación y pulsa “N” para fijar el punto final del área de trabajo y reproducirlo de nuevo. Eso está mucho mejor. Creo que una vez que aplicemos este mismo cronometraje a las otras dos cabezas, todo se moverá mucho más rápido como un videojuego y hará que nuestra animación sea un poco más compacta y divertida de ver. Usemos el mismo tiempo que aplicamos a estos dos elementos a las otras dos cabezas. Encontremos la segunda Cabeza, chu una vez, dos veces y ahí mismo. Ese es el marco en el que queremos recortarlo. Traer esta capa de vuelta con solo hacer clic y arrastrar. Acercaré para asegurarme de que tengamos esa superposición de un fotograma. Entonces haz lo mismo para la última cabeza. Salta uno, salta dos veces y ahí mismo. Ese es el punto que queremos recortar esta capa a Option o Alt, Right Square Bracket y luego traer de vuelta esta capa para que la ráfaga ocurra cuando debería. De acuerdo, echemos un vistazo a todo en su conjunto. Ahora es mucho más corto de lo que era. Vamos a retocar eso. Precioso, me gusta mucho la forma en que esto está funcionando. Ahora sólo quiero mover un poco las cabezas hacia arriba. Aquí mismo se puede ver que el taco está bastante aterrizando encima de los ojos y me gustaría simplemente realinear la posición de esa cabeza para que la boca esté más donde ese taco está aterrizando. Para ello, solo voy a presionar “P” para que aparezcan los fotogramas clave y ya estoy justo encima del segundo fotograma clave. Sólo voy a hacer clic en el valor de posición para seleccionar ambos fotogramas clave y luego hacer clic y arrastrar mientras mantiene pulsado el turno para que solo me mueva en el eje y o x pero simplemente moverlo hacia arriba un poco para que esté alineado un poco mejor con ese taco. El ratón ahora está alineado con el taco. Entonces solo bajaré un poco más el taco. Creo que es un poco demasiado grande. Con ese taco seleccionado, presionaré “S” para subir la báscula y está al 40 por ciento. Simplemente bajémoslo al 30 por ciento. Creo que eso se ve un poco mejor. Se pueden ver más de las características de la boca a su alrededor. Creo que esa es una escala mejor. Sólo voy a copiar esa propiedad muy rápidamente. Comando C para copiar y luego seleccionar los otros dos tacos. Cambie para agregar a mi selección y haga clic en el segundo taco y pegue y aunque no lo vea, puedo saber que la báscula ha sido transferida. Presionaré “S” sólo para confirmarlo. Ahí vamos. Estos están todos a escala del 30 por ciento. Simplemente seleccionaré todos esos manteniendo presionada Shift y haciendo clic y pulsando “S” una vez más para colapsar todo. Ahora solo necesito asegurarme de que esa ráfaga esté en la posición correcta. No es actualmente así que déjame encontrar ese marco de superposición entre esas dos capas. Ahí vamos y de esa manera puedo hacer clic y arrastrar mantén pulsado comando para ajustar temporalmente y centrar eso hacia arriba sobre la cabeza una vez más. Está bien, eso se ve bien. Hagamos lo mismo por las otras cabezas. Aquí está la siguiente cabeza. Averiguemos dónde aterriza ese taco. Ahí mismo. Presionaré “P” para subir la posición y seleccionar esos dos fotogramas clave. Haga clic y arrástrelo hacia arriba mientras mantiene pulsado Shift Eso se ve bien. El taco ya está reducido. Ahora solo necesito reposicionar esa ráfaga así encontremos ese fotograma donde las dos capas se superponen. Sostén el mando mientras arrastras y suelta mientras se brota sobre el centro de esa cabeza y solo necesitamos hacer esto una vez más para la tercera cabeza así que encontremos dónde está ese taco. Ahí mismo presiona “P”, trae esos dos fotogramas clave arriba en mi selección. Haga clic, mantenga pulsado, Shift y arrastre, que quede alineado a la boca. Adelante a tiempo para encontrar esa ráfaga. Asegúrate de poder ver ambas capas a la vez. Haga clic, arrastre, mantenga pulsado Comando para chasquear y ahí vamos. Todo ha sido reposicionamiento ahora y puedo reproducirlo y confirmar que todo está alineado muy bien. Me encanta. De acuerdo, hay un último trozo de movimiento que quiero agregarla a esta animación y ese es el camión. Cuando traje esa camioneta lo dejé como archivo plano de Illustrator, pero en realidad lo hice en dos capas para que podamos agregarle un poco de animación. Si recuerdas, puedo reemplazar las ilustraciones de Illustrator la composición y las capas correspondientes a esa ilustración realmente fácilmente. Sólo voy a hacer clic con el botón derecho en este activo en el panel del proyecto, bajar para reemplazar metraje y luego pasar a la comp en capas de ancho. Voy a hacer clic en eso y ahora tengo una composición y si echo un vistazo a mi comp real aquí, el activo ilustrador se ha cambiado para convertirse en una composición, pero se conserva toda la animación. Si presioné “P” para subir la posición, podemos ver que todos nuestros fotogramas clave siguen ahí. Nada ha cambiado visualmente. Pero si hago doble clic en esta capa, podemos ver que la ilustración en realidad está formada por dos capas separadas. Tenemos las ruedas y el camión. Lo que esto nos va a permitir hacer es tener este camión animando arriba y abajo para que parezca que en realidad se está moviendo en una carretera y darle un poco más de personalidad. Esta será una animación en bucle muy simple así que vamos a ir al frente de esta comp, acercar un poco para que podamos ver los fotogramas individuales y digamos probablemente cada dos fotogramas se moverá. Estableceremos un marco clave en el cuerpo del camión justo aquí en la posición, por lo que Option o Alt en una PC y la tecla P para establecer ese marco clave de posición. Entonces voy a ir hacia adelante dos marcos página abajo 1-2 veces. Quiero desplazar esto hacia abajo básicamente un píxel. Ahora no es en realidad un píxel, sino en cuanto a la resolución de esta obra de arte, básicamente de una cuadra sobre el tamaño del centro de esta rueda. Yo quiero desplazar esta línea marrón de donde está abajo a esta parte del rectángulo de la rueda. Haga clic y arrastre mientras mantiene pulsado Shift y justo ahí se alinea bastante bien. Ahora, las secuelas se van a interpolar entre estas dos instancias y de nuevo, para ir de la mano con el estilo retro de 8 bits, no creo que quiera interpolar, así que voy a cambiar estos para mantener los fotogramas clave seleccionando ambos, haciendo clic con el botón derecho y diciendo, “Toggle Hold key frame”. Después iré adelante dos marcos más, 1, 2 página abajo en el teclado y luego copiaré el fotograma clave original, Comando C o Control C y pegaré Comando V o Control V, que vuelva a ese estado original. Ahora tengo este movimiento rebotando arriba y abajo y si pongo mi área de trabajo aquí mismo y juego, podemos ver cómo se ve eso así que solo está rebotando arriba y abajo. Eso en realidad podría ser un poco demasiado así que tal vez voy a ir a mitad de camino entre esos dos estados en este segundo marco clave. Sólo voy a dar clic y arrastrar un poco esto hacia arriba para que se trata de tan lejos y ver cómo se ve eso. Sí, creo que eso es un poco mejor. De acuerdo, ahora que tengo mis marcos clave de bucles, puedo copiar los tres de estos a la vez. Comando C para copiar. Recuerda que este marco clave es el mismo valor este marco clave por lo que mientras mi cabeza de juego esté sobre la parte superior del tercer fotograma clave, puedo pegar Command V o Control V y va a bucle. Ahora cada otro fotograma clave tiene el mismo valor. Este y éste son los mismos. Esa es la posición descendente y estos tres son la posición ascendente. Solo quiero seguir copiando y pegando esto que bucle durante probablemente unos buenos 10 segundos. Simplemente voy a volver a seleccionar todo, copiar, ir a la última clave, enmarcar y pegar y luego haré lo mismo cada vez que haga esto, se va a duplicar la longitud de la animación por lo que voy a copiar. Ir al último fotograma clave, pegar, seleccionar todo, copiar, ir al último fotograma clave y pegar. Ahora necesito alejarme un poco, así que voy a dar clic y arrastrar en este pequeño marcador aquí. Vuelve a seleccionar todo. Ya tengo más de dos segundos, copia. Asegúrate de que estoy en ese último fotograma clave manteniendo pulsado Shift mientras frota, pega. Selecciona todo una vez más. Copiar, ir a ese último fotograma mientras mantiene pulsado Shift, pegar y luego alejar el zoom para ver cuánto tiempo tenemos. Ahora esto tiene ocho segundos de duración. Eso probablemente sea más que suficiente, pero por si acaso voy a ir al final una vez más mantenga presionado Shift para chasquear y simplemente pegar. Ahora podemos saber con certeza esta animación será bastante larga. Cerremos este camión de tacos, cerremos nuestra fuente de ráfaga o ráfaga cruzada y nos quedamos con nuestra pantalla y principal Taco Tuesday comp. De acuerdo, ahora nuestra camioneta está rebotando arriba y abajo. Vamos a reproducirlo y a ver cómo se ve. Muy bonito, creo que con ese pequeño detalle, hemos terminado toda la animación que va a pasar en este comp y ahora podemos seguir adelante añadiendo algunos elementos más en la siguiente parte de esta animación. 23. El contador de puntuación: A continuación, sumemos en un marcador, los jugadores reales marcan a medida que estás jugando el juego. Porque cuando estás jugando un juego de arcade, obviamente necesitas la puntuación más alta, la pantalla de puntuación alta. Vamos a sumar esos números aquí arriba. Ahora, hay una herramienta de texto y vamos a hablar de cómo usar eso en tan solo un poquito. Esa es la forma más tradicional de agregar texto a cualquier composición en After Effects. Pero en este caso específico, necesito poder animar los números contando hacia arriba ya que el jugador está lanzando los tacos a los enemigos. Una manera fácil de hacerlo es en realidad mediante el uso de un efecto. Ahora, existen dos tipos diferentes de efectos que podemos aplicar dentro de After Effects. El primero es un efecto generativo o algo que va a generar algo para ti, y el segundo tipo de efecto es algo que básicamente va a manipular algo que ya existe. Vamos a cubrir ambos tipos de efectos. Pero este primero que vamos a hacer es un efecto generativo. Si pasamos a nuestro menú Efectos y Preajustes, aquí es donde vamos a encontrar todos nuestros efectos. Ahora, incluso puedes buscar aquí un nombre de efecto si sabes cómo se llama. De esa manera no tienes que cavar a través de todos estos menús porque como puedes ver, hay muchos menús por recorrer dentro de este panel. En realidad se pueden encontrar todos los efectos que se encuentran dentro de este panel bajo el menú de efectos también. Se puede ver todo esto, pero realmente prefiero usar el menú de efectos y presets por esa función de búsqueda. Ahora solo veamos este panel y cómo está configurado. Bajemos a decir que el distorsión cayó hacia abajo y voy a hacer clic en esta pequeña flecha giratoria. Se puede ver que tenemos todo tipo de efectos diferentes dentro de este menú. Algunos de ellos tienen algunos nombres realmente divertidos como CC Blobbylize y Ripple Pulse and Smear. Todos hacen cosas diferentes y lleva mucho tiempo familiarizarse con todas ellas. De hecho, llevo más de 15 años usando este programa y no pude nombrar lo que hace cada uno de estos efectos. Simplemente hay demasiados, y no van a ser inmediatamente obvios en cuanto a lo que realmente van a hacer. Esto es algo que solo tendrás que experimentar con las horas extras a medida que aprendas más sobre After Effects, te introducirán en cada vez más efectos y cómo pueden ser útiles. Pero si solo Google el nombre de cualquiera de estos efectos con After Effects también en tu búsqueda, casi seguro encontrarás una página que explique exactamente qué hace ese efecto y cómo usarlo. Voy a cerrar este menú para arriba y sólo señalar que After Effects ha categorizado estos bastante bien. Distort va a ser un conjunto de efectos que distorsionarán lo que sea que se los aplique. O el menú de corrección de color que va a ser para manipular los colores de lo que aplicas el efecto. Ya dije que vamos a estar haciendo un efecto que genere números, por lo que tendría sentido ir al menú generar. Este conjunto de efectos va a ser todo afecto generativo, algo que se generará cuando aplicemos este efecto. El caso es que necesitamos una capa para poder aplicar todos estos efectos también. Todo en este menú necesita algo a lo que aplicar para que aparezca algo, y no quiero aplicarlo a ninguna de las capas que ya tenemos. La forma más común de utilizar estos efectos es generando una capa sólida a la que aplicar el efecto, y eso es exactamente lo que vamos a hacer. Vamos a llegar a Capa, y en realidad este menú está gris, y esto es algo de lo que debes estar al tanto. Porque estaba trabajando en el panel de efectos y presets, está seleccionado, el panel está delineado en azul. Estos elementos del menú básicamente prestan atención a cualquier panel que esté activo. Necesito asegurarme de que la composición o el panel de capas esté activo antes de subir a Capa, luego Nuevo, y luego Sólido. Voy a dar click en eso y luego darle un nombre a esto. Esta va a ser nuestra puntuación. Voy a nombrar a este Jugador Score. Yo quiero que el ancho y la altura sean todo el tamaño de la comp, así que solo voy a dar clic en Hacer tamaño comp, y el color no importa, así que solo lo dejaré tal y haga clic en Ok. Tenemos un sólido blanco encima de todo. Está cubriendo todo. El efecto que quiero encontrar se llama Números. En realidad no está en el menú generar, cual no tiene mucho sentido. Pero si cierro esto hacia arriba y me desplaza hacia abajo, en realidad hay otro menú llamado texto, y aquí es donde vamos a encontrar números. Sólo hay dos efectos en este menú, pero los números está ahí mismo. Ahora, de nuevo, podría haber buscado esto, así que déjame cerrar esto y de esa manera no tendría que recordar en qué menú está. Simplemente subiré a esta barra de búsqueda aquí arriba y escribiré números, y allá vamos, aísla sólo ese efecto. Una forma de aplicar un efecto es tener seleccionada una capa y luego hacer doble clic en el efecto o simplemente arrastrar el efecto hacia fuera a la capa a la que desea aplicarlo, ya sea en el visor de composición o hacia abajo en el panel de capas. Simplemente arrastraré esto hasta el sólido marcador de ese jugador y soltaré, e inmediatamente aparece un menú, y esto nos va a permitir personalizar la fuente que estamos usando, así como algunas opciones de alineación. De hecho voy a dejar todo esto en el defecto por ahora, y tú también puedes. Basta con hacer click en el botón Ok y veremos qué está pasando en realidad. Si acerco aquí en mi composición presionando el signo mayor que, se puede ver que en el centro de esta capa sólida que ya no tiene ese relleno blanco, tenemos un número de 0.000 y está en rojo. Este efecto generativo ha sustituido el contenido de esa capa sólida, y está generando algo completamente nuevo. Básicamente solo estamos usando ese sólido como Canvas para que este efecto funcione. Por aquí donde estaba nuestro panel de proyecto, After Effects se cambia automáticamente a otro panel llamado Panel de controles de efectos. Al igual que suena el nombre, aquí es donde tenemos acceso a nuestros controles de efectos, y tenemos toda una gran cantidad de configuraciones con las que podemos meternos para controlar cómo se ven estos números en realidad. Cada efecto tiene su propio conjunto de controles y podrían estar dispuestas de manera diferente, pero éste está categorizado y organizado muy bien. En primer lugar, tenemos la sección de formato. El tipo es nuestra primera opción bajo el formato y que se establece en número. Si hago click en ese desplegable, podemos ver todas las diferentes opciones. Ahora, el número es exactamente lo que necesitamos. No necesitas preocuparte por nada más. Sólo voy a dejarlo así así y luego simplemente saltar hacia abajo a este ajuste de lugares decimales. No te preocupes por nada más en este momento. En realidad no necesito ningún decimal puesto que sólo voy a tener un número de puntaje entero. Yo quiero primero sólo bajar este número a cero. Haré clic en él una vez y presionaré Zero en mi teclado y luego presionaré Enter. Puedo modificar estos valores de propiedad al igual que la posición o la rotación de escala, cualquiera de esos valores. De inmediato mi número ya no tiene eso.000. Nos hemos deshecho de los decimales. Ahora saltemos hacia abajo más allá de este relleno de trazo y bajemos a este ajuste justo aquí, el tamaño, probablemente adivinaste que es el tamaño del texto. Vamos a escalar eso hacia arriba con solo hacer clic y arrastrarlo para ver que puedes simplemente a mano alzada aumentar o disminuir el tamaño de ese número. Probablemente algo alrededor de 92 funcionará, y luego volvamos a subir a esta sección de relleno y trazo. Ahora no sé por qué ponen un valor de posición en la categoría de relleno y trazo, pero ahí vamos, ahí es donde está. Esto nos permite desplazar la posición de ese número alrededor en el contenido de nuestra capa. Bajo las opciones de visualización, tenemos solo relleno, sin trazo y eso es en realidad lo que queremos, así que solo deja eso tal como está, pero podemos cambiar el color de relleno aquí. Voy a dar clic en esta muestra de color y luego simplemente cambiar esto a blanco puro haciendo clic, y arrastrando hasta la esquina superior izquierda y luego hacer clic en Ok. Nos queda sólo con un número lleno de blanco. Ahora volvamos a subir a este valor, Offset, Rando, abollar esto un poco es en realidad aleatorio. Valor, offset o aleatorio, dependiendo de cuál sea tu otra configuración. Por defecto, se acaba de establecer en un valor. Ahora mismo está puesto en cero. Por lo que nuestro número es cero. Pero si hago clic y arrastre en este número, se puede ver que aumenta en 10s e incluso puedo ir a un número negativo. Es así como vamos a animar el valor de nuestra puntuación alta. Incluso puedo escribir un número aleatorio. Si quería 756 puntos, pulse Enter. Ahí vamos. No tiene que ser a las 10s. Ahora, quiero que esta anotación empiece en el rango de los 10 mil. Yo sólo voy a subir esto realmente lejos. Todo el camino hasta aquí. Ahora estoy tasa en el rango que quiero, algo así, 10,206. Creo que eso es bueno. Voy a encajar mi comp al espectador presionando “Shift”, signo de interrogación. Después mueve este número hasta la esquina superior izquierda, y bádalo un poco hacia abajo correctamente. Vamos a subir esto, y te darás cuenta de que mientras estoy moviendo esto con el valor de posición, hay este pequeño círculo con un pelo cruzado en medio de él. Ese es el punto de anclaje real para este valor de posición. En realidad puedo hacer clic de forma interactiva y arrastrar esto para moverlo. No estoy moviendo la capa, solo estoy moviendo este punto para este efecto. Simplemente lo voy a mover hacia arriba en la esquina superior izquierda, justo por ahí, y luego probablemente reducir un poco esto. Vamos a hacer clic y arrastrar sobre el tamaño para que sea más sobre ese tamaño. Después reposicionarlo una vez más hacia el lado izquierdo. Ahora como estoy haciendo esto, After Effects está tomando un poco más de tiempo para responder, y esta es la naturaleza de todo proyecto de After Effects. Cuanto más detalle agregues, más efectos utilizas, más capas tengas, más tiempo se tardará en hacer las cosas y que After Effects se actualice, y renderiza la vista previa. Dependiendo de tu máquina, esa desaceleración podría ocurrir más rápida o más lentamente. No entres en pánico si las cosas empiezan a moverse un poco más despacio. Mis números están ahí, pero realmente no me gusta la fuente que, eso está usando. No creo que realmente se refleje en un viejo juego de arcade muy bien. Cambiemos la fuente por algo que se ajuste un poco mejor a la vibra arcade. Ahora si aún no estabas al tanto, el Adobe Creative Cloud realmente te da acceso a una biblioteca gigante de fuentes. Si hace clic en el icono de “Creative Cloud” aquí arriba y hace clic en la pestaña “Fuentes”, aquí hay un pequeño botón azul que dice navegar por todas las fuentes. Haga clic en eso, y eso abrirá la ventana de su navegador y le dará acceso a una enorme biblioteca por la que puede buscar, y a un montón de grandes categorías por las que también puede filtrar para ayudarle a encontrar una fuente más específica. Ahora no voy a bucear a través de cómo buscar fuentes ni nada, pero te voy a decir el nombre de la fuente que voy a usar, por lo que solo puedes buscarla y descargarla también. Debajo de la barra de búsqueda aquí mismo, solo teclea hidro y luego los mejores resultados familiares aquí mismo, hidrofilia es lo que buscamos. Haga clic en esa fuente, y la forma en que funcionan las fuentes de Adobe es hundiendo las fuentes a su computadora a través de Creative Cloud. En realidad no estarás descargando esta fuente, solo la estarás activando y luego Creative Cloud la sincronizará con tu computadora, pero así es como se ve la fuente. Es solo una vieja fuente retro de 8 bits con aspecto. Tan solo asegúrate de dar click en esta pequeña marca aquí mismo. Se verá así para ti. Activa la fuente para cambiarla, dale un segundo, y luego Creative Cloud debería darte una notificación de que ahora está disponible en tu máquina. Una vez hecho eso, deberías poder usarlo de inmediato dentro de After effects. Vuelve a After Effects, y luego vamos a cambiar esta fuente. Ahora, la forma de hacerlo no está en realidad dentro de ninguna de las tasas de controles aquí, tenemos que hacer clic en “Opciones” aquí arriba en la parte superior con los números de efecto. Daré click en “Opciones”. Esto trae a la luz ese menú original en el que acabamos de hacer clic en “Ok” cuando surgió originalmente cuando aplicamos el efecto, pero aquí es donde realmente podemos cambiar la fuente. Simplemente voy a dar click en este texto y teclear hidro y ahí vamos. hidrofilia. Supongo que el nombre real de la fuente es hidrofilia helada. Ahí vamos. Eso es todo lo que necesito para cambiar y voy a dar clic en “Ok”. Ahí vamos. Se puede ver de inmediato que se ha actualizado. Acercaré aquí con mi herramienta de zoom Z en el teclado y luego pincharé en estos números un par de veces. puedes ver ahora tenemos más de una fuente de 8 bits y tal vez quiero escalar esto solo un poquito para que sea un poco más grande, y la moveré por encima con solo hacer clic y arrastrando un poco de cruz aquí. Al igual que antes, puedo hacer clic y arrastrar en este deslizador de valor final para ajustar ese número a lo que queramos, pero ahora parece más una fuente arcade. Presionaré el signo de interrogación “Shift” para encajar mi comp al espectador, y ahora necesitamos animar estos números subiendo mientras el jugador está disparando y la charla se va a los enemigos. Para ello, vamos a usar fotogramas clave al igual que en una escala de posición y rotación de cualquier capa. Pero marco clave, esta propiedad de valor real, ve que hay todos estos pequeños iconos de cronómetro junto a un montón de las propiedades sobre el efecto. Eso nos dice que todas estas son propiedades que pueden enmarcarse clave al igual que cualquier control de transformación. Vayamos a un punto en el tiempo donde desaparece la primera cabeza. A lo mejor valoras cuando ocurre esa ráfaga. Ahí es cuando tendremos la cuenta de contador de puntajes. Iré al primer fotograma que podemos ver esa velocidad de ráfaga ahí y pondré un fotograma clave en el valor para este efecto haciendo clic en ese “Cronómetro”. Simplemente desplazaré hacia arriba en mi línea de tiempo para que podamos ver esa capa, y quiero encontrar ese fotograma clave en la capa. Esto en realidad es algo importante. Déjenme darnos un poco más de espacio al plantear esto y luego volver a abrir esto. Antes de todo lo que habíamos visto en una capa era el menú de transformación, pero ahora que hemos agregado en efecto, hay un segundo menú para los efectos. Si giro eso abierto, ahí es donde puedo encontrar el efecto de números. Puedes aplicar tantos efectos como quieras a una capa, y todos se mostrarán debajo de este menú. Si giro números abiertos, eso traerá todas las mismas propiedades que puedes cambiar aquí arriba en el panel de controles de efectos. Si amplío el formato, ahí es donde podemos encontrar el valor al que acabamos de agregar un marco clave. Claro, aquí mismo está ese icono de marco clave de diamante azul, haciéndonos saber eso, eso funcionó. Ahora, eso fue mucho cavar a través de menús y sub menús para encontrar ese marco clave. En realidad hay una forma mucho más rápida de traer fotogramas clave en cualquier capa. Lo que voy a hacer realmente rápido es simplemente girar esto todo cerrado yendo a la raíz, girando flecha abajo justo aquí y haciendo clic en ella. Eso colapsa todo, y todo lo que necesito hacer para que aparezcan fotogramas clave que están en una capa es un atajo de teclado, que es U en el teclado. Realmente no sé si eso corresponde a algo pero la tecla U, si la presiono una vez, traerá cualquier fotograma clave al valor, y eso es cierto para cualquier capa. Si presionaba “U” en una de las capas de tacos, que tiene fotogramas clave tanto en la posición como en la rotación, presionaré “U.” Ya ves que trajo hasta arriba sólo aquellas propiedades que tenían marcos clave. Si presiono “U” una vez más, colapsa la capa, y eso funciona para cualquier capa en la que quieras hacer eso. Ahora que tenemos esa velocidad de fotogramas clave ahí, acercaré mi línea de tiempo con la tecla más. Podemos animar esto hasta, tal vez más de 10 fotogramas. Empezaré tasa en ese fotograma clave, mantén pulsado el turno y presiona “Página abajo” para saltar 10 fotogramas hacia adelante, entonces solo aumentaré este valor. No quiero que siempre termine con un seis así que tal vez sólo cambie este número para decir dos. Por lo que 10,392. Ahora si froto esto haciendo clic y arrastrando en la cabeza de juego, se puede ver que esos números están animando. Están contando entre esos dos marcos clave. Permítanme simplemente establecer mi área de trabajo alrededor de estos fotogramas clave, B para establecer el punto final, N para establecer el punto de salida, y luego reproducir eso de nuevo. Ahí vamos. A medida que está ocurriendo esa ráfaga, el marcador cuenta hacia arriba. Digamos que quiero que el marcador suba aún más alto. Bueno, sólo iré al segundo fotograma clave, aumentaré ese valor aún más alto, y ahora esos números cambiarán más rápidamente. Ahí vamos. Hagámoslo de nuevo en la segunda ráfaga. Califica por donde empezamos a ver que la segunda ráfaga es donde estableceré mi siguiente fotograma clave haciendo clic en el botón “Agregar o quitar fotograma clave en el momento actual”, y luego iré 10 fotogramas hacia adelante, desplazaré página hacia abajo, y luego aumentaré esto a algo más alto. Ahora no voy a ser súper preciso al respecto. No necesito agregar exactamente la misma cantidad a cada uno de estos valores de puntos, pero podrías si quisieras. Ahora está contando dos tiempos diferentes. Después iremos a la tercera ráfaga y haremos lo mismo. Añadiré aquí una tasa de fotogramas clave, desplazaré página hacia abajo para saltar hacia adelante 10 fotogramas y luego aumentaré la puntuación. Vamos a retocar esto como un todo para ver cómo se ve eso. Déme un poco más de espacio para que podamos ver esto más fácil. Genial, eso funciona perfectamente. Esos números ahora están contando hacia arriba. Ahora mientras estamos aquí, quiero señalar algo. Esta barra de resaltado verde es algo que probablemente has estado notando. Lo que esto te está diciendo es que after effects ha renderizado o previsualizado todos los fotogramas debajo de ese resaltado verde. Cuanto más compleja sea tu animación, mayor resolución es, más efectos estás usando, más potencia de procesamiento se necesita para after effects para previsualizarla. La primera vez que juegas a través de él, es posible que no pueda reproducirlo en tiempo real a 30 fotogramas por segundo. Pero una vez que las secuelas han llegado hasta el final a través de esa vista previa, y ves ese resaltado verde, puede seguir jugando eso en tiempo real. Pero si cambiara algo así como cambiar este fotograma clave, ya ves que ese resaltado se fue por un segundo, y luego tuvo que actualizar de nuevo, y voy a deshacer porque no quería hacer eso, Comando Z. Pero cada vez que hagas un cambio After Effects tiene que leer, previsualizar o volver a renderizar los fotogramas que se ven afectados por ese cambio. Nuevamente, dependiendo de lo potente que sea tu computadora, esto podría tardar más tiempo o ir bastante rápido, como la mía ha estado hasta este punto. 24. Efectos de pantalla: Ahora hagamos que esto parezca que está en una vieja pantalla CRT, un viejo armario arcade. Si volvemos a nuestra composición principal y solo obtenemos una idea de cómo se ve la pantalla detrás del gabinete arcade, es vector muy generado por computadora. No hay ningún detalle que haga que parezca que en realidad está en una vieja pantalla. Añadamos algunos efectos a nuestra pantalla princomp para que consigamos algo que se vea un poco más como si estuviera en una vieja pantalla de TV. Una de mis cosas favoritas que hacer en After Effects es encontrar formas de usar efectos para hacer que lo que estás animando parezca algo más o como está en algún tipo de dispositivo, como una vieja pantalla de arcade. Hay montones y montones de tutoriales en Internet que explican cómo hacer algo específico, como cómo hacer que el texto parezca que está ardiendo o cómo hacer que el metraje que se rodó durante el día parezca que en realidad es por la noche. Me encanta hacer estas cosas en After Effects porque hay nuevos descubrimientos todo el tiempo cuando te estás metiendo con los efectos y combinándolos de diferentes maneras para luego reorganizarlos en diferentes órdenes y simplemente quedarte sorprendido por lo que se te ocurre. Muchas de mis clases de Skillshare en realidad se dieron de esa manera. Lo que vamos a hacer aquí es combinar un par de efectos diferentes que van a manipular estos gráficos que tenemos para que parezca que está en una pantalla vieja. Vamos a estar haciendo esto con los afectos manipuladores, los que en realidad están manipulando a qué se les aplica en lugar de simplemente generar algo completamente nuevo. Ahora justo como ejemplo de cómo funciona este proceso, voy a solo mi camión de tacos. Vamos solo eso ahí y luego acercaré Z en el teclado para cambiar a mi herramienta de zoom y pincharé dos veces aquí. Lo que quiero hacer es hacer que este camión de tacos parezca resplandeciente. Ahora, hay muchas maneras diferentes en las que puedes hacer algo parezca que brilla en After Effects pero una de las formas más sencillas es mediante el uso de un efecto llamado resplandor. Voy a venir a los efectos y presets, haga doble clic en estos números textos que todavía tengo en la barra de búsqueda y escriba en resplandor. Ves que hay un montón de cosas diferentes que están apareciendo porque hay diferentes tipos de resplandor a los que tengo acceso. Pero lo que quiero es el todo el camino hacia abajo en la parte inferior, estilizar es la categoría y ahí está el efecto resplandor. Voy a hacer clic y arrastrar esto hacia fuera por encima de la capa y soltarlo. De inmediato mi camioneta está brillando. Es tan simple como eso pero hay muchos controles aquí en el panel de controles de efectos para el efecto de resplandor que podemos manipular para cambiar la forma en que este resplandor realmente se ve. Si cambio el radio de resplandor, esta propiedad justo aquí, y simplemente la encierro, se puede ver que hace que el resplandor sea más grande o más suave. Voy a bajar eso a 10. También está la intensidad del resplandor que es lo brillante que está haciendo que se vea más caliente. Dejaré eso de vuelta a la una. Entonces está el umbral de resplandor que es como un corte en el que los colores van a obtener este resplandor basado en lo brillantes que son. Este color gris justo aquí, mira que realmente no está consiguiendo el resplandor a menos que baje el umbral realmente lejos. Cuando hago eso, entonces sólo sopla de blanco. Pero si subo mi umbral realmente lejos, los únicos colores que realmente están consiguiendo el resplandor son los más brillantes, este resaltado en la ventana y tal vez estas barras rojas y este contorno naranja. Es una forma de limitar la cantidad de un resplandor que se está aplicando al camión. Esas tres propiedades son más o menos las que más uso para ajustar la forma en que se ve un resplandor. Pero como puedes ver hay muchos más controles para afinar este resplandor aún más. Ahora déjame desmontar este camión de tacos y digamos que quiero aplicar esto a toda la composición, no sólo a esa sola capa sino a todo lo que hay en ella. Bueno, toma mucho tiempo agregar este efecto a cada una de estas capas una por una, modificar los ajustes y conseguir ese resplandor en todo. O sea, podría simplemente copiar el resplandor que aplicé al camión si quiero que sea exactamente igual en todas las capas y luego pegarlo en todas las demás capas. Pero eso sigue siendo un montón de instancias del mismo resplandor y si quiero hacer un cambio, tendría que reemplazar todas las instancias. Afortunadamente, hay una forma mucho más rápida de hacer esto dentro de After Effects a través de lo que se llama capa de ajuste. Déjame subir un poco mi línea de tiempo así tengo algo más de espacio para trabajar aquí. En realidad voy a eliminar ese efecto de esta capa. Voy a agarrar ese resplandor y presionar “Eliminar” en el teclado y luego subiré a mi menú de capas. Aquí es donde voy a agregar una Capa, Nueva y luego abajo a Capa de Ajuste. Voy a dar click en eso y genera una capa de ajuste justo encima del camión taco porque esa es la que había seleccionado. Ahora como puedes ver en el visor de levas, realidad no está mostrando nada. Todo lo que tengo es la caja delimitadora y el punto de anclaje para ello. Es del tamaño de la comp. Pero aquí abajo en la línea de tiempo, tengo este pequeño interruptor comprobado. Esta es la columna de capa de ajuste. En realidad puedes hacer de cualquier capa una capa de ajuste pero obviamente cuando haces una nueva capa de ajuste por defecto, tiene ese interruptor activado pero en realidad es solo una capa sólida con ese interruptor encendido. Lo que una capa de ajuste te permite hacer es aplicarle efectos y luego cualquier cosa debajo de ella en la pila de capas se verá afectada por esos efectos. De hecho voy a llevar esto hasta la parte superior de las capas justo por encima la puntuación del jugador y luego voy a añadir ese efecto de resplandor a la capa de ajuste. Cuando hago clic y arrastra eso y lo suelto, como puedes ver ahora, todo está siendo afectado por este resplandor. Si vuelvo mi radio de resplandor hacia arriba, está afectando todo. Si bajo un poco la intensidad del resplandor, es un efecto básicamente universal ahora para toda la comp. Pero si arrastro esto hacia abajo una capa por debajo de la puntuación del jugador, nota que la puntuación del jugador ya no está recibiendo ese resplandor, y eso se debe a que las capas de ajuste solo están afectando lo que está debajo de ella en la pila de capas. Mantén eso arriba en la parte superior si quieres que afecte todo en tu comp. Es así como vamos a construir muy fácilmente este efecto de pantalla encima de todo el comp. Una vez más, voy a eliminar eso y brillar y vamos a añadir un nuevo efecto que va a simular los píxeles en una pantalla vieja. Voy a volver a mis efectos y presets y buscar un efecto llamado la acción del balón. Simplemente teclearé en bola y bajo simulación, tenemos acción de balón CC. Haré clic y arrastraré eso hacia fuera a mi capa de ajuste y soltaré. Acercaré aquí en mi comp para que podamos verlo un poco mejor presionando el signo mayor del teclado y luego panoramizar manteniendo presionada la barra espaciadora temporalmente y podrás ver qué está haciendo esto. Básicamente convirtió mi composición en un mosaico casi con estos cuadrados sombreados que se ven un poco redondos. Si echamos un vistazo a algunos de los controles de efecto, abajo en la parte inferior tenemos espaciado de rejilla y tamaño de bola. Si vuelvo el tamaño de la bola hacia abajo, puede ver que estos son en realidad puntos, estos son círculos y si vuelvo el espaciado de la cuadrícula hacia arriba, entonces esas bolas se hacen más grandes. Obtenemos cada vez menos detalle de nuestra obra original. Si desactivé esta capa con sólo hacer clic en el globo ocular, podemos ver nuevamente nuestra obra de arte original y ver con hacer clic en eso encendido y apagado cómo está representando lo que hay debajo de ella. El espacio en blanco entre todas estas bolas es en realidad transparencia así que si habilito mi rejilla de transparencia, se puede ver directamente a través de ella. Apagaré eso de nuevo. Bajemos bastante lejos el espaciado de la cuadrícula. Puedo ir todo el camino hasta cero y los puntos son extremadamente pequeños. A lo mejor me gustaría subir un poco el tamaño de la bola en este espaciado de la cuadrícula solo para que se llene un poco más de ese negro pero tal vez vamos a subir esto a uno o dos. Empecemos ahí a las dos y luego bajemos el tamaño del balón un poco más, tal vez algo alrededor de los 50 y empezaremos con eso. Permítanme ajustar esto al signo de interrogación de cambio de comp y simplemente reproducir esto de nuevo para señalar que toda la animación todavía se conserva. Se está demorando más tiempo para After Effects en previsualizar esto ahora, pero ahora que ha pasado por toda la secuencia, puede reproducirla en tiempo real. Se ve un poco gracioso en este aumento, sobre todo porque estoy grabando mi pantalla a una resolución muy pequeña. Pero si acerqué a decir 50 por ciento, se ve un poco mejor. Si tu comp no está mirando de la manera en que esperas que intente acercar al 50 o al 100 por ciento y ver si aún se ve mal. Recuerda siempre que si lo estás mirando al 100 por ciento de aumento y resolución completa, así es exactamente como se verá al exportar. Ahí mismo voy a detener la animación. Eso nos va a dar la base para esa cuadrícula de píxeles que conforman la pantalla real pero quiero que parezca que esta pantalla está emitiendo luz en realidad. Vamos a hacer eso usando realmente el efecto de resplandor. Ya hemos mirado eso. Escribamos eso de nuevo en resplandor en nuestros efectos y presets y desplázate hacia abajo hasta la parte inferior debajo de la categoría estilizada y arrastrémoslo hacia fuera a la capa de ajuste también. En realidad puedes arrastrar eso directamente a los controles de efectos. Simplemente voy a dar clic y arrastrar eso por ahí y ahora esto parece que estas bolas están emitiendo luz. Pero quiero ajustar algunas de estas propiedades para que se vea aún mejor. En realidad vamos a estar usando múltiples instancias de este efecto de resplandor. Empecemos con esta primera instancia. Basta con bajar el radio bajo a alrededor de dos y subir la intensidad bastante lejos tal vez 1.6. Voy a apagar eso y volver a encenderlo y para apagar o encender un solo efecto, este interruptor de pequeños efectos aquí es igual que el globo ocular de visibilidad pero para ese efecto específico así puedo apagar eso y encenderlo para ver cómo se ve. Eso trae mucho brillo en la espalda a todas estas bolas. Eso es todo lo que necesito para ese primer resplandor. Para darme un poco más de espacio aquí dentro, voy a colapsar ese efecto y el efecto de acción de bola para luego duplicar este resplandor. Recuerda que puedes hacer eso con Editar, Duplicar o Comando o Control D en una PC. Yo quiero modificar el radio y la intensidad y estas son las únicas dos propiedades con las que realmente vamos a estar jugando. En el segundo ejemplar, quiero girar el radio hasta seis. Si te preguntas cómo sé que quiero estos números específicos, obviamente es porque he hecho esta animación antes de enseñarla. Acabo de jugar con un montón de valores diferentes hasta que estaba contento con algo, pero en este punto solo puedes seguir y usar los mismos números que estoy usando. Voy a bajar la intensidad del resplandor a 0.6. Eso es lo que está haciendo el segundo resplandor ahí mismo, solo lo hace un poco más brillante y un poco más suave. Voy a colapsar ese efecto y lo duplicaré de nuevo Comando o Control D. En esta copia voy a manivela ese radio de resplandor hasta 38 y subir la intensidad solo un poco más a 0.8. Ahora está realmente soplando y luciendo mucho más como luz pero voy a colapsar este efecto una vez más y duplicarlo una tercera vez así que tenemos cuatro instancias del efecto de resplandor y en éste voy a manivela el radio fuera aún más lejos todo el camino hasta 183. Eso realmente empuja hacia fuera toda esta luz que se derrama de los gráficos y hace que se vea mucho más brillante. Por último, quiero agregar un efecto más que va a suavizar todo solo un poco más a través de un desenfoque. Voy a buscar lo que se llama desenfoque gaussiano o gaussiano. G-A. Lo sacaremos para arriba. Bajo desenfoque y afilar verás Desenfoque gaussiano. Eso voy a arrastrar hacia fuera, y lo que hace este efecto es literalmente sólo te permite desenfocar la imagen. Si desactivé la visibilidad de todos los demás efectos haciendo clic y arrastrando, para hacerlo todo de una vez, solo te mostraré que esto solo desdibuja la imagen mientras la haces subir. También señalaré que en los bordes aquí notarás que conseguimos que aparezca esta zona negra, pero puedo corregir eso con esta casita de verificación de aquí que dice “Repetir Pixeles Edge. Voy a comprobar eso y luego volveré a encender todos mis otros efectos. Ahora, en realidad no quiero desdibujarlo tanto. Quiero ajustar esto a 2.2 y luego presionar “Enter” para aplicar eso. Eso sólo añade el más mínimo poquito de suavidad a todos estos puntos. Si hago zoom bonito y cierro aquí Z en el teclado y luego hago clic con la herramienta Zoom, solo está suavizando esta cuadrícula un poco. Permítanme alejar el zoom hasta un 50 por ciento menos que firmar en el teclado, y luego desplazarse hacia arriba con la barra espaciadora, y reproducir esto de nuevo. Ahora, after effects realmente va a tomar mucho más tiempo para previsualizar cada uno de estos fotogramas, pero eso es completamente de esperarse por todos estos efectos, me estoy apilando uno encima del otro y estoy viendo esto en su totalidad resolución, no me sorprende en absoluto. Pero ahora que ha pasado por todo, puede reproducirse en tiempo real y podemos ver cómo se ve eso. Creo que esto se ve genial, simplemente no me gusta cuánto del detalle estoy perdiendo por lo brillante que es todo. Para arreglar eso. Voy a volver a mi Efecto de Acción de Ball y a dar vuelta la pelota de tamaño hacia abajo. Porque, cuanto más pequeñas sean las bolas, los puntos más pequeños sean, menos resplandor se producirán por ellos, si solo bajo esto a algo alrededor, no sé, 35, tal vez 37, creo que eso está funcionando un poco mejor. Pero permítanme alejar presionando el signo menos que y reposicionar esto y simplemente señalar que el fondo está muy oscuro ahora. Desplazo hacia abajo hasta el fondo, mi capa de fondo es esta morado realmente oscuro. Pero, me gustaría hacerlo un poco más interesante para que no sea solo este color sólido. En realidad voy a solo esta capa haciendo clic en el “Solo Switch” para el fondo y luego desbloquearla para poder editarla de nuevo. En lugar de solo este morado sólido, me gustaría que fuera un gradiente de un morado claro a un morado oscuro. Para ello, en realidad voy a usar otro efecto, y, esta vez vamos a buscar gradiente. Esto trae muchas opciones, pero aquí mismo en el medio bajo la categoría Generar, tenemos Rampa de Gradiente. Porque esta no es una categoría Generar, puedes saber que esto básicamente va a reemplazar a lo que sea que lo apliques. Voy a dar clic y arrastrar esto hacia fuera y me da un gradiente, pero es de negro a blanco. No es el color morado que tenía antes porque está generando estos colores, no está basándolo en lo que había ahí. Pero puedo acercarme a los controles de efecto y modificar estos colores. Tengo un color Start, tengo un N Color, y luego tengo el inicio de rampa y final de rampa. Rampa es otra palabra para gradientes. Los controles Inicio y N realmente me permiten reposicionar donde comienzan y terminan los puntos de gradiente. Incluso puedo hacer clic y arrastrar sobre estos pequeños controles, igual que hicimos con los números para cambiar de forma interactiva la forma en que se ve este gradiente. Ahora, en realidad no quise desalinear esos, así que solo voy a hacer clic en el botón “Restablecer” aquí arriba, lo necesitas para cualquier efecto y lo restablecerá a su configuración predeterminada. Este efecto también te da la opción de cambiar la forma del gradiente. Podría cambiarlo de una rampa lineal a una rampa radial, y entonces va a ser más de un punto que rampa desde el centro. Eso es otra vez, no lo que quiero, así que voy a restablecer este efecto una vez más, y, quiero cambiar estos colores hacia arriba. Voy a dar clic en este “Start Color Swatch” y vamos a escoger algo, tal vez en este rango de tonalidades justo aquí, y elegir algo bonito y brillante. Mucha saturación en algún lugar por ahí. Ese va a ser un bonito color morado brillante y voy a dar clic en “Ok”. A lo mejor añadirle un poco más de rosa, algo así, y voy a dar clic en “Ok”, y luego para el color N haremos algo mucho más oscuro. A lo mejor aquí abajo todavía mucha saturación y tal vez hacer esto un poco más y azul en lugar de rojo. Ahí podemos ver que esos colores se están actualizando ya que estoy modificando los colores, pero creo que eso va a funcionar, voy a dar clic en “Ok” y en realidad quiero traer este color oscuro más arriba aquí. Voy a agarrar ese pequeño controlador para el final de la posición de rampa, y mantener pulsado el turno para que sólo se mueva en el eje y, después, moverlo hacia arriba a derecha por aquí. Eso se ve bien, ahora, quiero que pase esta misma Rampa de Gradiente en la mitad inferior, pero no puedo simplemente agregar otro gradiente porque va a sobrescribir lo que acabamos de hacer, déjame deshacer Comando Z. Lo que necesito hacer es en cambio usar un efecto diferente que me permitirá duplicar esto del otro lado. Voy a escribir en mis efectos en espejo de presets, y ahí vamos, tenemos un efecto llamado espejo bajo la categoría de distorsión. Esto manipulará a qué lo aplicamos, haré clic y arrastraré esto debajo de la Rampa de degradado, nada cambia, pero eso es solo por la configuración predeterminada. El primer ajuste que tengo en este efecto es el Centro de Reflexión, que puedo ver con este pequeño ícono de aquí que es donde está el centro. Pero, el ajuste más importante es el Ángulo de reflexión, y ahora está establecido en cero, razón por la cual no estamos viendo ningún cambio. Pero si subo esto hasta 90 grados, ahí mismo, se puede ver que ahora está espejando perfectamente la mitad superior hacia la mitad inferior. Si vuelvo a mi efecto Gradient Ramp y ajuste un poco estos controles, se puede ver que lo que haga en la mitad superior se está duplicando en la mitad inferior, y así es como tengo mi fondo generado. Ahora, creo que quiero toi empujar este color de inicio para ser incluso un poco más rojo o un poco más rosa. Tan solo para traer algo más de calidez ahí dentro, y le daré click en “Ok” lo dejaremos así por ahora y voy a desmontar en solitario esta capa, y ahora puedes ver que mi fondo se ve muy diferente a lo que hacía antes por todo los efectos extra que hemos aplicado a través nuestra capa de ajuste con la acción de bola en los brillos y el desenfoque. Con esa capa de ajuste activada, me desplazaré hacia abajo en mi capa de fondo y modificaré un poco más mi gradiente. Con eso seleccionado, sólo voy a bajar un poco el área oscura para que no esté tan oscura en el medio. A lo mejor este color más brillante es solo un poco demasiado intenso, así que voy a dar clic en eso y bajar la saturación. Esto es una cosa realmente agradable de modificar colores es que obtienes en una vista previa en vivo de lo que está sucediendo en tu comp como lo haces. Ajustaré el color de inicio para que sea un menos brillante y tal vez incluso un poco más rojo no todo el camino hasta aquí, sino en algún lugar por aquí , y luego hacerlo mucho más oscuro, no tengamos tanta diferencia entre estos dos colores. En algún lugar por ahí y haga clic en “Ok”. Entonces entraré en el color N, haré esto aún más oscuro y quizá lo haga un poco más azul. Eso es bastante bueno, voy a dar clic en “Ok” y volver a este color oscuro una vez más, y sólo porque quiero deshacerme de esta banda de color. Para ello, solo bajaré el brillo un poco más y haré clic en “Ok” y, creo que ese es un gradiente mucho mejor parecido. Ahora bien, si solo esta capa, obviamente los colores se ven totalmente diferentes a los que lo hicieron. Pero con todos los efectos aplicados, creo que es un resultado mucho mejor. Podría incluso bajar un poco el final de las rampas Y posición para que el centro de mi comp no esté tan oscuro, algo así. Ahora esos colores no se están lavando casi tanto en los gráficos y el fondo es un poco más interesante, creo que eso es mucho mejor. Una última cosa de la que quiero hablar en este video es que los efectos que aplicas se aplican en el orden en que se apilan en tu panel de controles de efectos. Empezamos con el Efecto de Acción de Pelota. Lo primero que hace “After Effects” para procesar todo debajo de esta capa de ajuste y tu comp es convertir todo en la cuadrícula de puntos que está creando el Efecto de Acción Ball, y, eso es todo lo que somos utilizando este efecto para hacer. Hay muchos más controles que ni siquiera tocamos como este Twist Angle si me acaba de subir esto. Se puede ver que esto en realidad es un efecto 3D, y realmente podemos hacer algunas cosas locas con esta cuadrícula de puntos. Hasta puedo dispersar todos estos puntos para que solo exploten, es un efecto realmente genial. Pero voy a deshacer el Comando Z dos veces para volver a este estado, y volver a mi punto de que este efecto se aplica primero y luego dejar que los brillos se apliquen uno a la vez uno tras otro, y luego finalmente, el Desenfoque Gaussiano a hacer todo un poco más suave. Pero, si solo fuera para agarrar este efecto de acción de pelota y arrastrarlo todo el camino hasta el fondo y soltarlo; mi comp se ve mucho diferente. Si apago ese efecto ahora. Y, la razón por la que se ve así es porque todos estos otros efectos, los cuatro de estos brillos y el desenfoque gaussiano se aplican antes de la acción del balón. Esto es lo que parece en el estado antes de dividirlo todo en estos puntos, que se ve totalmente diferente. Por eso es importante saber en qué orden estás aplicando tus efectos, porque tiene un efecto realmente grande en lo que está sucediendo dentro de tu comp. Voy a arrastrar eso de nuevo a la cima, así que estamos de vuelta a nuestro estado final, y ahora podemos seguir adelante con el resto de nuestra animación. 25. Animar la transición: A continuación necesitamos construir la transición que va desde esta pantalla después el jugador haya despejado toda la pantalla de estas cabezas hacia la pantalla de puntuación alta. Realmente rápido, solo quiero renombrar esta capa aquí abajo. Para cambiar el nombre de una capa simplemente hago clic en ella, presione “Enter” en el teclado y luego escriba el nombre. Voy a llamar a estos efectos de pantalla porque esta es la capa de ajuste que tiene todos estos efectos apagándola y encendiéndola de nuevo. Eso es lo que está convirtiendo todo para que parezca una pantalla. La transición que vamos a construir también va a ir por debajo de esa capa de ajuste. No hago clic accidentalmente y arrastro esta capa de ajuste alrededor, ya que puedes ver que solo está afectando lo que está cubriendo, desharé Comando Z. Voy a bloquear esta capa igual que bloqueamos el fondo haciendo clic en el botón “Bloquear interruptor” ahí mismo. Ahora no puedo hacer click en eso, no puedo hacer ningún ajuste al mismo. Si hago click aquí, es seleccionar la siguiente capa hacia abajo, que es la puntuación aquí arriba en la esquina superior izquierda y que también está tomando el tamaño de toda la Comp porque esos números se están generando realmente a través del efecto que aplicamos. A pesar de que eso es todo lo que vemos, en realidad es usar todo el sólido para hacer esos números. También voy a bloquear esa capa para que no pueda hacer clic accidentalmente en ella. Pero a medida que muevo el ratón por aquí, se puede ver que estoy destacando otro Solid que en realidad es mi fondo si me desplaza todo el camino hasta la parte inferior. Cerraré esa capa también y ahora no tengo ningún contorno. Cuando muevo el ratón por aquí, puedo hacer clic y arrastrar todo lo que quiera. Las únicas capas que estaré seleccionando son las que tienen cajas delimitadoras que son más pequeñas que la comp. A mí me gusta bloquear esas capas sólo para que no cometa errores accidentalmente, haga cualquier cambio que no quise hacer y creo que es sólo una forma más limpia de trabajar. Ahora que eso está hecho, trabajemos en esta transición, lo que quiero que sea son estas líneas anguladas, diagonales que borran la pantalla muy rápido, como un reflejo de algo brillante. Para ello, vamos a usar lo que se llaman las Máscaras y vamos a aplicar estas máscaras encima de una capa Solid. Hagamos un nuevo Sólido primero subiendo a Layer New Solid y llamaremos a esta transición, solo mantenerlo organizado y lo haremos del tamaño de la Comp. Ya es el tamaño de la Comp y para el color solo lo dejaremos como blanco por ahora y pincharemos “Ok”. Eso hace que nuestra transición sea sólida y la voy a dejar en la parte superior de las capas por ahora solo para que podamos ver qué está pasando un poco más claramente. A Mask es una técnica para revelar u ocultar una parte específica de cualquier capa y las máscaras en After Effects están basadas en vectores. Vamos a estar dibujando caminos vectoriales con el fin de controlarlos. Estas dos herramientas aquí arriba. Ya hemos echado un vistazo a la herramienta de lápiz un poco, pero esta herramienta única, la herramienta de rectángulo, estas son tanto para enmascarar como para crear capas de forma. No vamos a saltar a capas de formas en este momento pero debido a que tanto las capas de formas como las máscaras son vectoriales dentro de After Effects, puedes usarlas para ambos fines. Ahora otra cosa de estas dos herramientas es que tienen un pequeño triángulo en la esquina inferior derecha. Esto te está haciendo saber que en realidad hay más de una herramienta debajo de este botón. Si tuviera que hacer clic y sostener esa herramienta de rectángulo, en realidad tenemos cinco herramientas diferentes. Herramienta Rectángulo, Rectángulo redondeado, Elipse, Polígono y Estrella. Estas son todas herramientas de construcción de formas y se pueden usar para dibujar máscaras. Empecemos con una herramienta Rectángulo. Dejaré ir mi ratón sobre eso y luego me acercaré a la capa sólida. Ahora es importante que tengas seleccionada tu capa sólida y luego solo voy a dar clic y arrastrar mano libre en este cuadro sobre esa capa sólida y mientras hago eso, puedes ver que estoy dibujando un camino vectorial que está revelando lo que sea dentro de ella. Digamos que quiero que el rectángulo sea sobre esto grande. Dejaré ir mi ratón y ahora esa es la única parte de esa capa que puedo ver. Volveré a cambiar a mi herramienta de selección y haga clic en esa capa y se puede ver que el cuadro delimitador ahora está encajado a solo los límites de esa máscara. El punto de anclaje para la capa sigue en el centro de la comp porque ahí fue donde estaba el centro de la capa sólida. A pesar de que no lo podemos ver, el resto de esa capa sólida sigue ahí. Ahora si miras hacia abajo en el panel de capas, puedes ver que una nueva categoría ha aparecido dentro de esa capa, máscaras y debajo que está máscara una con esta pequeña etiqueta rosa. Si hago zoom presionando un par de veces el signo mayor que el del teclado y reposiciono con la barra espaciadora, se puede ver que la máscara en estas capas sólidas también ese color rosa ahí mismo. Si fuera a hacer clic en ese color y simplemente cambiarlo, puedo hacer esto algo que tal vez sea un poco más fácil de ver. A lo mejor haré de esto un color verde neón brillante y haga clic en “Ok”. Ahora es mucho más fácil ver ese camino encima de ese sólido blanco. Ahora que ahí tenemos la máscara, ¿cómo la modificamos? Bueno, todo lo que necesitas hacer es tener activa tu herramienta de selección y luego hacer clic y arrastrar en cualquiera de estas esquinas. Si hago clic y arrastre en este, puedo hacer que no sea un rectángulo, puedo hacerlo un trapezoide o puedo manipular múltiples puntos a la vez haciendo clic en el primero, manteniendo presionado Shift y haciendo clic en el siguiente. Entonces tal vez agarraré este tercero también y luego pueda hacer clic y arrastrar en cualquiera de esos puntos y modificarlos todos a la vez. Voy a deshacer otra vez. También puedo arrastrar un cuadro alrededor con mi herramienta de selección para hacer varios puntos seleccionados al mismo tiempo, solo necesitas asegurarte de que tienes al menos uno de esos puntos seleccionados antes de dibujar un cuadro. Con uno activo, voy a dar clic y arrastrar y ahora tengo los cuatro seleccionados. Ahora puedo hacer clic y arrastrar sobre uno de estos puntos y moverlos todos a la vez. Ahora, ten en cuenta todo este tiempo. Sólo estoy moviendo la máscara alrededor del sólido. Voy a ajustar mi comp al espectador presionando el interrogación de turno y recordarte que esta capa en realidad está ocupando todo el comp solo estamos viendo lo que está contenido dentro de este rectángulo. En realidad no estoy moviendo la capa alrededor, solo estoy moviendo la máscara que está revelando porciones de la capa. Déjenme anular la selección con solo hacer clic y esto mantiene seleccionada la capa pero deseleccionada la máscara. También puedo manipular un borde. Digamos que quería hacer este rectángulo más alto o si solo hago clic y arrastre aquí en esta línea conectando estas dos esquinas, click y arrastre, puedo manipular los dos puntos que están en cualquiera de los extremos de esa línea. Si mantengo pulsado el turno, entonces voy a poder moverlo solo en el eje y o en el eje x, o en un ángulo de 45 grados, igual que reposicionar una capa dentro de los efectos posteriores. Digamos que quiero hacer esto mucho más alto y ahora digamos que te gustan las proporciones de esta máscara, pero quiero que todo sea un poco más grande. Bueno, sólo puedo hacer doble clic en cualquiera de estos puntos. Eso hace una selección de todos ellos y me da controles de transformación para esa selección. Ahora puedo hacer clic y arrastrar por decir el lado para hacerlo más amplio y puedo mantener pulsado el comando o el control en una PC mientras estoy haciendo eso, para escalarlo proporcionalmente desde el centro, voy a deshacer ese Comando Z o Control Z en un PC. Si subo a la esquina superior derecha se puede ver que esto cambia a un 90 grados a doble flecha ahí. Si hago clic y arrastre eso me permite girarlo de nuevo sosteniendo Shift se ajusta a incrementos de 45 grados o puedo mover mi ratón un poco más allá y justo ahí cambia a la flecha doble de 45 grados. Haga clic y arrastre mientras mantiene presionado el comando para escalar hacia fuera desde el centro proporcionalmente, pero también mantenga presionado el turno en el teclado para constreñir las proporciones y de esa manera la proporción de rectángulos permanece igual, pero puedo hacer que todo sea un un poco más grande. Para aplicar esa transformación, solo necesito presionar “Enter” en el teclado y estoy vuelta a solo editar mi máscara regularmente. Eso es lo básico de cómo hacer y manipular máscaras. Si bajo a esta Máscara 1 y solo presiona “Eliminar” se deshace de la máscara. Entonces puedo pasar por ahí y empezar a hacer otras máscaras. Ahora una forma realmente conveniente de aplicar una máscara es simplemente hacer doble clic en la herramienta aquí arriba en la barra de herramientas. Si hago eso en la herramienta de rectángulo doble, aplica una máscara del tamaño de la capa. ¿ De acuerdo? Voy a deshacer eso y luego hacer clic y mantener esa herramienta de forma y bajar a la herramienta Elipse. Ahora al igual que la herramienta de rectángulo, puedo hacer clic y arrastrar y puedo sostener “Shift” para hacer de eso un círculo perfecto. Si deshago, puedo hacer doble clic en la herramienta de elipse y aplica un círculo perfecto de tamaño a la capa. Esa es una forma rápida de hacer un círculo a partir de una capa sólida. Ahora que tenemos una bastante buena comprensión de todo esto, desharé y volveré a hacer esa máscara de rectángulo. Voy a hacer clic y mantener presionada esa herramienta de elipse, pasar a la herramienta de rectángulo y luego hacer doble clic en ella. De esa manera es del tamaño de mi capa. Es un bonito color azul morado que es fácil de ver encima de ese blanco. Lo que quiero hacer es hacer que todo esto sea un poco más delgado. Voy a hacer doble clic en esa ruta, hacer clic y arrastrar en el mango derecho mientras mantienes presionada Comando o Control para hacerlo sobre ese ancho. No tiene que ser preciso, sólo algo de ahí está bien, y luego presionaré “Enter” para aplicar la transformación. A continuación, quiero angular esto solo un poquito así que está un poco sesgada. Voy a presionar el “signo Menos que” en el teclado para alejar un poco para poder tener un poco más de área con la que trabajar en mi visor de levas. Entonces quiero hacer clic y arrastrar con mi herramienta de selección para hacer una selección de estos dos primeros puntos y sesgar esto con solo hacer clic y arrastrar mientras mantiene presionado Shift, que está en un poco de ángulo como ese. Y entonces tal vez haga otra selección de los dos puntos inferiores. Haga clic y arrastre, suelte y luego haga clic y arrastre mientras mantiene pulsado Shift, para sesgar eso solo un poco más. Ahora tenemos esta bonita forma angulada, y quiero animarla moviéndose del lado izquierdo de la pantalla al lado derecho de la pantalla muy rápidamente. Hay un par de maneras diferentes en las que podríamos hacer eso. En primer lugar, quiero señalar que si abro la sección Máscara 1 de esta capa girando esta flecha hacia abajo, tenemos algunas opciones extra para los caminos de máscara. Déjame solo darnos un poco más de espacio para que podamos ver todas nuestras opciones. En primer lugar, tenemos una propiedad Mask Path. Esta propiedad es lo que está almacenando los datos para esta ruta vectorial. En realidad puedo enmarcar esto y animarlo como muchas otras propiedades. Si yo sólo dijera, establece aquí un marco clave para el camino de la máscara y luego avanza un poco en el tiempo, y luego manipular este camino, digamos agarrar esta esquina inferior izquierda y traerlo aquí arriba, y tal vez agarrar esto esquina superior derecha y muévala aquí abajo. Ahora hay dos fotogramas clave, y las secuelas se interpolarán entre esos dos valores. Esa es una forma en que podríamos animar el camino. En lugar de usar este segundo conjunto de fotogramas clave, podría eliminar eso y luego tal vez hacer una selección de todo y cambiar esa máscara mientras mantiene presionada la tecla Shift en el teclado, y entonces eso se va a mover de izquierda a derecha. No prefiero trabajar de esta manera cuando todo lo que estoy haciendo es hacer básicas como transformaciones de posición, porque no obtengo ningún dato de los fotogramas clave de ruta de máscara como lo haría con una propiedad de posición donde me da un valor de posición. Voy a eliminar estos dos fotogramas clave así que estoy de vuelta a donde estaba y lo animaremos usando la propiedad de posición de la capa en su lugar. Antes de hacer eso sin embargo, quiero señalar algunas opciones más, empezando por Mask Feather. Acercaré aquí un poco, presionando el mayor que signo y el teclado y echaré un vistazo al borde de la máscara, cuando suba la Pluma Máscara. Esto básicamente solo suaviza los bordes de tu máscara, lo cual es muy útil en muchas aplicaciones. Déjame volver a bajar eso a cero por ahora y después tenemos la Opacidad Máscara. Si hago clic y arrastra esto hacia abajo, prácticamente hace lo que esperarías. Da vuelta la opacidad de esa máscara hacia abajo. Ahora, ¿por qué no querríamos simplemente usar la opacidad de toda la capa? Bueno, porque cada máscara puede tener su propia opacidad individual. Si tuviera que hacer clic en la herramienta de rectángulo y luego hacer clic y arrastrar de nuevo en esta capa, ves lo que está revelando es 100 por ciento de opacidad, incluso la parte que se está superponiendo a la primera máscara. Por eso hay un valor específico de opacidad de máscara para cada máscara. Entonces por fin tenemos la Expansión de Máscara, que si subo esto, sólo aumentará los límites de tu máscara lo que está revelando e incluso puedo convertir eso a un valor negativo para encogerlo esto hacia abajo. Eso podría ser una animación genial. Si lo vuelvo todo el camino hasta donde se ha ido, podrías crecer esto hasta su estado final. Eso es lo que hace la Expansión Máscara. Pondré eso de nuevo a cero y luego quiero echar un vistazo a este pequeño desplegable justo aquí en cada una de estas máscaras. Dice “Agregar” y si hago clic en ese desplegable, tenemos otras opciones. Ese siguiente de la lista es Restar. Si hago clic en eso, puedes ver que ahora en lugar de revelar lo que hay debajo de esa máscara, está restando lo que hay debajo de esa máscara, y todas las demás propiedades aún se aplican. Voy a volver a convertir mi opacidad de máscara hasta 100 y se puede ver cómo se ve eso. Estas dos máscaras están interactuando entre sí ahora. El primero está restando, pero el segundo, donde se superpone esa máscara sigue sumando. Si ajusto esto de nuevo a Agregar y entonces tal vez configuro el segundo desde Agregar a Intersect. Entonces la única parte de la capa que es visible es la parte que se superpone entre esas dos máscaras. Hay muchas maneras diferentes en las que estas máscaras pueden interactuar. Pero esperemos que eso te dé un vistazo un poco de cómo usarlos. Simplemente eliminaré esta segunda máscara seleccionándola y presionando “Eliminar” para que volvamos a solo R_1 barra angulada, y luego ajustaré esto a la comp presionando “Shift question mark” y podemos animar esto usando la propiedad position. Déjame colapsar esta capa y luego mover el inicio de esta capa a donde queremos que esté. Probablemente justo después de esta última capa con esta última Burst, justo al final de esa animación, y haré clic en esa capa de transición y presionaré el corchete izquierdo en el teclado para mover el punto final de esa capa a la cabeza de juego. También necesito mover esto hacia abajo por debajo de la pantalla afecta capa de ajuste, que se le apliquen los efectos. Ahora esto es blanco puro, así que va a ser muy brillante después de ese resplandor y ni siquiera realmente vemos a través de él por lo brillante que es, pero eso está bien porque lo estamos usando como transición. Lo necesitamos para encubrir los gráficos debajo de él para que tengamos una forma de ocultarlos en nuestra edición. Voy a alejar el zoom, ajustando la leva al espectador pulsando “Cambiar signo de interrogación ” y ahora podemos animar la posición de este barrido de luz. Voy a cambiar a mi herramienta de selección, y luego hacer clic y arrastrar esto mientras mantiene pulsado Shift, todo el camino fuera de la pantalla hacia la derecha para que no se muestre en absoluto, y establecer un fotograma clave de posición pulsando “Opción” o “Alt” en un PC, y el pico. Eso establece un marco clave de posición para esa capa. Seguiré adelante tal vez cinco fotogramas, 1, 2, 3, 4, 5 veces en la tecla de página hacia abajo y luego simplemente haga clic y arrastre esto mientras mantiene presionado Shift hacia el lado derecho, agradable y lejos por ahí. Ahora estableceré mi área de trabajo a la derecha por aquí, V en el teclado para el punto final, y N en el teclado para el punto de salida, y luego presione la barra espaciadora para previsualizar eso. Ahí vamos. Acabamos de conseguir este bonito barrido de luz rápido que podría ser un poco demasiado rápido. Quiero desplazar este marco clave por encima de un fotograma más. Ya está seleccionado, y para empujar esto sobre un fotograma, solo voy a mantener presionada Opción o Alt y presionar la tecla de flecha derecha. Ahora se mueve un poco más lento. Eso es exactamente lo que quería. Ahora, quiero seguir adelante y pre-comp esta capa porque la transición va a estar conformada por múltiplos de este rectángulo sesgado, y quiero mantenerlos todos bonitos y ordenados al igual que hicimos con la ráfaga. Voy a precomponerlo subiendo a Capa, abajo, pre-componer, y vamos a renombrar esta transición. Puedo deshacerme del comp one, y en este caso, sí quiero mover todos los atributos a la nueva composición. Voy a dar clic en “OK” y eso funcionó, pero quiero señalar algo. El nuevo comp que acabamos de generar en realidad está retomando toda la duración de esta comp. Si hago doble clic en esta comp de transición, se puede ver que la duración de pre-comps es exactamente la misma y en realidad hay mucho de nada antes de esa capa. Ahora bien, no es así como quiero manejar este pre-comp, y en realidad hay una opción que podría haber comprobado antes de crearlo que lo hubiera hecho de la forma en que lo quiero. Déjame deshacer Comando Z o Control Z en una PC, y vamos a precomponer esto una vez más. Sube a capa abajo para precomponer, y esta vez con mover todos los atributos a nuevas composiciones seleccionadas, también voy a marcar la casilla que dice, “Ajustar la duración de la composición al lapso de tiempo de las capas seleccionadas”. Voy a marcar esa casilla y hacer clic en “Aceptar” y ahora la capa era el marco para el nuevo pre-comp. Su arranca justo donde empezó antes y el pre-comp si hago doble clic en él, es la misma longitud que esa capa. De esa manera sucede mi animación justo al inicio del pre-comp. Permítanme acercar un poco allí. Presione “B” para establecer mi punto final para el área de trabajo, presione “N” para el punto de salida, y luego solo presione una “U” para que aparezcan todos mis fotogramas clave, y ahora puedo reproducirlo y ver que ocurre esa transición. Extenderé esto un poco más allá y ahora puedo continuar con mi animación. Yo quiero hacer una segunda barra ahora que es un poco más ancha. Voy a duplicar esta capa seleccionándola y presionando “Comando” o “Control D.” Haga clic y arrastre esta capa hacia adelante en el tiempo un poco para que haya un hueco entre los dos, luego avanzar en el tiempo y luego simplemente extender esto un poco más allá. Hice clic y arrastré en la barra entre los dos puntos y luego mantuve pulsado Shift para ajustarlo en ese eje horizontal. Pero sólo puedo ir tan lejos con esto antes de empezar a ver el borde de la capa. Yo quiero asegurarme de no ir más allá de ese punto. Ahora solo compara esas dos barras. A lo mejor voy a arrastrar un poco el lado derecho también. Haga clic y arrastre mientras mantiene pulsada Mayús. Parece que eso es lo más ancho que puedo conseguir así que esa será mi barra más ancha, y luego vamos a duplicar esto otra vez. Duplicaré, lo cambiaré hacia adelante en el tiempo, dos o tres fotogramas y luego este, haremos bonito y flaco. Haré clic y arrastraré mientras mantengo el turno en cada borde y lo haré más delgado y reproduciré eso de nuevo. Eso no está mal, pero creo que voy a cambiar esto a tiempo un poco más allá. Acabo de moverlo un cuadro más así que hay una brecha más grande entre esos dos. También noté esta pequeña astilla blanca aquí, que en realidad forma parte de esta capa, la barra más ancha. Eso está sucediendo sólo porque los fotogramas clave de posición de la primera capa no se movieron lo suficientemente lejos como para sacar este sólido todo el camino fuera de la pantalla. Déjame solo presionar P para que aparezcan esos fotogramas clave y luego simplemente cambiar esto un poco más, para que no veamos esa barra blanca, y eso debería ser bueno. Creo que lo que realmente quiero hacer es invertir el orden de estas dos capas para que la flaca venga antes que la más ancha. Permítanme simplemente reorganizar el orden de estos y mover éste hacia adelante, mover éste hacia atrás, para que estos dos estén más unidos. Simplemente están compensados por un cuadro, y luego entra el tercero, el ancho, justo por ahí. Creo que en realidad voy a necesitar hacer esto aún más amplio porque necesitaba tapar la mayor parte de la pantalla. De esa manera puede apagar todas las capas debajo ella mientras transitamos hacia la pantalla de puntuación alta, y ya sé que no puedo hacer más ancha la máscara porque entonces vemos el borde de la capa, así que en realidad necesito hacer que el sólido sea más ancho. Para ello, voy a llegar a la configuración de capa, sólida con esa capa seleccionada. Configuración sólida y luego mover esto fuera del camino, para que podamos verlo, y necesitaré aumentar el ancho. Simplemente duplicaré el ancho escribiendo en 2400 y haga clic en “Off” y luego haga clic en “New”. Ahora la razón por la que dice nuevo en lugar de bien es porque estoy modificando un sólido que se usa varias veces y con el fin de preservar todas las demás versiones de ese sólido, tengo que crear uno nuevo, así que está bien. Simplemente voy a dar clic en “Nuevo”, y esto en realidad modificó el ángulo de mi camino que básicamente estiró el camino hacia fuera como lo hice. Simplemente realmente quiero modificar esto haciendo clic y arrastrando mientras mantiene turno y alinear eso lo mejor que pueda por eso me gusta, pero ahora tengo una banda mucho más ancha y eso es probablemente más ancha de lo que necesita ser. Voy a retroceder un poco esto por el lado derecho, jalarlo un poco por el lado izquierdo. Pero de esa manera, aquí mismo en este marco, la mayor parte de la comp está cubierta y podré apagar todas las capas antes de este punto en el tiempo en este marco, y encender todas las nuevas capas que vamos a crear después de ese punto en tiempo. Yo sólo quiero dar un poco más de un hueco aquí, así que voy a desplazar esta capa hacia adelante y cronometrar un fotograma y jugar eso hacia atrás. De nuevo, no se está moviendo lo suficientemente lejos fuera de pantalla, así que voy a presionar P en el teclado, ir a ese segundo fotograma clave y luego simplemente cambiarlo un poco más y reproducirlo. Eso se ve bien. Ahora solo quiero agregar dos barras más en el lado izquierdo de este ancho y para ello, solo duplicaré las dos primeras. Selecciónelos pulsando y desplazando pulsando sobre el segundo comando de prensa o control D para duplicar. A continuación, haga clic y arrastre estos hasta la parte superior de la pila de capas, suelte, y luego muévalos hacia adelante en el tiempo. Veamos dónde termina esa banda ancha, justo por ahí y luego traeré estas dos capas de vuelta, y antes de que ésta se vaya por completo, traeré la siguiente. Entonces tal vez agregue un poco más de una brecha entre esos dos. En este, creo que lo haré un poco más delgado. Ahí vamos, y reproducimos eso. Ahí está mi transición realmente rápida. Esto debería funcionar muy bien para mí, así que voy a cerrar esta comp de transición, y en realidad me olvidé de renombrarlo esa segunda vez. Déjame volver al panel del proyecto y renombrar esta comp así que presiona enter con él seleccionado y luego simplemente selecciona esa comp one y elimínala. Entonces puedo cerrar esa transición y ver cómo se ve en mi comp principal así que retrocedamos esto y juguemos desde ahí. Pondré mi área de trabajo punto fuera en ese punto presionando N y luego reproduciré eso. Muy cool. Ahora lo que puedo hacer es encontrar el marco donde esa banda ancha está cubriendo la mayor parte de la obra que en realidad, ahí mismo, está encubriendo todo. Ahí es donde solo puedo recortar el marcador del jugador y el camión de tacos. Permítanme desbloquear la capa de puntuación de ese jugador, seleccionarla y desplazarla haga clic en el camión de tacos, y luego recortar estas capas hasta este punto en el tiempo presionando opción o alt y el corchete derecho en el teclado. De esa manera después de este marco, esas dos capas se habrán ido, y nos quedaremos solo con el fondo. Vamos a jugar eso atrás y ahí está nuestra transición. Una última cosa que quiero hacer a esta transición es darle un poco más de color porque ahora mismo es solo este blanco puro, sólido, y quiero darle un color más dorado, más de un resplandor dorado. Entonces para hacer eso, voy a agregar un nuevo efecto que no hemos usado antes llamado fill. Voy a venir a mis efectos y presets y teclear en relleno y justo aquí bajo generar, tenemos el efecto de relleno. Eso arrastraré hacia fuera a mi capa, la capa de transición y la soltaré, y al igual que el efecto de gradiente, me da un control de color y está reemplazando lo que hay en esta capa, pero sólo me da un control de color. No estamos haciendo un gradiente. Simplemente está llenando toda la capa con este color, pero sigue preservando toda la transparencia, todos esos huecos entre barras, lo cual es realmente genial. Yo solo quiero cambiar este color de rojo sólido a algo más dorado así que tal vez en los colores amarillo anaranjado y solo aumentó la saturación hasta que conseguimos ese poquito de resplandor. Ahora quiero encontrar ese punto dulce donde no es blanco puro, pero no obtenemos un relleno con este color amarillo. Yo sólo quiero el filo. Se puede ver donde es más suave, aquí mismo ser un poco más de oro, pero el interior para seguir siendo blanco bonito y brillante ahí mismo. Ahora si cambio el tono de esto, puedes ver que solo está haciendo que brille y tintando el blanco apenas un poco en el tono al que pusimos esto. Lo pondremos ahí mismo en el área roja anaranjada y pincharemos “Ok” y ahora eso es bonito y brillante. Tócala de nuevo. Dale a Aftereffects la oportunidad de previsualizar y ahí vamos. Tenemos esta transición agradable y brillante que se limpia a través de la pantalla y esconde todos los demás elementos. Para terminar eso, solo voy a recortar el extremo de esta capa hasta el último fotograma donde ya no hay nada en pantalla, opción o alt y el corchete cuadrado derecho para recortar eso y nuestra transición está completa. 26. Trabajando con texto: Está bien. Ahora tenemos que hacer lo que sucede después de la transición que es la pantalla de puntuación alta. Lo que quiero pasar es que este blanco cruce y las palabras, puntaje alto aquí arriba, bonito y grande aquí mismo con el taco que tenemos bajo nuestros activos. Ahí vamos este taco justo en la parte superior, ocupará la mayor parte de la pantalla y luego se escalará hacia abajo y las puntuaciones altas para probablemente primero a quinto o sexto lugar se llenarán aquí. Dirá jugador uno, ingresa tus iniciales, y podrás personalizar tus iniciales para ir en primer lugar puntaje alto. Una vez que todo lo que haya hecho de animar, simplemente volveremos al juego usando la misma transición para volver a una pantalla en blanco. Vamos a una tasa donde tenemos una pantalla en blanco y acercaré mi línea de tiempo con la tecla más en el teclado, y vamos a usar una nueva herramienta para hacer texto y esa es esta de aquí, la T mayúscula, esta es la herramienta de texto. Voy a dar click en eso y para usar esto todo lo que necesitas hacer es dar click y luego solo teclear algo de texto. Después para aplicar esto, puedes presionar la tecla Enter que está al lado de tu teclado numérico en el teclado, no la tecla Retorno, si presionas volver, eso solo caerá una línea. Si tu teclado no tiene la tecla Intro, solo tienes que subir y seleccionar una herramienta diferente como la herramienta Selección. Eso compromete el texto y ahora tienes esto como su propia capa en la que puedes hacer clic y arrastrar. Se ve aquí abajo en el panel de capas tiene su propio icono, esa misma T mayúscula que la herramienta de texto. Algunos otros paneles en realidad se abrieron para mí que no se puede ver porque simplemente no tengo mucho espacio de pantalla. Pero si hago clic y arrastro un poco mis efectos y preajustes, ahora tengo el panel de párrafos, así como los paneles de caracteres que aparecen. Estos se apilan de una manera que es diferente a esta sección de paneles. Recuerda, pueden colapsar y expandirse así. Yo quiero apagar eso. Para ello, solo voy a hacer clic y arrastrar este panel Carácter hacia arriba por encima de los efectos y presets y por debajo del panel Alinear. Aquí abajo quiero que lo adjunte debajo del panel Alinear y lo soltaré. Entonces solo agarraré mi panel Párrafo, y arrastraré eso justo en la parte superior del panel Carácter. Ahora, esos dos pertenecen juntos y ambos están separados de mis otras dos secciones. En primer lugar en nuestro panel Carácter, aquí es donde podemos controlar todo el estilo de este texto. En primer lugar, este pequeño ícono de aquí con dos iconos T de tamaño diferente, ese es el tamaño del texto medido en píxeles. Por lo que 36 píxeles de altura. Si hago clic y arrastra esto, eso aumenta el tamaño del texto. Notarás que todo se está escalando desde este punto de anclaje aún desde la esquina inferior izquierda de la capa. Ahora bien, esto es algo que es exclusivo de las capas de texto. Si hago clic y arrastro esto por aquí, el punto de anclaje está por omisión a lo que se llama la línea base del texto. Si acerco aquí con mi mayor luego firmo un par de veces y luego reposiciono con la barra espaciadora, esta línea de base es básicamente donde están sentadas todas las letras. Si te imaginas escribir en un cuaderno forrado, cada línea es la línea de base para esa línea. Ahí es donde vas a alinear los fondos de todos tus personajes. Pero también está alineado con cualquier justificación que tengas para tu texto. Lo que eso significa es donde básicamente está orientado tu texto. Al escribir ese texto, empezó a la izquierda y se movió a la derecha. Por lo que se deja justificado. Puedo verificar que al venir a la pestaña de párrafo, aquí es donde ponemos justificación, y se puede ver que este pequeño botón está seleccionado, está activo. Este es el botón de texto alinear a la izquierda. Si quisiera que este texto se centrara en la pantalla, entonces tendría que centrar justificarlo haciendo clic en el botón de texto centrado. Ahora ese punto de anclaje está justo en medio del texto. Puedo editar este texto haciendo doble clic en él, incluso con solo mi herramienta de selección, y luego escribir algo más. Algo así como mi nombre. Después de actualizaciones de efectos, puedo hacer clic fuera de esto y se puede ver el punto de anclaje está justo ahí en el medio. No importa lo que le haga a este texto, tal vez agrego algunos espacios más ahí dentro, va a estar justificado centro y alineado centrado en ese punto de anclaje. También puedo justificarlo a la derecha y luego el texto se moverá a la izquierda en base a ese punto de anclaje, pero en la mayoría de los casos uso texto justificado a la izquierda o al centro. Ahora, aquí hay algo importante a tener en cuenta. Al igual que cualquier otra capa, puedo mover el punto de anclaje. Porque todas las demás transformaciones como la rotación, siguen ocurriendo alrededor de ese punto de anclaje. Déjame deshacer eso y cambiar a mi herramienta de punto de anclaje. Si hago clic y arrastro este punto de anclaje por aquí y luego vuelvo a girar la capa, respeta ese punto de anclaje. No obstante, la justificación del texto no lo hace. Voy a deshacer una vez más y luego a la izquierda alinear mi texto. Se puede ver que el punto de anclaje se quedó donde lo puse a pesar de que el texto se alinea con el borde izquierdo o con el origen de esta capa de texto. Eso es importante saber porque si alguna vez necesitas volver a la alineación original, vas a tener que hacer doble clic en la herramienta de punto de anclaje. Mira lo que pasa cuando hago eso. Haga doble clic, se remonta a donde estaba originalmente. Se puede centrar alinear de nuevo, justificarlo de nuevo a la derecha, y está de vuelta a la forma en que estaba. Volvamos a la paleta Carácter y echemos un vistazo a algunas opciones más que tenemos. Tenemos algunos controles de color para relleno y para trazo, trazo es solo un contorno. También tenemos la capacidad de cambiar la fuente, y ya sé que quiero cambiar esto a Hydrophilia para que coincida con todo lo demás. Entonces déjame simplemente desplazarme hacia abajo por la lista. Ahí vemos Hydrophilia Iced y un pequeño adelanto de cómo se ve esa fuente. Voy a dar click en eso y ahí está nuestra fuente de 8 bits. Hay muchos otros controles de afinación realmente finos que puedes tener para tu texto. Pero probablemente no vamos a necesitar meternos en gran parte de esto en absoluto. Por ahora, solo tecleemos el texto que debería estar aquí, que es puntaje alto. Por lo que voy a volver a cambiar a mi herramienta de selección y hacer doble clic para hacer una selección de todo ese texto y luego escribir High Score. Voy a hacer clic fuera de esto con la herramienta Selección y en realidad hay un ajuste más que no podemos ver en este momento porque no tengo suficiente espacio que quiero usar. Entonces solo voy a agarrar mi panel Efectos y presets y arrastrarlo aún más hacia abajo, y aquí hay algunos controles más para el panel Carácter. El que busco son los dos Ts mayúsculas, que es todo gorras. Si hago clic en eso, mi texto va a todos los mayúsculas y aunque escriba letras minúsculas, siempre será todo mayúsculas. Eso se ve bien. Ahora, también quiero alinear esto al centro de la comp, así que ya que lo quiero centrado, en realidad voy a cambiar mi alineación de párrafo de nuevo al centro, y luego subiré a mi paleta de alineación y alinearé esta capa a las composiciones centro horizontal. Ahora, volveré a mi paleta de personajes y solo escalarla un poco, así que es bonita y grande, y luego sacaré la capa de Taco. Así que voy a dar clic y arrastrar ese activo aquí y soltarlo. Quiero asegurarme de que esto también esté centrado horizontalmente, así que haré clic en Alinear horizontalmente en mi paleta Alinear, y luego simplemente reposicionar este texto, haga clic y arrastre mientras mantiene presionado Mayús para que se mueva abajo ese Taco un poco y tal vez escalar el Taco hacia abajo sólo un poquito. Por lo que voy a hacer clic y arrastrar en uno de estos mangos mientras mantiene presionado turno y escalarlo hacia abajo hasta alrededor de ahí. Ahora voy a ajustar mi comp al espectador presionando Mayús signo de interrogación. Quiero poder ver exactamente dónde está el centro de mi comp solo para una referencia visual. Hay guías en After Effects que te permiten hacer esto muy fácilmente. Si bajas a este pequeño menú justo aquí y haces clic, la primera opción se llama Título/Acción segura. Si hago clic en eso, consigo un par de casillas con algunas marcas de garrapata en él, pero también un centro de pelo cruzado justo en medio de mi comp. En realidad puedes activar y desactivar esa configuración, simplemente pulsando la tecla apóstrofe del teclado. Esa es una forma rápida de habilitar y desactivar esa guía y viene muy útil para alinear las cosas muy bien. Básicamente, lo que quiero es que este texto y el Taco parezcan bastante equilibrado y centrado en esta composición. A lo mejor los textos podrían ser un poco más grandes, empujarlo hacia abajo sólo un poco más, y luego bajar un poco ese Taco también. Después presionaré la tecla apóstrofe del teclado para ocultar esa guía, y creo que se ve bastante bien. Pero estas dos capas no están sentadas debajo de la pantalla afecta la capa de ajuste, por lo que no están consiguiendo ese efecto de pantalla que construimos. Entonces déjenme agarrar ambas capas, haga clic y luego haga clic Shift, y luego arrástrelas abajo, no sólo los efectos de pantalla, sino también la transición porque eso necesita cubrir estas cosas sobre ese único marco de transición. Ahora los efectos se aplican a ese texto e icono, y voy a volver a esto hasta donde quiero que se enciendan las capas, que estaría justo aquí, justo donde la transición se superpone todo. Presionaré el corchete izquierdo de mi teclado para desplazar el punto final de cada una de esas capas a ese punto en el tiempo, y ahora nuestra transición borra el camión y la partitura y trae este texto. Solo hagamos una vista previa de esa sección B en el teclado para el punto final de mi área de trabajo, y en el teclado para la salida de mi área de trabajo y reproducimos eso. Enfriar. Creo que el Taco en realidad podría ser un poco más grande, solo quiero presionar S en el teclado para asegurarme de que no lo escale más allá del 100 por ciento y lo hice. Déjame volver a bajar eso a 100 y sólo subir un poco ese Taco. A mí me gusta la forma en que eso está todo colocado. Ahora, hagamos esto un poco más interesante y en lugar de solo tener el texto que aparezca, que se anime. Ahora, hay animadores especiales dentro de After Effects llamados animadores de texto que hacen que el texto animado sea realmente divertido y fácil. En realidad tengo un curso completo dedicado a este tema también, cual puedes echar un vistazo después de esta clase si te interesa. Pero solo podemos aplicar un preset bajo nuestro panel Efectos y presets. Entonces déjame expandir esto otra vez, y justo en la parte superior ves esta categoría llamada Preajustes de animación. Voy a sumar eso hacia abajo y luego desplazarme un poco más hacia abajo y encontrar que hay una sección para el texto. Déjame total eso abierto y tenemos todo un montón más categorías. El que queremos es animar en. Ahora aplicas preajustes de la misma forma que aplicas afectos. Un preset es solo una forma de guardar animaciones y efectos de la forma en que las has configurado. Como puedes ver, muchos presets vienen con After Effects. El que quiero usar se llama decodificador fundido. Se va a aplicar esta animación a tu capa en cualquier momento en el que estés en la línea de tiempo. Por lo que voy a respaldar mi cabeza de juego de nuevo hasta el inicio de la capa, por lo que empieza justo al principio. Entonces solo daré clic y arrastraré esto hasta esa capa y soltaré. Ahora si voy hacia adelante en el tiempo, se puede ver lo que está pasando. Ahora bien, esta es una animación muy lenta. Voy a alejarme de mi línea de tiempo presionando menos en el teclado, y luego solo presiona U para que aparezcan los fotogramas clave. Estos son los dos fotogramas clave que están impulsando esta animación y se puede ver que se tarda 1, 2, 3, casi cuatro segundos completos en animarse. Entonces juguemos esto de nuevo y veamos cómo se ve. Está desenredando este texto ya que se están desvaneciendo en un personaje a la vez. Ahora, no voy a pasar por explicar cómo funcionan los animadores de texto y cómo esto incluso se está sacando con sólo dos fotogramas clave, porque es un tema muy avanzado y como dije, tengo todo un curso dedicado a ello. Pero todo lo que quiero hacer es acelerar esto para que esto se anime mucho más rápido. Entonces déjame simplemente detener esa animación y agarrar el segundo fotograma clave y tirarlo mucho atrás. Tal vez por ahí, y probablemente empujaré un poco esta capa de texto hacia adelante con el tiempo solo para que no empiece a animar hasta que la mayor parte de la transición ya esté completa. Ahora juguemos esto de nuevo y veamos cómo se ve. Entonces eso va mucho más rápido y es solo un poco fresco escribiendo o escribiendo el texto, mientras que también revuelves un poco las letras, lo cual es solo un efecto divertido. Lo bueno de los animadores de texto es que se puede ajustar el texto después del hecho, y la animación aún se conservará. Entonces si hago doble clic en mi capa de texto aquí abajo en el panel de capas, eso también hace que el texto sea editable y hace una selección de todo. Entonces, solo agreguemos un poco más de énfasis y añadamos un signo de exclamación al final. Entonces es puntaje alto. Deseleccionaré ese texto y volveremos a tocar esto. A pesar de que edité el texto, la animación se conserva y actualiza para tu nuevo texto. Si quiero ralentizarlo un poco, todo lo que tengo que hacer es arrastrar un poco este segundo fotograma clave, y ahora solo toma un poco más de tiempo animarlo, pero creo que eso se ve muy bien. A continuación, hagamos realmente un duplicado de este texto seleccionándolo y presionando “Comando” o “Control D”, y arrastre esa copia, abajo de la primera copia. Entonces voy a solista ambas capas, que no nos distraiga todo lo demás. Yo sólo quiero golpear un poco esta segunda capa hacia abajo justo antes de que comience a haber un hueco aquí entre las dos copias. Por lo que quiero que esos dos no muestren ningún hueco. Entonces voy a cambiar el color de esta segunda capa. Entonces voy a entrar en la paleta de personajes, y sólo puedo cambiar el color de esta manera. Eso agrega algo de profundidad al texto. Pero en realidad quiero empujarlo incluso un paso más allá, y agregar un gradiente a este texto que coincida con la paleta de colores de lo que ya tenemos. Entonces bajaré a mi capa de taco y solo eso también, y sacaré dos colores de esto. Añadamos un efecto de rampa de gradiente, llegando a nuestros efectos y presets y tecleemos en rampa de gradiente. Aquí vamos. Voy a hacer doble clic, y luego bajo mi rampa de gradiente, necesito asegurarme de que estos puntos que comienzan y terminan estén mejor alineados al texto. Entonces déjame alejarme con mi signo de menos que. Haga clic y arrastre en este punto, el inicio de la rampa y mantenga pulsado “Shift” para encajar eso verticalmente, y luego simplemente alinéelo a la parte superior del texto, y luego haga lo mismo para el final de la rampa. Basta con alinear eso al fondo. Volveré a acercar con la herramienta Zoom, “Z” en el teclado, y luego volveré a cambiar a mi herramienta de selección, “V” en el teclado. Ahora podemos cambiar estos colores. Entonces hagamos el color superior, este color oscuro, solo este color amarillo-naranja. Después agarra el color final y haz que este rojo brillante. Ahora tenemos este gradiente genial, agregando este 3 Dness al texto, y cuando apago todos los interruptores en solitario, se ve realmente genial en este look de 8 bits. Así que permítanme ajustar esta comp al espectador presionando “Cambiar signo de interrogación”, y lo que queremos que suceda después de que este texto escriba fuera es que el taco y los textos se reduzcan y se muevan a la parte superior, y todo el otro texto se llene. Para hacer esto fácil y sólo hay que animar un elemento, voy a padres tanto los textos de alta puntuación a la capa de tacos. Entonces con los seleccionados, agarraré mi Pick Whip, para el padre Pick Whip y click y arrastraré al taco y soltaré. Ahora dondequiera que vaya el taco, los textos se moverán con él, y añadiré algunos fotogramas clave en la escala y posición, tal vez ahí mismo a tiempo. Por lo que la opción “S” agrega un fotograma clave de escala o “Alt S” en una PC. Entonces la opción “P” o “Alt” P en PC agrega un fotograma clave de posición. Entonces ese es mi estado inicial. Entonces iré adelante tal vez 10 fotogramas, sostendré “Shift” y página abajo en el teclado para ir 10 fotogramas hacia adelante. Entonces escalaré esto a tal vez 50 por ciento y moveré eso hacia arriba mientras sostengo “Shift”, para darme mucho espacio para llenar el resto de la pantalla con las puntuaciones altas. Vamos a mover eso bonito y cerca de la parte superior. Por último solo quiero seleccionar los cuatro de estos fotogramas clave. Haga clic derecho y diga, Asistente de fotogramas clave, Facilidad fácil. De esa manera la animación es agradable y suave y reproduciremos esto de nuevo para ver cómo se ve. Genial. Creo que el momento es un poco demasiado rápido. Déjame agarrar esos cuatro fotogramas clave y moverlos hacia adelante en el tiempo un poco. Creo que eso es mejor. Ahora podemos rellenar el resto del texto. Añadamos una nueva capa de texto llegando a nuestra herramienta de texto. Pondremos los lugares por aquí. Entonces primero, segundo, tercero, cuarto, quinto, y luego sus anotaciones, y luego las iniciales de la gente que tenía esas anotaciones. Empecemos de nuevo aquí solo haciendo la columna con los lugares. Voy a dar click una vez y voy a escribir primero. Este texto es demasiado grande y está centrado justificado ahora mismo. Así que permítanme expandir un poco este panel de caracteres, y tratar de escalar esto hacia abajo. Ahora quiero señalar que eso en realidad no es hacer nada. Eso se debe a que no tengo seleccionado ninguno de mis textos. A pesar de que tengo la capa seleccionada, el texto dentro de ella no cambia porque no está seleccionado, y puedes tener varios tamaños de texto dentro de una sola capa de texto. Entonces primero necesito hacer doble clic en ese texto para seleccionarlo. Entonces puedo escalarlo hasta el tamaño que quiera. Entonces tal vez algo más así. Diremos 70 píxeles. Entonces me acercaré a mi panel de párrafos y justo a la izquierda justificarlo. Entonces haré clic una vez al final de ese texto, para que mi cursor vaya justo después de la T, y presionaré “Return” en el teclado para bajar una línea y escribir en segundo. Después iré tercero, cuarto, y quinto. Eso probablemente sea un montón de lugares para llenar esta pantalla de texto. Aplicaré ese texto haciendo clic en la herramienta de selección, y quiero poner un poco más de espacio entre cada línea. Esto es algo que realmente podemos ajustar en la paleta de caracteres. Entonces déjame volver al panel del personaje, y me di cuenta de que acaba de decir paleta de caracteres y luego panel de caracteres. Eso es sólo un mal hábito mío. Cuando aprendí originalmente software de Adobe, me enseñaron que se llamaba la paleta de caracteres, y creo que finalmente Adobe cambió a llamar a todos estos, paneles. Entonces si me oyes decir paleta, lo siento, eso es sólo un mal hábito mío. Pero de todos modos, el ajuste que quiero ajustar es este de aquí, donde tenemos dos A's uno encima del otro con estas dos flechas, este es el espaciado entre líneas y eso se llama liderar. En este momento, está configurado en Auto, por lo que se basa en el tamaño de tu texto y cambia automáticamente a medida que cambias el tamaño del texto. Pero si haces clic y arrastras hacia la derecha, en estos números, realidad puedes establecer ese espaciado de manera muy precisa. Entonces digamos solo un 100 píxeles o tal vez 115. También puedes hacer clic y simplemente escribir ese número y luego presionar “Enter”. Entonces ahora hay algunas brechas agradables entre este texto. Lo moveré por donde lo quiero, y luego me desplazaré hasta la parte superior de mis capas y lo bajaré por debajo de la transición. Suelta, y ahora se aplican todos los efectos a eso. No quiero que todo este texto sea rojo. Lo que quiero hacer es alternar entre los colores que ya tenemos con el taco. Para asegurarme de que estoy tomando muestras de los colores correctos, necesito apagar la pantalla afecta capa de ajuste, para que no estemos manipulando esos colores antes de que lo muestre. Entonces déjame acercar aquí con mi herramienta Zoom “Z” en el teclado y hacer clic una vez. Para la primera línea, solo hagamos eso amarillo. Entonces agarraré mi herramienta de texto, haga doble clic en la palabra primero. Después, en el panel de personajes, tengo un cuentagotas aquí mismo. Mi color de relleno está activo. Puedes cambiar entre tu relleno y trazo con solo hacer clic en ellos. Pero con eso activo, voy a dar clic en mi “Cuentagotas”, y esto permite muestrear cualquier color en después de efectos. Entonces escogeré el color amarillo, y eso hace que ese texto sea el amarillo y el resto sigue siendo rojo. A partir de aquí, puedo hacer doble clic en el segundo texto y luego volver a agarrar mi cuentagotas y luego elegir un color verde. Entonces para el tercer color, haré doble clic en eso, agarraré mi cuentagotas y luego tal vez prueben el color rojo brillante. Aplicaré eso y solo reposicionaré, para poder ver todo el otro texto, y solo repetiré este patrón. Entonces a continuación, volvería a ser amarillo, agarraré mi herramienta de texto, doble clic en cuarto, cuentagotas y luego muestreo ese color amarillo. Entonces finalmente con quinto doble clic en ese texto, agarra el cuentagotas, muestra el verde, y ahí vamos. Aplicaré ese texto y luego activaré mis efectos de pantalla una vez más. Después pulsa “Shift” “Signo de interrogación” para ajustarlo a la comp. Entonces ahí vamos. Tenemos nuestros colores alternos, amarillo, verde, rojo, amarillo, verde. Ahora tengo otras dos columnas que necesito rellenar. Pero antes de hacer eso, en realidad voy a aplicar primero la animación de texto decodificador. Entonces déjame escribir mis efectos en presets, barra de búsqueda, decodificar, y ahí está nuestro Decodificador Fade In. Voy a mover el inicio de esta capa a, este punto en el tiempo, justo aquí, justo donde esta animación se está resolviendo y presionar el corchete izquierdo para desplazar el punto final de esa capa a ese punto en el tiempo. Entonces solo haré doble clic en “Decodificador Fade In”, y eso lo aplicará automáticamente a tu selección. Después pulsa “U” para subir esos fotogramas clave y hacer que esta animación sea mucho más corta una vez más. Ahora juguemos esto de nuevo y veamos cómo se ve. Simplemente trae en todo ese texto una línea a la vez. Muy bonito. Ahora que todo eso está configurado, los colores, el espaciado entre el texto y la animación, realidad puedo simplemente duplicar esta capa seleccionándola, presionando “Command” o “Control D”, y luego haga clic y arrastre este capa de texto más de un poco mientras mantiene pulsado “Shift” y edita este texto más adelante. De esa manera no tienes que rehacer todos estos colores y toda la animación y todo cada vez que hago una nueva columna. Por lo que el marcador del primer lugar será lo que sea, tenía mentalidad para antes de transitar. Entonces ahí mismo, 1, 1, 7, 6, 2, 11 mil 762 será el primer lugar marcador. Entonces para entrar en ese texto, voy a hacer doble clic en él, y eso está seleccionado todo porque estaba en la herramienta de selección. Pero entonces solo volveré a hacer doble clic en la primera línea y luego escribiré ese número, 11,762. Eso es todo lo que necesito hacer para el primer lugar. Para el resto de las partituras, solo puedo maquillar números, pero no quiero dar click y arrastrar para hacer una selección de todo porque si escribo un número nuevo como 10,886, entonces caigo una línea y un tipo en 9. 587. Ves que simplemente sigue escribiendo lo que sea que tuvieras tu cursor previamente. Entonces perdí todo ese estilo de color. Entonces voy a deshacer un par de veces, presionar “Comando Z” para volver a este texto, y luego volver a hacer doble clic en segundo y hacer una línea a la vez. Entonces digamos 11 mil 354. Estos son números completamente aleatorios, haremos 10,886. Después haga doble clic en el cuarto y diremos 10,654, y luego para el quinto lugar haremos 10,312. Entonces solo voy a hacer clic fuera con la herramienta de selección. Ahora tengo todas mis puntuaciones altas ahí. Ahora quiero alinear esto al centro de la comp. Yo podría hacer eso por mí, sólo sacando a los guías con mi llave apóstrofe. O podría simplemente alinear esto al centro de la composición. Entonces eso es lo que haré por esa capa. Entonces solo traeré un poco este texto y columna. Por lo que no está tan lejos de éste. Si vuelvo un poco atrás en el tiempo y froto esto, se puede ver que ambos están animando al mismo tiempo. Ahora, me gustaría escalonar un poco esto. Así que déjame agarrar esta capa y moverla hacia adelante, tal vez dos o tres fotogramas, y ahora todos van a animar un poco más línea por línea. Ahora duplicemos esta capa una vez más. Haga clic y arrastre mientras mantiene pulsado “Shift”. Simplemente espaciar estas brechas de manera uniforme. Esta es la columna en la que va a tener las iniciales de puntuación alta. Entonces la primera, voy a poner mis propias iniciales. Por lo tanto, haga doble clic en puntaje superior y escriba en TRABAJO para mis iniciales. El segundo, hagamos SMB para Super Mario Brothers, hará LOZ para Legend of Zelda, DKJ para Donkey Kong Junior, y haremos STH para Sonic the Hedgehog. Ahora, obviamente puedes poner lo que quieras en todos estos, pero eso es justo lo que estoy usando como texto de relleno. Entonces compensaré estos tres marcos más en el tiempo. Por lo que vuelve a ser una escalonada desde las dos primeras animaciones. Entonces juguemos esto de nuevo y veamos cómo se ve. Muy cool, pero aquí está la cosa. Mis iniciales en realidad no deberían estar aquí al inicio porque esta es la pantalla donde entras en tus iniciales. Por lo que quiero hacer doble clic en esta capa de texto y luego hacer doble clic en esas primeras letras y luego simplemente presionar la “tecla Eliminar”. De esa manera esa línea estará vacía y los puedo animar por separado. Entonces sólo voy a aplicar eso, para que ese marco esté vacío. Entonces necesitamos un texto aquí abajo en la parte inferior que diga Jugador 1, ingrese sus iniciales. Entonces solo voy a duplicar esta capa de texto 1 vez más, “Command” o “Ctrl” D con ella seleccionada, haga clic y arrástrela aquí abajo y haga doble clic sobre ella y escriba el jugador 1. A continuación, baje una línea presionando volver, ingrese sus iniciales. Agarré la herramienta de selección para aplicar eso y hagamos que este texto sea blanco. Entonces con eso seleccionado, puedo usar este pequeño conjunto a blanco Command para hacer ese blanco. También centraré justificar ese texto yendo al párrafo y haciendo clic en el botón de texto central. Ahora eso lo desplaza de centro. Por lo que necesito asegurarme de alinear esto al centro u centro horizontal de la comp. Volveré a mi panel de caracteres, y cambiaré esta configuración de dejar volver a Auto haciendo clic en esta flecha y luego seleccionando Auto. Eso acerca un poco el texto, y luego lo escalaré un poco, así que es un poco más fácil de leer. Entonces tal vez en algún lugar por ahí, y luego, voy a hacer clic y arrastrarlo hacia abajo mientras sostiene “Shift”, que tengamos espacio para todo lo demás en la pantalla. Ahora parece que las tres columnas se podrían mover un poco hacia arriba para que esto se centrara un poco mejor. Por lo que seleccionaré los tres haciendo clic y el turno haciendo clic en los otros dos, luego haga clic y arrastre mientras mantiene presionado el turno. De esa manera todo mi texto es bonito y centrado. No se puede olvidar desplazar un poco esta capa de texto también. Entonces iremos 1, 2, 3 fotogramas hacia adelante de esa manera, esa animación en escalonada un poco en eso también. Una vez que eso haya terminado de escribir, necesito agregar otra capa de texto aquí mismo, que escriba mis iniciales. Entonces para eso, solo duplicaré esta tercera columna una vez más. “ Comando” D para duplicar, haga doble clic para editar y luego escriba JOB. Ahora recordé cuáles eran los colores para esa línea. Entonces no tengo que cambiar nada ahí. Deseleccionaré con la herramienta de selección y luego solo moveré esto arriba por encima de esa capa, para que suceda en secuencia y mueva un poco esto en el tiempo. Ahora como sólo hay tres caracteres en esta línea de texto, va a animar mucho más lento. Ve lo lento que se mecanografió. Yo quería pasar mucho más rápido que eso. Entonces voy a presionar “U” para que aparezcan los fotogramas clave, y luego sólo acortar bastante esto. Ahí vamos. Ahora tenemos esa pantalla entera animando con solo unas pocas capas de textos, pero todos los partidos están diseñados muy bien. Entonces permítanme retroceder esto hasta justo antes de la transición. Pondré mi área de trabajo por ahí. Apagó mis guías presionando la tecla apóstrofe y reproducirla. Perfecto. Ahora todo lo que necesitamos hacer es la transición de regreso al inicio de la animación, donde nuestra puntuación y el camión, están ahí en este estado. Entonces escojamos un punto en el tiempo en algún lugar justo ahí que queremos que suceda la próxima transición. Agarré esa capa de transición y la duplicaré pulsando “Comando” “D”, y luego haga clic y arrastre esto hasta ese punto en el tiempo. Para que justo después de que se ingresen esas iniciales, se haga la transición y ver si ese tiempo funciona bien. Entonces transición a la pantalla de puntuación alta, todo tipo fuera. Voy a necesitar ver esto una vez más para obtener la reproducción en tiempo real. Pero aquí vamos, puntaje alto, puntajes, iniciales y luego transición. Creo que es un buen momento. Entonces lo que necesito hacer es otra vez, encontrar ese marco ahí mismo que todo el texto está siendo tapado, y ahí es donde recortaré todas estas capas. Entonces déjame darme un poco más de espacio. Seleccione esas capas de textos todo el camino hacia abajo hasta esta inferior, haciendo clic en la primera, manteniendo pulsada la tecla Mayús y haciendo clic en la última. Y luego presionando Option o Alt en un PC y el corchete cuadrado derecho, para recortar esas capas hacia fuera apunta a la cabeza de juego. Ahora esos se irán después de la transición. Ahora lo que tengo que hacer es conseguir el camión y el puntaje más alto de vuelta a este punto en el tiempo. Para que el bucle se alinee. Para ello, solo regresaré, al inicio de mi animación, agarraré ese camión de tacos y el marcador del jugador y los duplicaré. Arrástralos hasta la parte superior de mi comp, justo por encima de todas esas capas de textos y suelta, y luego simplemente cambia el punto final de esa cabeza de juego, a este punto en el tiempo aquí mismo. Entonces con esas capas seleccionadas, presionaré el corchete izquierdo para traer esas capas de vuelta en ese punto en el tiempo, y la transición trae sin problemas ese camión y anota de nuevo, y en cuanto esa transición se vaya, justo en ese marco de ahí, ahí es donde puede estar mi punto de bucle. Por lo que presionaré “N” en el teclado para establecer ahí mi área de trabajo. Iré al inicio de una comp y presionaré “B”, y luego me daré mucho más espacio y caber la comp al 100 por ciento. Para que podamos ver esto un poco más grande y reproducirlo. Después de vax va a tomar un poco de tiempo, para tener que volver a previsualizar toda esta animación. Pero si hicimos todo bien, una vez terminado, debería ser un bucle perfecto, sin costuras y nuestra animación, estaremos listos para que volvamos a poner en nuestra comp principal del Taco Tuesday, justo debajo de ese gabinete arcade. Entonces echemos un vistazo a cómo se ve esto. Perfecto. Se bucea a la perfección y parece que sólo va a seguir jugando para siempre. Eso es exactamente lo que necesitábamos. Porque nos dimos a nuestro yo ese segundo completo de tiempo buffer, podemos controlar cuánto tiempo queremos entre el bucle y el inicio de la animación. A continuación, podemos ir a nuestra comp principal y conseguir esto se vea de la manera que debería dentro de este gabinete arcade. 27. Colocar la pantalla: Fuera en nuestro principal render comp, Taco Tuesday comp, ahora podemos ver toda la animación sucediendo dentro del gabinete arcade. Pero obviamente no encaja muy bien dentro del marco. Es solo este cuadrado perfecto que bajé para encajar ligeramente el marco. Pero si acerco aquí con el mayor que firmar un par de veces y reposiciono con la barra espaciadora. Lo que necesito hacer es básicamente deformar este cuadrado para que se ajuste al ángulo de este marco de gabinete arcade porque la pantalla está un poco en ángulo, y para fingir esa perspectiva, voy a necesitar distorsionar este pre-comp. Déjame volver a subir esto sólo un poquito. Con esa capa seleccionada la pre-comp de pantalla, vamos a lograr esto a través de un efecto llamado CC power pin. Pasemos a nuestros efectos en el menú de presets y tecleemos en potencia, y eso debería traer el efecto debajo distorsionar el pin de alimentación CC. CC es sólo una abreviatura de una empresa que hizo un montón de efectos para efectos posteriores. Pero el nombre de los efectos reales es power pin. Con eso, haré doble clic en él. Se lo aplica a mi selección de ese pre-comp, y lo que hace este efecto es que te permite distorsionar lo que sea que lo apliques en base a los controles de esquina. Tengo un blanco cruzado ahora apareciendo en cada una de estas esquinas, y puedo simplemente agarrar la mano libre y arrastrarlos alrededor y se puede ver que muy fácilmente me permite distorsionar mi imagen. Lo que es realmente genial de este efecto es que también puedo agarrar cualquiera de estas líneas, cualquiera de estas guías haga clic y arrastre y modifique esas. Al estar haciendo esto, se puede ver que todas estas propiedades de posición, cada una para una de las esquinas se están actualizando. Es sólo una forma muy intuitiva de hacer este tipo de distorsión. Déjame empezar por solo restablecer este efecto de nuevo a la forma en que estaba, y luego agarraré la barra superior aquí arriba y solo lo bajaré justo por encima de la parte superior de este marco. Entonces haré lo mismo por el borde inferior. Sostendré la barra espaciadora para bajar un poco. Entonces agarraré esa barra inferior y la llevaré hasta el fondo del marco. La mayor parte de mi imagen está dentro de los límites de ese marco, pero sobresale un poco a la izquierda y no a la derecha. Eso me está diciendo que este pre-comp no está centrado en mi composición. Simplemente muy rápido voy a seleccionar esa capa, subir a mi paleta de alineación, darme un poco más de espacio aquí y alinearla al centro de la composición horizontalmente. De esa manera sé que está perfectamente centrado dentro del resto de la obra y yo hice la obra centrada dentro del documento así que por eso sé que todo es bonito y alineado. Después para volver a mis controles de Efecto, necesito hacer click en “Power Pin” y eso trae estos controles de nuevo arriba. Lo que quiero hacer es básicamente traer las esquinas superiores izquierda y derecha para que esta pauta coincida con la línea izquierda y la línea derecha de ese marco. Voy a hacer clic y arrastrar y otra vez, puedo mantener presionado Shift para constreñir la distorsión a izquierda y derecha o arriba y abajo, pero voy a traer eso a la derecha hasta que ese ángulo coincida bastante de cerca el borde izquierdo ahí y haré lo mismo cosa para el borde derecho, justo por ahí. Ahora podemos saber que la perspectiva coincide realmente bien. Vayamos a un fotograma, tal vez el fotograma de puntuación alta ahí mismo. Podemos ver que ahora parece que en realidad está en esa pantalla o al menos mucho más como está en esa pantalla. Voy a alejar un poco y sólo apaga este efecto y vuelve a encenderlo. Se puede ver que sólo con ese poco de distorsión, realmente hemos emparejado con esa perspectiva y hemos hecho que esto se vea mucho más creíble, como si en realidad estuviera en este gabinete arcade. Con eso hecho, solo previsualicemos nuestra animación y veamos cómo se ve. Pondré mi área de trabajo fuera al final del bucle, justo ahí. Presionaré N en el teclado y luego reproduciré esto y voy a editar estas secciones de renderizado solo para ahorrar tiempo. Ahí vamos. Eso se ve realmente bien. Creo que todo está funcionando muy bien aparte de la anotación se está acabando de cortar un poco en la esquina superior izquierda. Lo que quiero hacer es justo en este fotograma, volveré a mi pantalla en pre-comp y encontraré capa de marcador de ese jugador y llegaré a la propiedad de posición para el efecto de números, luego moverlo un poco y luego bajar probablemente bastante. En algún lugar por ahí e incluso eso es un poco que se corta todavía, así que lo llevaré a la derecha un poco más y revisaré una vez más. Eso parece que va a caber dentro del marco. Solo asegurémonos de que el movimiento que no interfiera con ninguno de los otros gráficos. Creo que eso funciona, y solo necesito asegurarme de que también aplique ese mismo ajuste de posición a la segunda copia del marcador del jugador al final aquí para que el bucle coincida. Podemos ver que este es el final de la animación y este es el comienzo. Hay dos posiciones diferentes, por lo que necesito trasladarlo a 279 por 78. Vamos a esa segunda copia, vamos a ver dónde está y digamos 279 en la x y un 78 en la y Ahora esos dos están exactamente en el mismo lugar. Voy a guardar eso y luego volver a mi comp principal y ahora ese marcador siempre va a estar dentro del marco en esta comp principal. El único otro que veo es que Enter se está tapando mucho por ese joystick. Creo que hay suficiente de una brecha entre todo este texto y este texto que probablemente podría simplemente reventar eso un poco. Déjame volver a mi pantalla, agarrar esa capa, hacer clic y arrastrar mientras mantiene pulsado Shift, y luego volver a nuestra comp principal y ver que se ve así. Mucho mejor ahora eso apenas está encubriendo parte de la E, pero se puede leer todo bonito y con claridad. A continuación se animará este joystick y el botón para que correspondan a la animación. 28. El joystick y botones: Por lo que para animar este joystick en movimiento, que se estaría moviendo en espacio 3D y tener mucha perspectiva. Va a ser un poco de engaño ya que estamos usando gráficos 2D. Ahora, la forma en que preparé esta obra de arte, sólo para que podamos ver cómo va a funcionar todo esto. Acercaré aquí un poco con mi herramienta de zoom. Tengo estas mattes de control en una capa. Si yo solo esa obra de arte, puedes ver que es solo la parte inferior del pequeño disco que va alrededor del joystick y los botones pero porque está encima de esos, puedo mover los botones que están debajo de ellos hacia abajo, y parece que están siendo presionados a pesar de que la capa simplemente se está moviendo realmente. Los mattes de control están ocultando esa zona del botón y el joystick. Entonces déjame deshacer para volver a donde necesita estar ese botón, ahí mismo, y eso es parte de lo que va a hacer posible esta animación. Pero para el joystick, queremos que eso sea capaz de avanzar y retroceder en el espacio porque eso sería lo que hace que el camión se mueva hacia arriba y hacia abajo. Mover el joystick arriba y abajo y girarlo no nos daría ese mismo efecto. Entonces lo que vamos a hacer es realmente usar el mismo efecto de pin de potencia para cambiar la perspectiva de este joystick y ojalá que parezca que se está moviendo hacia adelante y hacia atrás. Entonces vamos a aplicar ese efecto haciendo doble clic en él, y luego encontremos el primer movimiento de ese camión. Entonces eso sería justo por ahí. Entonces justo ahí está el primer fotograma y quiero establecer fotogramas clave para los dos primeros controles de esta capa, no los dos inferiores porque estos realmente no se van a mover en absoluto, solo los dos primeros para que pueda aplastar la perspectiva en para que parezca que esa pelota se está alejando y hacia nosotros. Así que deshacer y establecer un fotograma clave para las propiedades superior izquierda y superior derecha en ese efecto de pin de potencia entonces solo presionaré U para que aparezcan los fotogramas clave para poder verlos más fácilmente, y luego avanzar hasta que el camión deje de moverse. Entonces ahí mismo y pondré dos fotogramas clave más del mismo valor. Por lo que voy a dar clic en el botón de agregar fotograma clave para ambas propiedades, y de esa manera sé dónde estará el inicio y el final de esta animación y básicamente solo quiero pasar de la posición inicial a la posición de adelante, mantenga pulsado que hasta por aquí y luego volver a la posición inicial. Entonces vayamos hacia adelante tres, cinco marcos tal vez, y luego solo tire de estas dos asas en un poco. Por lo que traeré éste mientras sostengo turno. Haz lo mismo para este y entonces quizá también le sumaré un poco de rotación. Ahora bien, no quiero que esta rotación ocurra alrededor del centro de la capa. Yo quiero que pase aquí abajo en la base del joystick porque de ahí rotaría. Entonces voy a agarrar mi herramienta de punto de anclaje, hacer clic, mantener pulsado shift y arrastrar hacia abajo hasta alrededor de aquí y luego establecer un fotograma clave de rotación manteniendo pulsada la opción o alt en una PC y presionar la tecla R, que establece un fotograma clave de rotación. Respaldaré eso hasta la posición inicial y luego solo rotaré esto un poco hacia adelante, solo un par de grados, así, cinco o seis grados, y ahora gira y se inclina un poco hacia adelante. Iremos a por ahí y quiero duplicar estos tres fotogramas clave. Por lo que seleccionaré los tres haciendo clic y arrastrando un cuadro alrededor de ellos. Copia con comando o control C y pega con comando o control V y luego vuelve a nuestra posición inicial. Simplemente pondré a cero esa rotación en ese fotograma, cero, presione enter, y luego fácil facilitar todos estos fotogramas clave. Haga clic derecho asistente de fotogramas clave, facilidad fácil. Vamos a previsualizar eso, sólo esa pequeña sección B para el punto final, N para el punto de salida y vista previa y eso es bastante convincente. Creo que podría estar pellizcándolo un poco demasiado en este punto y para contrarrestar realmente eso, podría simplemente agarrar la herramienta de selección y luego agarrar esta barra justo aquí y tirarla un poco hacia abajo, solo para que esto no se distorsione demasiado, entonces solo copiaré esos dos fotogramas clave que acabo de modificar, avanzaré en tiempo al tercer conjunto de fotogramas clave y pegaré y ahora hay menos distorsión en el balón. Creo que eso en realidad es bastante convincente considerando que lo estamos haciendo a través de un efecto que solo está deformando la imagen. Entonces eso es bueno para el primer movimiento. Ahora, sólo tenemos que repetir este proceso para todos los demás movimientos en la dirección en que se mueve el camión. Por lo que la siguiente jugada va hacia abajo y hacia la derecha un poco. Entonces encontremos ese primer marco de movimiento. Parece que está justo ahí. Estableceré mis fotogramas clave de inicio con solo hacer clic y arrastrar en el botón de agregar fotograma clave, y luego seguiré adelante en el tiempo la misma cantidad que estos dos. Por lo que hay 1, 2, 3, 4 cuadros entre la posición inicial y en ángulo. Entonces iré 1, 2, 3, 4 veces en la tecla de página abajo para ir cuatro fotogramas adelante, y esta vez quiero sacar un poco estas asas y luego girar a la derecha otra vez. Entonces algo así. Conmuté mi herramienta de rotación presionando W y luego simplemente hice clic y arrastré y eso automáticamente agregaba un fotograma clave, ya que ya teníamos fotogramas clave en esta capa. Entonces ahora eso va de la posición de descanso a la posición de abajo y derecha y luego digamos aquí es donde debe detenerse. Entonces voy a hacer una copia de seguridad de cuatro fotogramas a partir de ahí, página arriba 1, 2, 3, 4 veces , agregar un fotograma clave, que son el mismo valor que los fotogramas clave anteriores, ir hacia adelante 1, 2, 3, 4 fotogramas y luego copiar y pegar estos fotogramas clave, el resto posición, comando C o control C para copiar, comando V o control V para pegar, y vamos a previsualizar eso. En lo que va tan bien. Tenemos un par de movimientos más aquí. Sigamos adelante en el tiempo. Aquí mismo, tenemos un pequeño movimiento hacia atrás y luego va hacia adelante. Entonces esto va a tener unos fotogramas clave más pero parece que justo ahí es donde necesitamos duplicar la posición inicial. Entonces agregaré un fotograma clave en las tres de esas propiedades. Voy a adelantar cuatro cuadros, 1, 2, 3, 4 y necesitamos mover esto básicamente de vuelta a la izquierda. Entonces solo voy a girar un poco esto hacia atrás y apenas se mueve hacia arriba. Por lo que apenas voy a distorsionar esto hacia arriba trayendo estos dos puntos en sólo un poquito y otra vez, arrastrando éste hacia abajo. Cambié mi herramienta de selección presionando V en el teclado. De esa manera sólo distorsiona cada vez tan ligeramente hacia atrás y tal vez esa rotación sea demasiado extrema. Voy a cambiar esto a tres grados negativos porque es un movimiento más lento. Por lo que el joystick no debería moverse tanto. De acuerdo, y entonces se necesita descansar en este punto. Entonces en este caso, creo que solo voy a dejar que se mueva naturalmente más despacio de esta posición a esta posición. Entonces en lugar de copiar estos fotogramas clave y mover sobre cuatro fotogramas a la pose de reposo estándar. Yo sólo voy a copiar la pose de reposo, comando C, y pegar aquí, comando V, y de esa manera sólo tomará un poco más de tiempo para que el joystick se mueva, que coincide un poco mejor con el movimiento del camión. Entonces vamos a previsualizar esa porción. Sí. En realidad, no me gusta la forma en que se ve eso. Así que déjame agarrar de nuevo este conjunto de fotogramas clave, copiar y pegar, asegúrate de que sean cuatro fotogramas, 1, 2, 3, 4 , sí, y en lugar de volver a su posición de reposo, ¿por qué no lo tenemos simplemente moverlo directamente en está arriba y al posición correcta? Eso probablemente funcionará mejor. Entonces tal vez en este punto agarraré estos tres fotogramas clave, los moveré hacia adelante, giraré esto hacia adelante sólo un poquito y luego pellizcaré estos mangos en un poquito y arrastraré eso hacia abajo. A lo mejor traer ese final incluso sólo un poquito más porque éste es un movimiento más grande. Eso se ve bastante bien, y encontraré ese punto de descanso donde el camión de tacos deja de moverse justo ahí y luego haré copias de seguridad de cuatro cuadros 1, 2, 3, 4, estableceré mis fotogramas clave para esas tres propiedades, y luego ir adelante cuatro fotogramas, 1, 2, 3 4 y esta debería ser mi posición de descanso. Sí, así que copia 1, 2, 3, 4 otra vez y luego pega. Veamos ese movimiento de joystick. Creo que eso es bueno. Es solo el movimiento aquí mismo con el joystick parece ir más rápido que el camión. Entonces, en realidad voy a intentar una vez más eliminar estos tres fotogramas clave y solo ver si hacer que se mueva más de aquí a aquí, y luego aquí funciona mejor. Entonces con esos tres fotogramas seleccionados, eliminaré y reproduciré eso de nuevo. Sí, me gusta más esa velocidad, pero lo que estoy notando ahora es que el joystick empieza a moverse hacia la derecha antes de que debería. Parece que justo ahí es donde realmente debería empezar a moverse. Entonces voy a agarrar estos tres fotogramas clave, moverlos hacia adelante y luego ver qué pasa. Sí, me gusta mucho ese tiempo y con eso, creo que todo el joystick está hecho. Entonces vamos a previsualizar eso en su conjunto. Sí, diría que parece que el joystick está controlando el camión. Entonces eso está hecho y ahora podemos pasar al botón. Ahora, creo que sólo voy a elegir el botón morado como el que dispara el taco. Puedes hacer el botón naranja si quieres pero tenemos que ir al primer punto donde sale ese taco, que está ahí mismo y luego volveré a subir, tal vez solo un fotograma y pondré un fotograma clave para la posición de esa capa. Entonces con esa capa seleccionada botón uno, presionaré opción o alt y la tecla P para establecer un fotograma clave de posición y acercar bonito y cerrar aquí, y luego podría simplemente ir hacia adelante un fotograma y luego arrastrar esto hacia abajo mientras sosteniendo turno hasta que esté todo el camino hacia abajo. No tan lejos que podamos ver en la parte inferior aquí, sino justo ahí así el botón está todo el camino, y luego iré adelante quizá tres cuadros, 1, 2, 3 y volver a nuestra posición inicial. Entonces copie este primer comando de fotograma clave C y luego pegue el fotograma clave, comando V y fácil facilidad todos estos fotogramas clave, haga clic derecho en ellos asistente de fotogramas clave , facilidad fácil, y veremos cómo se ve eso. Establezca mi área de trabajo y reproduzca eso y creo que eso se alineara bastante bien. Ahora, la razón por la que no puse ningún fotograma entre estos dos fotogramas clave es porque si lo piensas, cuando estás rompiendo un botón en una arcada, sucede muy rápido. Entonces, literalmente, sólo vamos de todo el camino arriba a todo el camino hacia abajo y luego estoy dejando que un par de fotogramas pasen entre cuando está abajo y levantando de nuevo arriba cuando ese resorte debajo del botón lo está empujando de nuevo hacia arriba. Está bien. Entonces ahora que ya tengo eso hecho, solo puedo seleccionar los tres fotogramas clave y copiar porque voy a usar la misma animación de ese botón para cada vez que salga un taco. Entonces voy a ir al siguiente punto donde se dispara un taco, ahí mismo, copia de seguridad un fotograma justo antes de que aparezca y pegue, y entonces esa animación se va a repetir justo a tiempo con ese taco. Iré al tercer taco que sale, ahí mismo, copia de seguridad un marco y pego una vez más y ahí vamos, los tacos se dispararon y nuestros botones y joysticks ahora están sincronizados con la animación. Echemos un vistazo. Ahora parece que alguien está jugando el juego de arcade. Estamos muy cerca de terminar por completo esta animación. Todo lo que queda es agregar un movimiento de cámara justo aquí en la transición. Para que podamos acercar la pantalla y leer más fácilmente lo que está ahí, y después pulir todo añadiendo unos efectos más encima de todo en esta comp, solo para darle un poco más de estilo. 29. Movimiento de la cámara: Hagamos que ese movimiento de cámara suceda. Por lo que quiero que la cámara amplíe la pantalla de este gabinete arcade durante la transición. Entonces justo aquí. El modo en que voy a hacer esto es criando todo a lo que se llama un objeto nulo. Y este es otro tipo de capa que aún no hemos mirado. Entonces para hacer que uno solo llegue a “capa”, “Nuevo”, “Objeto nulo”, voy a dar clic en eso. Obtenemos este rectángulo vacío en el centro de nuestra comp. Un objeto nulo es solo una capa vacía. Ni siquiera renderiza, pero tiene todos los mismos valores que cualquier otra capa hace. Entonces si lo abro, puedo ver los controles de transformación y todo ahí dentro es idéntico a otra capa. Lo que esto le permite hacer es básicamente usar el objeto nulo como un controlador para otros objetos sin renderizar. Entonces puedo colapsar esto hacia arriba y cambiar el nombre de este objeto nulo seleccionándolo y presionando enter, y lo llamaré movimiento cámara y luego solo presione enter una vez más para aplicar eso, y luego haga clic y arrastre esto hacia arriba mientras mantiene pulsado el turno, para que se de alrededor del centro de la pantalla de arcade. Ahora puedo seleccionar todo lo que conforma este gabinete arcade. Entonces, comenzando con las esteras de control, me desplazaré, haré clic hacia abajo en el gabinete, y luego desplazaré de nuevo hacia arriba hasta la parte superior de mis capas y padre todas esas capas al objeto nulo. Por lo que agarraré mi púa látigo, click y arrastraré a esa cámara mover objeto nulo y soltaré. Ahora, lo que sea que le haga a este objeto nulo, como moverlo, todo lo que le esté parentado también se moverá. También puedo rotar esto o escalarlo hacia arriba, y así es como voy a fingir una cámara acercando a la pantalla de arcade. Entonces necesito deshacer eso, así que estoy de vuelta a mi estado inicial, y aquí es donde quiero que empiece la animación. Por lo que voy a agregar un fotograma de tecla de escala presionando opción o alt, y S en el teclado para agregar ese fotograma de tecla. Entonces iré adelante tal vez 20 cuadros. Entonces mantendré presionado el turno y presionaré página abajo dos veces, y luego acercaré. Ahora hice mi obra de arte al doble del tamaño que necesito que sea para encajar este comp. Por lo que puedo saber que puedo escalar esto de forma segura hasta un 200% sin perder ningún detalle en mi obra de arte. Entonces, ¿por qué no simplemente seguimos adelante y redondeamos eso al 200% y escalarlo hacia arriba desde ese punto no centraba muy bien la pantalla, sólo por la forma en que están las proporciones del gabinete arcade. El pantalla está por encima del centro de mi comp. Pero también puedo animar la posición de este objeto nulo para que sea agradable y centrado. Entonces volvamos al primer fotograma clave. Estoy sosteniendo turno para ajustar mi cabeza de juego a ese marco, y luego en un marco clave de posición también, así opción o alt y la tecla p. Entonces voy a ir hacia adelante en tiempo mantenga el turno para chasquear, y luego voy a hacer clic y arrastrar esto hacia abajo usando mis guías. Recuerda que para subir estas guías seguras de título, solo tienes que pulsar la tecla apóstrofe. Pero de esa manera puedo ver el centro de mi composición ahí y escribir sobre ahí es bonito y centrado. Seleccionaré los cuatro fotogramas clave haga clic derecho en “Asistente de fotogramas clave”, “Facilidad fácil” que suavizará mi movimiento y solo reproduciré esa sección atrás B y N para establecer mis puntos de entrada y salida en el área de trabajo y presione la barra espaciadora para reproducir eso atrás. Entonces ahí está mi movimiento de cámara y creo que en realidad podría ser un poco más rápido. Entonces, ¿por qué no agarro estos dos fotogramas clave y lo respaldo cinco fotogramas. Detendré la reproducción y mantendré pulsada la opción o alt y la tecla de flecha izquierda cinco veces. Entonces uno, dos, tres, cuatro, cinco y ver cómo funciona eso. Está bien, eso es bastante bueno, pero honestamente, creo que se puede mover aún más rápido. Entonces voy a respaldarlo cinco cuadros más. Entonces uno, dos, tres, cuatro, cinco esa es opción o alt y la tecla de flecha izquierda. Sí. Creo que eso es un poco más rápido a ese ritmo y coincide con el resto de nuestra animación. Entonces solo voy a mantener esa distancia en 10 fotogramas entre los dos fotogramas clave. Creo que también quiero escalarlo un poco más, y sé que eso está aumentando la escala de la obra más allá de su resolución completa, pero podemos salirnos con la suya volando esto un poco más. Entonces déjame solo escalar esto hasta que tal vez el título se acaba de cortar en la parte superior de la pantalla de ahí. Entonces solo reposicione esto un poco hacia arriba. Acercaré al 100 por ciento solo para obtener una vista previa de cómo luce esto al 270 por ciento. Creo que debido a que mi obra de arte es tan básica y le tiene algo de grano, realmente no se nota ninguna pérdida de calidad ya que las secuelas son una especie de soplar los píxeles para agrandar toda esta obra de arte. Creo que esto va a quedar bien. Entonces déjame volver a encajar esto al 100 por ciento y jugar eso una vez más. Sí, creo que eso se ve muy bien. De acuerdo, ahora, una cosa de este movimiento de cámara que está un poco apagado es que el fondo no se mueve cuando este gabinete arcade se escala hacia arriba. En realidad, si esto fuera un movimiento real de la cámara en el espacio 3 D que el fondo también se movería a medida que la cámara se mueve dentro. Entonces quiero igualar eso, pero fingir la perspectiva y el paralaje entre el primer plano y el fondo. Voy a escalarlo menos. Por lo tanto, vamos a establecer un marco clave de escala en la capa de fondo presionando opción o alt y la tecla S así como en la posición. Por lo que opción o alt y la tecla P para agregar fotogramas clave de posición y escala. Voy a ir hacia adelante 10 fotogramas presionando turno, página abajo. Pero ahora no puedo ver mis antecedentes. Todavía puedo editarlo sin embargo. Entonces para hacer eso, solo voy a dar clic y arrastrar en una de las asas. Mantenga pulsado el turno para limitar las proporciones y luego aumentarlo alrededor de tan grande. Entonces no estoy realmente seguro de cuánto ha cambiado eso. Sólo estoy mirando esto, pero lo llamaremos bueno y luego pincharemos y arrastraremos hacia abajo mientras mantenemos el turno. Tan solo para conseguir también algo de ese movimiento ascendente de la cámara, fácil facilitaré esos fotogramas clave haciendo clic derecho sobre ellos, yendo al asistente de fotogramas clave y luego fácil facilidad. Ahora esas dos capas se están escalando hacia arriba y bajando. Pero si echan un vistazo, sólo pasaré por estos marcos. Se puede ver que el gabinete arcade se está escalando más grande a un ritmo más alto que el fondo, y eso es realmente crear ese efecto Parallax entre el primer plano y el fondo que está haciendo que eso sea un poco más creíble. Entonces volvamos a jugar eso. Se puede ver que ahora hay algo más de profundidad entre esos dos elementos. Creo que eso se ve genial. Ahora sólo tenemos que ir al final de la animación donde vuelve a transitar y sacar la cámara de nuevo. Entonces tal vez justo aquí, solo copiaremos y pegaremos estos fotogramas clave. Por lo que acercaré con la tecla más. Seleccione estos fotogramas clave. Ir copiar con el comando C, pegar con el Comando V, y necesito revertir estos dos fotogramas clave para que empiece en la segunda pose, el zoom en pose y vuelva a esta pose original. Para hacer eso, en realidad puedo usar un comando en after effects. Entonces haré clic con el botón derecho, vaya a “Asistente de fotogramas clave”, y esta vez haré clic en “Fotogramas clave inversos de tiempo”, y eso literalmente sólo invertirá su orden. Entonces haré clic en eso, y ahora se acerca en lugar de volver a entrar. Necesito hacer lo mismo por el fondo. Entonces volvamos a este primer cuadro. Desplázate hacia abajo hasta el fondo de mi línea de tiempo. Copia estos cuatro marcos clave en el fondo. Selecciónelos comando C, comando V, haga clic con el botón derecho en 'Asistente de fotogramas clave”, “Marcos clave de tiempo inverso”. Ahora el fondo se va a mover junto con ese gabinete de arcade, y nuestro marco de bucle estará ahí mismo, justo cuando se complete la transición. Presionaré N en mi teclado para establecer el punto de salida, y luego me desplazaré hacia el principio de mi línea de tiempo y escogeré el fotograma en el que quiero bucle. Justo antes de que salga esa cabeza, probablemente justo por ahí diremos marco 25. Presionaré B en mi teclado para el bucle, y vamos a previsualizar todo esto. Dame un poco más de espacio aquí y presiona la barra espaciadora. Ahí lo tenemos. Nuestra animación terminada que es 100 por ciento de bucle, completa con ese movimiento de cámara. Todo se ve genial y lo único que queda es agregar unos toques finales de pulido a toda la composición. 30. Efectos finales: Para terminar todo esto, solo quiero agregar algunos toques finales usando un par de capas de ajuste, así que empecemos haciendo una nueva capa de ajuste, llegando a capa, nueva capa de ajuste. En esta capa, quiero agregar otro resplandor, así que déjame solo buscar resplandor aquí en los efectos en presets, desplázate todo el camino hacia abajo y hay resplandor, haré doble clic, y luego modificaré algunas de estas propiedades. Voy a aumentar un poco el umbral para que no todo sea tan globalmente, así que en algún lugar alrededor del 85 por ciento, y eso derriba algunas de las zonas súper brillantes voladas del púrpura. Yo quiero subir el radio realmente alto a los cientos, tal vez en algún lugar alrededor de 338. Pero eso solo le da todo este brillo agradable y suave alrededor de los bordes. Yo quiero que eso sea un poco más notable, así que voy a aumentar la intensidad hasta 1.4, y ahora realmente parece que ese gabinete arcade está brillando, ahora tiene esta vibra retro de los 80. Déjame simplemente apagar esto y volver a encenderlo y puedes ver que todo es bonito y suave y esos colores se están mezclando muy bien. A continuación, quiero agregar un nuevo efecto llamado máscara sin filar, así que déjame cerrar este resplandor y teclear sin filar, y ahí vamos, máscara sin filar debajo de la categoría desenfocada. Eso lo aplicaré a la capa de ajuste haciendo doble clic, y sé que se llama máscara sin afilar, pero realmente lo que está haciendo es buscar áreas de contraste en tu imagen. Entre este morado oscuro y el amarillo más claro es un buen ejemplo, encontrando esas áreas de contraste y luego aumentando el contraste entre ellas. Hace menos en estas áreas más grandes que son simplemente bonitas y lisas y planas, y más hacia todos estos pequeños detalles. Por defecto, establece la cantidad en 15 y el radio en uno, pero si aumento la cantidad realmente alto, se puede ver que todo aquí dentro, voy a acercar, realmente se ha vuelto súper contrastante y crujiente. Si apago eso y vuelvo a encenderlo, se puede ver qué está haciendo eso. Déjame restablecer eso de nuevo hacia abajo, y si ajuste el radio, se va a extender lo lejos de esas áreas contrastadas se está afectando, así que justo por aquí, se puede ver que casi nos estamos poniendo como una sombra de gota como Yo aumento esto hacia fuera, es el radio de lo lejos que está agregando ese contraste. Este efecto se puede salir de las manos muy rápidamente, como puedes ver, es un efecto de aspecto muy drástico. Quiero bajar la cantidad a algo alrededor de 20, y el radio bastante lejos a tal vez algo alrededor de 18 o 17, y eso solo agrega un poco de contraste encima de todo ese resplandor que agregamos con este efecto de resplandor . Si apago y vuelvo a encender la capa de ajuste, se puede ver lo que eso está haciendo, es solo juntar todos los colores y agregar un poco de suavidad además de afilar algo de ese contraste. Voy a presionar el signo de interrogación de turno para ajustarlo a la comp, y cambiar el nombre de la capa de ajuste seleccionándola y presionando Enter y simplemente renombrando este resplandor/afilar. De esa manera se puede identificar fácilmente, y lo bloquearé sólo por buena medida, y luego voy a añadir otra capa de ajuste. Subiremos a capa, nueva capa de ajuste, y lo que quiero hacer con esta es crear lo que se llama viñeta, y una viñeta es solo un efecto de lente que ocurre en el mundo real con la fotografía sobre lentes, donde las esquinas exteriores son un poco más oscuras que el resto de la imagen. En realidad es algo que la mayoría de la gente quiere corregir en la fotografía, pero solo agrega un poco de estilo a los gráficos en movimiento. Para ello, voy a utilizar otro nuevo efecto llamado curvas, así que déjame escribir curvas en el panel de efectos y presets. Ahí vamos. Bajo corrección de color, tenemos curvas, haré doble clic en esto, y lo que esto hace es darnos una línea moviéndose desde la esquina inferior izquierda de esta cuadrícula hasta la parte superior derecha. Este efecto puede ajustar los colores, pero también solo se puede usar para afectar el brillo. Lo que representa esta gráfica las partes oscuras de tu imagen y las partes claras de tu imagen, así que hay estos dos puntos entre, y si fuera a agarrar, digamos, este abajo izquierdo y moverlo a la derecha, va para hacer todo más oscuro así como más saturado, o si agarro este top derecho y lo muevo hacia la izquierda, va a hacer todo más brillante. Esto podría ser realmente confuso para ti, y no te preocupes si lo es. No vamos a profundizar en cómo funciona este efecto. Pero otra cosa que puedes hacer con este gráfico es agregar un punto en cualquier parte de esta línea, hacer clic y arrastrar, y se convierte en una curva, ahí las curvas de nombre. Pero como puedes ver cuando hice eso, acaba de hacer que toda la imagen sea un poco más oscura, así que quiero bajarla un poco. Obviamente, no quiero que afecte a toda la imagen. Bueno, al igual que las máscaras pueden afectar cualquier parte de una capa, también puede controlar lo que está afectando una capa de ajuste. Si cambio a mi herramienta Elipse pulsando y sosteniendo la herramienta Forma, bajando a la herramienta Elipse, y luego haciendo doble clic sobre ella, hará una máscara en un tamaño de círculo perfecto a esa capa de ajuste, y ahora este efecto de curvas sólo se está aplicando a lo que hay debajo de esa máscara. Ahora, quiero que suceda lo contrario, quiero que afecte fuera de esta máscara, así que necesito venir a la sección de agregar de mi máscara y cambiar eso para restar. Ahora está haciendo lo que quiero, está oscureciendo las esquinas exteriores, pero obviamente es un círculo agradable, duro, sólido, perfecto. Yo quiero suavizar eso. Ampliemos nuestra máscara y encontremos esa propiedad de plumas de máscara. Este es un uso perfecto para esta propiedad, solo voy a aumentar la pluma para que sea agradable y suave, en algún lugar alrededor de 300 píxeles, y ahora se está desvaneciendo de esa oscuridad en la zona luminosa muy bien. Pero está llegando al centro de mi comp más de lo que me gustaría, así que necesito agarrar esta expansión de máscara y aumentarla para que se retroceda un poco de ese camino. Déjame deshacerme de mi pluma, en realidad, por un segundo, sólo baje eso a cero, y se puede ver que el borde duro ahora está siendo retrocedido de mi camino. Déjame volver a subir esto a 300, expansión de máscara alrededor de 100, y solo deshabilitaré y habilitaré esa capa de ajuste para que puedas ver lo que le está haciendo a la imagen en general. Eso es todo lo que necesito hacer para esta viñeta, así que sólo renombraré esta capa ahora seleccionándola, presionando return y escribiendo viñeta, que se deletrea V-I-G-N-E-T-T-E. Cerraré esa capa, y si apago y vuelvo a encender estas dos capas, se puede ver lo dramático de un efecto que tiene en esa imagen general y realmente hace que todo sea mucho menos plano y mucho más estilizado, así que con esas dos cosas aplicadas a toda la animación, esta comp finalmente está completa, y podemos pasar a exportar para Instagram. 31. La animación en bucle: Ahora que hemos conseguido nuestra animación 100 por ciento completa, podemos prepararla para exportar para que podamos compartirla en línea. Ahora, exportar o renderizar fuera de After Effects es un tema complejo y en realidad hay algunas maneras diferentes de hacerlo. Entonces voy a tratar de simplificar todo para que sea fácil de entender y recortar muchos de los complejos detalles técnicos. Existen dos formas principales de obtener un archivo de video exportado desde una composición en After Effects. El primero es renderizándolo directamente de After Effects, After Effects tiene un motor de renderizado integrado que exportará un archivo de video para usted. El segundo es mediante el uso de otro programa de Adobe llamado Adobe Media Encoder. Normalmente yo y la mayoría de los diseñadores de movimiento utilizamos Adobe Media Encoder para exportar sus composiciones de After Effects. Hay dos grandes razones para eso. El primero es que mientras estás explotando algo de After Effects, no puedes hacer nada más en After Effects, ocupa demasiados recursos y After Effects simplemente no te permite seguir usando el programa hasta la exportación está terminada. El segundo motivo por el que la mayoría de nosotros usamos Adobe Media Encoder es porque tiene mucha más configuración de exportación para ayudarte a que el tamaño de tu archivo sea mucho más pequeño cuando estás comprimiendo tus videos. La compresión es una parte realmente importante de exportar porque las exportaciones sin comprimir son muy, muy grandes. La calidad es realmente genial pero debido a que el tamaño del archivo es tan grande, no pueden transmitir muy bien en línea porque internet depende tamaños de archivo más pequeños para poder transmitir ese video a tu computadora. Ahora una de las razones por las que podrías querer exportar y sin comprimir video es para que no tengas ninguna pérdida de calidad, lo cual es realmente importante si estás entregando tu gráfico a alguien más como un editor, que es va a ponerlo en una secuencia más grande con tal vez algún diseño de sonido y editarlo con otros metrajes. A pesar de que todavía suelo utilizar Adobe Media Encoder para exportar ese video sin comprimir solo para poder seguir trabajando en After Effects si es necesario. After Effects por sí solo no tiene tanto control sobre poder comprimir videos para la web especialmente, es mucho mejor para explotar videos sin comprimir de resolución completa. Te voy a mostrar cómo usar Adobe Media Encoder para exportar tu render final, pero en realidad es realmente fácil de usar así que no te preocupes por aprender otra pieza de software. Antes de hacer eso sin embargo, necesitamos asegurarnos de que esto esté configurado en After Effects correctamente para la exportación. lo primero que debes tomar nota es de tu área de trabajo, porque en realidad esto es a lo que After Effects va a prestar atención para exportar. No exportará nada fuera de estos límites. Ahora ya he puesto mi área de trabajo en el bucle perfecto sin costuras, comenzando en el cuadro 25 y luego terminando en el cuadro 273 o nueve segundos y tres fotogramas, esa sección de la comp Taco Tuesday, es exactamente donde quiero que esto bucle. Esa zona de trabajo tiene un poco menos de diez segundos de duración. Parece que son unos nueve segundos. No hay nada intrínsecamente malo en eso, pero si vas a publicar esto en Instagram, y para eso diseñamos esto. Existe un requisito mínimo de enlaces de video en Instagram de tener al menos 10 segundos de duración. Antes de exportar este video, vamos a necesitar de bucle manual al menos una vez dentro de After Effects y ahora tendremos ese loop incorporado. El video durará más de 10 segundos e Instagram aceptará el video. Otra de las razones por las que podríamos querer hacer bucle manual es porque si vas a compartir esto, digamos en YouTube, querrás que sea capaz de bucle un par de veces también y el reproductor de YouTube no tiene una capacidad de bucle incorporada . ¿ Cómo conseguimos que esto haga bucle. Bueno en realidad vamos a precomponer nuevamente esta composición para que todas estas capas y toda la animación y contenida dentro de ella se reduzcan a una sola capa. Vamos a ir a nuestro panel de proyecto esta vez en lugar de hacer una selección de todas las capas y luego subir a la precomposición de capas, vamos a usar el panel de proyecto para básicamente anidar esta comp dentro de otra comp. Esto es realmente fácil de hacer. Todo lo que tengo que hacer es agarrar este comp, click y arrastrarlo hacia abajo al nuevo botón de comp. Cuando suelte, After Effects va a hacer una nueva comp exactamente del mismo tamaño y duración de ese precomp. Se puede ver que ahora dice Taco Martes 2, voy a renombrar esto seleccionándolo en el panel de proyecto, presionando Enter, y luego quitando los dos y pondré otro guión y llamaré a este bucle, y luego presionaré Enter para renombrarlo. Ahí está mi precomp de una sola capa con toda la animación en ella. Ahora solo necesito volver a esos puntos de entrada y salida del área de trabajo que había establecido en mi Precomp de martes de Taco. Vayamos al primer fotograma que fue marco 25. Después haga clic en Taco Tuesday loop. Eso ha movido el cabezal de reproducción al encuadre 25. Yo sólo quiero recortar el punto de inicio, el punto final de esta capa a ese punto en el tiempo. Mantén pulsado Option o Alt en un PC y pulsa el corchete izquierdo de esa manera, se recortó hasta ese punto. Después voy a hacer doble clic en ese precomp, voy al outpoint de mi área de trabajo. Mantén pulsado Shift para chascar ahí. Recuerda que son 273 o nueve segundos tres fotogramas. Vuelve al Taco Tuesday loop comp, y ahí se mueve mi playhead y ahí es donde quiero recortar el outpoint. Opción o Alt en un PC, corchete cuadrado derecho para recortar el outpoint. Ahora no hay nada al principio ni después de esta capa en esta composición, pero sé que este es el punto exacto de bucle para esa composición. Ahora todo lo que quiero hacer es volver esto al primer fotograma de esta comp yendo a ese cuadro con su seleccionado presionando el corchete izquierdo para desplazar el punto final de esa capa a ese punto en el tiempo y luego duplicar esta capa por presionando Comando o Control D. Ahora tengo dos copias y puedo hacer clic y arrastrar esta segunda copia sobre el tiempo mientras mantiene pulsada Shift para asegurarme de que el inicio de esa comp se alinee con el final de esta comp. Ahora tengo un bucle manual incorporado entre esas dos comps. Básicamente solo trataban esto como un videoclip ahora y lo duplicaban y lo desconectaban. Hagámoslo una vez más, presionaré Comando o Control D, haga clic y arrastre mientras mantiene pulsado Shift para acoplarse a ese punto en el tiempo. Ahora tengo tres bucles de esta secuencia de animación. Eso probablemente va a ser suficiente. Ahora solo necesito ir al punto de salida de esta capa, y para hacerlo rápidamente, solo seleccionaré la capa y presionaré O para salir. Yo en el teclado es el punto final de la capa. O en el teclado es el outpoint de esa capa. Ahí es donde quiero establecer mis áreas de trabajo outpoint. Entonces presionaré N en el teclado para ajustarlo a ese punto. Si bien estoy en ello, realidad voy a cambiar la duración de esta composición para que coincida con mi área de trabajo para que no tenga nada de este vacío por aquí y no pueda extender accidentalmente esto más allá y luego tener un montón de video negro. Simplemente volveré a ese outpoint Presione O en el teclado, presione N en el teclado para establecer mi punto de salida de área de trabajo. Ahora que el área de trabajo está conteniendo toda la secuencia, voy a hacer clic derecho dentro del área de trabajo aquí mismo. Hay una función llamada trim comp to work area, y eso hará exactamente lo que suena. Voy a dar click. Ahora la duración de mi comp es exactamente la misma duración que mi área de trabajo.Si rebro desde aquí mismo, verás al final va a dar vueltas y jugar como si acabara de tener otro clip después de él. Entonces sólo va a seguir buceando para siempre. Eso es exactamente lo que queremos para Instagram y tener esos tres bucles será genial para YouTube también. Será un buen video largo de 25 segundos. 32. Exportación de un video: Ahora que todo está preparado, en realidad podemos exportar esto. Ahora, voy a subir al menú Composición y bajar a Agregar a la cola de renderizado. Ahora, este comando Agregar a la cola de renderizado está prestando atención a cualquier composición que tengas abierta. Taco-Martesday-Loop es la composición actual, con eso va a estar trabajando este menú. Si digo Agregar a la Cola de Render, va a abrir un nuevo panel llamado la Cola de Render, y nos dará un montón de ajustes. Tenemos Ajustes de Render, lo que se llama módulo de Salida, y luego el Output To. Output To es realmente fácil de entender, ahí es justo donde vas a exportar el archivo de video a tu disco duro. Entonces, tenemos la configuración de Render, y aquí es donde podemos controlar cómo After Effects está manejando la exportación. Si alguna vez terminas exportando fuera de After Effects, casi seguro que quieres que este conjunto tenga la mejor configuración, y es por eso que es la configuración predeterminada para los ajustes de Render. No necesitamos meternos en lo que son todas las demás cosas dentro de este menú, así que ni siquiera te preocupes por ello ahora mismo. El módulo Output es donde se puede controlar el formato de archivo de video que se está exportando fuera de After Effects así como los diferentes códecs o compresiones de video que se están utilizando en ese formato de video. Nuevamente, no vamos a estar tocando ninguna de estas configuraciones dentro de After Effects, vamos a usar Adobe Media Encoder para hacer esto, pero para eso sirven esos ajustes. Si bien estamos aquí sin embargo, vamos a establecer nuestra ubicación de salida. Para ello, basta con dar click en este texto azul, Aún no especificado, y luego, navega a algún lugar al que quieras exportar este video. Yo solo voy a pegar el mío en el escritorio, y le da nombre al archivo, sea cual sea tu nombre de composición, así que Taco-Martes y Loop se rellena automáticamente, y tiene formato de archivo the.mov, eso es un video de tiempo rápido, pero eso realmente no es importante en este momento, solo el nombre del archivo es lo que quieres hacer aquí. Elige tu ubicación, y luego haz clic en Guardar. Ahora que eso tiene una ubicación a la que dar salida, tenemos una pequeña marca de verificación debajo de la columna Render, y tenemos un botón aquí arriba que ahora se puede hacer clic que dice Queue en AME, y que significa Adobe Media Encoder. Eso es exactamente lo que queremos. Básicamente es decir, tomar la información que acabamos de dar After Effects sobre lo que queremos exportar y cómo queremos nombrarlo, y enviar esa información al programa Adobe Media Encoder. Eso es lo que queremos hacer aquí. Antes de hacer clic en eso, solo asegúrate de guardar el comando de tu proyecto o Control S. De esa manera, no pierdes ningún progreso, y haz clic en Cola en Adobe Media Encoder. Esto podría tardar un poco de tiempo en abrirse, sobre todo si nunca antes habías abierto el programa, pero solo dale algo de tiempo, y Adobe Media Encoder comenzará a abrirse. Ahí vamos. Este es el pequeño ícono abajo en mi doc para ello, y esta es la pequeña pantalla de salpicadura mientras se está cargando el programa, y ahí vamos. Está cargando todo este tipo de efectos y cosas que necesita para poder exportar desde After Effects. También puede exportar fuera de Premiere, e incluso algunas otras aplicaciones de Adobe. Entonces, por eso podría tardar un poco de tiempo en abrirse. Pero eventualmente, aquí vamos. Adobe Media Encoder se ha abierto, y así es como debería verse el tuyo con el diseño aquí. Ahora, típicamente me gusta cambiar un poco mi diseño, pero sólo vamos a trabajar con él tal cual es. Como puedes ver, es muy similar a After Effects en cuanto a los diferentes paneles y justo la forma en que todo está diseñado en la interfaz de usuario. El panel Navegador de medios es algo de lo que no necesitamos preocuparnos. El Navegador Preestablecido que vamos a usar, la cola es como la cola Render en After Effects, esto es lo que se va a exportar fuera de Adobe Media Encoder. Entonces, tenemos este pequeño panel de Codificación el cual verás lo que eso hace en un poquito. Pero justo aquí arriba, se puede ver Taco-Martes-Loop 1. Ahora, la razón por la que agregó uno fue porque la forma en que funciona el codificador de Adobe Media es haciendo realmente un duplicado temporal de su archivo de proyecto After Effects en una ubicación separada desde la que exportar. Por eso agregó la pequeña al final de la misma. Pero aquí mismo bajo el archivo Output, aquí es donde elegí exportar en mi escritorio, así que eso es solo mostrarte la ruta hacia donde se va a exportar. Si hago clic y arrastra esto un poco, podemos ver esta última columna, el estado está listo, por lo que eso significa que sólo está listo para exportar. Por aquí bajo Preset, estos son los ajustes de salida o compresión a los que puedes hacer ajustes. Ahora, como dije, este es un tema muy complejo. Es otro tema sobre el que realmente tengo un curso. Pero para mantener las cosas simples, vamos a basar esto en un preset que no tengamos que meternos con muchas de estas configuraciones. Pero antes de hacer eso, esta última columna o la primera realmente es el formato, y dice H.264. Si la tuya no dice eso, haz click en esta pequeña flecha desplegable y desplázate hacia abajo por la lista hasta que veas H.264. Ese es el nombre de un formato de compresión que es uno de los más populares para comprimir videos para Internet. Se trata de un códec de compresión de muy alta calidad y hace un gran trabajo de mantener tus videos con buen aspecto al tiempo que también hace que el tamaño del archivo sea muy pequeño. Asegúrate de que esté configurado en H.264 y, a continuación, ven al navegador Preset. Voy a hacer esto un poco más grande, y hay todas estas categorías diferentes que Adobe ha dado por defecto. El que queremos está bajo video web, giraré ese menú abierto, y luego, queremos la categoría de redes sociales. Si me desplaza hacia abajo en esta lista, puede ver que hay presets para Facebook, Twitter, Vimeo, y YouTube. YouTube es en el que vamos a basar nuestra compresión. Este YouTube 1080p Full HD es el que queremos. No te preocupes por lo que nada de eso significa, solo agarra esa configuración, haz clic y arrástrala al Preset, y tírala justo encima de tu velocidad de video cuando eso se resalte azul, suelta y eso cambiará tu preset, y ahora estamos usando los nuevos ajustes de compresión. Pero antes de exportar desde aquí, necesitamos hacer click en este texto azul una vez, y eso va a abrir una nueva ventana. Lo que está haciendo Adobe Media Encoder en estos momentos, es básicamente hablar con After Effects, leyendo ese archivo del proyecto After Effects para que podamos obtener una vista previa del mismo dentro de Adobe Media Encoder. Esto podría llevar un poco de tiempo, pero solo déjalo cargar, y eventualmente abrirá la siguiente ventana. Aquí vamos. Tengo una vista previa de mi composición aquí mismo dentro de Adobe Media Encoder, y podría tardar un poco de tiempo en renderizar mientras se frota a través de esto, pero está ahí, nos está dando una buena vista previa de lo que va a hacer la animación se ven así. El tema con este preset es que por defecto se exporta a una resolución de 1,920 por 1,080, razón por la cual tenemos un marco de pantalla ancha, y nuestro marco cuadrado en medio del mismo. Simplemente pone barras negras a la izquierda, y a la derecha. Eso es lo único que quiero cambiar de este preset, es hacerlo 1,080 por 1,080 en lugar de 1,920 por 1,080. Para ello, necesito llegar a esta sección por aquí, debajo de la pestaña Video de este panel. Voy a tratar de darme un poco más de espacio girando este resumen y los ajustes de exportación, y aquí vamos. Bajo la configuración de Video básico, se puede ver que el ancho y la altura se establecen en 1,920 por 1,080. Todo lo que necesitas hacer es cambiar el ancho a 1,080. Haga clic en ese número, escriba 1,080, presione Entrar, esas barras negras en cualquiera de los cuadros desaparecen inmediatamente, y eso es todo lo que tenemos que cambiar. Todos los demás ajustes de esta ventana son buenos para ir. Basta con dar click en Ok. Ese preset ahora aparece como personalizado porque modificamos los ajustes. Pero sin una modificación, este preset será genial tanto para YouTube como para Instagram. Ahora que eso está hecho, todo lo que queda es hacer clic en este botón verde de reproducción que es Start Queue. Haz clic en eso y luego nuestro panel de codificación comienza a renderizar. Se ve esta barra de progreso, y una vista previa de qué fotograma está renderizado actualmente, y se comprime en el formato H.264. Si traigo esto un poco, sólo puedes ver a medida que avanza. Va mucho más rápido después de ese primer bucle porque es capaz de simplemente reutilizar lo que ya renderizado en el primer bucle, y así, está hecho. Si traigo mi buscador y voy a mi escritorio, aquí hay un nuevo archivo, Taco-Tuesday-Loop.mp4. Sólo voy a previsualizar eso, y aquí, tenemos nuestra animación exportada reproduciéndose en tiempo real como un archivo de video mp4. Si comprobamos esto, debería bucear ahí mismo, bucle sin problemas, y continúa para su segunda jugada a través, y luego, solo veremos completamente hasta el final, bucles es la tercera vez, y queremos asegurarnos que termina justo donde debe. Ahí vamos. Tenemos nuestro video exportado final, y el tamaño del archivo es de solo 37.6 megabytes, lo cual es realmente genial para un clip de 25 segundos de resolución completa. Desde aquí, puedes subir esto a YouTube para que puedas incrustarlo en tu proyecto de clase en Skillshare, para que podamos ver tu trabajo, y también puedes publicar esto en Instagram. El modo en que personalmente me gusta hacerlo es transfiriendo el clip de video a Dropbox porque entonces puedo ir en mi teléfono, usar la app de Dropbox para descargar ese video a mi teléfono, y luego subirlo a Instagram a través de la app de Instagram . Si estás usando un iPhone, otra forma realmente rápida de hacer esa transferencia es usar AirDrop. Pero cualquiera que sea la técnica que utilices para meterla en tu teléfono, una vez que esté ahí, deberías poder subirla a Instagram como cualquier otro video. 33. ¿Qué sigue?: Ahora ya has completado todo este curso, has visto a través de todo el material, puedes terminar de hacer tu animación y de lo que quiero hablar muy rápidamente es volver al principio mismo de la clase cuando dije que hay tantos usos para After Effects que ni siquiera hemos tocado en este curso. A pesar de que esta clase tiene más de cinco horas de duración, apenas hemos rayado la superficie de lo que After Effects es capaz, y por eso me encantan tanto los programas es porque soy capaz de encontrar nuevas formas de usar el software para crear cosas nuevas cada día. Ahora, incluso dentro de solo los temas que nos quedamos en hacer motion graphics en animación 2D, hay un montón de cosas que no llegamos a cubrir y algunas de esas cosas sobre las que tengo otras clases y por eso en parte No los incluí en este curso ya que esto ya se ha convertido en una clase tan larga, no quería meterme en demasiado que puedas aprender en futuros cursos. Una vez que tengas un buen conocimiento del software, que en este momento, el momento en que hayas completado tu proyecto, deberías tener un buen conocimiento del programa. Entonces podrás ir a mis otras clases, básicamente escogiendo cualquiera que quieras y deberías poder seguir bastante bien. Hay algunas clases donde mencioné en el trailer que hay para usuarios más avanzados que ya tienen mucha experiencia en After Effects. Pero en su mayor parte, todas mis clases se imparten desde una perspectiva que cualquiera puede aprender independientemente de su nivel de experiencia. Un tema enorme que no tocamos en absoluto en esta clase son las capas de forma, y ese es otro tipo de capa dentro de After Effects que son gráficos vectoriales dentro del programa ráster de After Effects, básicamente te está permitiendo crear formas y dibujar trazados y objetos personalizados utilizando formas primitivas como rectángulos y círculos y estrellas o mediante el uso de la herramienta Pluma, que es una herramienta que permite dibujar rutas vectoriales personalizadas. Puedes usar la herramienta Pluma de muchas maneras diferentes en After Effects, no solo con capas de formas, sino también con máscaras, porque las máscaras son vectoriales y todas las herramientas de capa de forma que tienes para dibujar capas de forma son exactamente lo mismo que las máscaras. Viste un poco de máscaras ahí cuando hicimos esa transición con el rectángulo y la sesgamos. Utiliza exactamente el mismo flujo de trabajo para trabajar con capas de formas. Simplemente hay mucho más que puedes hacer con las capas de forma de la forma en que puedes delinear los caminos. Puedes controlar el color de relleno y el color de trazo por separado y hay muchas cosas diferentes que puedes estilizarlo incluso dentro de algunas herramientas de animación dentro de las capas de formas. Como dije, tengo todo un curso dedicado a eso, la guía definitiva para dar forma a las capas y After Effects. Si te interesa eso, ve a revisar ese curso a continuación. También puedes trabajar con capas 3D dentro de After Effects. Recuerda dije que hay este 2.5 D que está trabajando con capas 2D en el espacio 3D y eso es típicamente lo que haces la mayor parte del tiempo dentro de After Effects. Hay todo un motor 3D dentro de after effects que te permite extender tus capas en el eje z y el plano z para darte paralaje entre las cosas, y utilizo tres capas en muchas de mis clases. El look de recorte de papel en After Effects, esa es una en la que uso una cámara 3D y habilito las capas 3D para que puedas conseguir ese movimiento, para que puedas conseguir un realismo con tus gráficos que lo hagan parecer en el mundo real. Si te interesa aprender un poco más sobre capas 3D checkout el papel cortado mirando After Effects. Incluso hay efectos que aprovechan el espacio 3D. Uno de los más comunes es un generador de partículas. Un generador de partículas se puede utilizar para todas las cosas como humo o llamas o incluso agua, y ese es un tema muy avanzado, pero también algo que como diseñador de movimiento, probablemente vas a querer saber cómo usar. Ese es solo uno de los muchos efectos que obviamente no tocamos en este curso del que puedes aprender por todo internet. Si alguna vez estás mirando a través de tus efectos, lista en After Effects y tienes curiosidad sobre lo que podría hacer ese efecto, solo busca el nombre del mismo y After Effects en Google y casi seguro encontrarás un tutorial de YouTube que se te ayudan a descubrir cómo usar ese efecto. También están estas cosas llamadas plugins, que son creados por partes externas, empresas que están desarrollando herramientas para ser usadas dentro de te permiten hacer algo que After Effects no puede de forma nativa. VideoCopilot.net hace muchas herramientas para After Effects que uso mucho y una de ellas se llama Element 3D, que es un plugin de geometría 3D muy avanzado. O puedes renderizar gráficos 3D dentro de After Effects muy rápidamente y en realidad hay un motor 3D más allá de lo que solo la animación 2.5 D te permite hacer dentro de After Effects. Eso es parte de cinema 4D, que es un software 3D al que realmente tienes acceso a una versión ligera con la suscripción a Creative Cloud. Si te interesa el cine 4D, aquí hay muchas clases de habilidad compartida con las que puedes aprender sobre el cine 4D con y cómo usar la versión cinema 4D lite para meterte en gráficos 3D también. El punto que trato de hacer con toda esta charla es que hay mucho de lo que se puede aprender de aquí y se puede elegir de lo que se quiere tener curiosidad, y es genial tener curiosidad. Deberías explorar otras áreas y solo ver a dónde te lleva tu imaginación, ver a dónde te lleva tu curiosidad y seguir cualquier camino que te esté haciendo más excitado. Así aprendí. Acabo de consumir tanto material educativo como pude como estaba aprendiendo el software y simplemente aprendiendo sobre todas estas diferentes formas de usar el programa y cómo moverse y simplemente haciendo cosas dentro de After Effects. Empieza a ser más curioso, diviértete, y obviamente mira el resto de mis clases en mi perfil. Pero hay un montón de grandes profesores aquí en habilisshare que están ofreciendo alguna visión realmente valiosa de cómo hacer las cosas dentro de After Effects, así que no tengas miedo de vagar más allá de mi canal aquí en habilisshare y echa un vistazo los demás profesores así como YouTube. Obviamente ese es un recurso enorme que no tenía cuando estaba empezando. YouTube no era algo cuando estaba aprendiendo After Effects. Aprovecha tantas fuentes educativas como puedas y simplemente diviértete aprendiendo. A partir de aquí adelante y termina tu proyecto de clase, termina de animar el Taco Tuesday Arcade Loop. Vuelve atrás y vuelve a ver tantos videos como necesites y no tengas miedo de hacer preguntas si te encuentras con algún problema. 34. ¡Gracias por vernos!: Bueno, felicitaciones. Lo lograste a través de todo este largo curso integral de una intro en After Effects. Desde el fondo de mi corazón, solo quiero darte las gracias por elegirme y permitirme ser tu maestro mientras das tus primeros pasos en este programa que solo amo tanto. Este trabajo es increíble. Absolutamente me encanta enseñar, así que, sólo gracias por tomarse el tiempo para ver realmente mi material. Realmente espero que tengas muy buena visión de cómo es trabajar en After Effects y te inspiró a querer aprender más. Eso es lo que quiero de este curso, es que ahora estás emocionado y estás listo para empezar a pasar a cosas más grandes y aprender sobre más formas de usar After Effects y hacer animaciones más interesantes. Por favor echa un vistazo al resto de mis cursos en mi perfil. Los he organizado por tema. Asegúrate de expandir cualquiera de las categorías si hay un poco de flecha hacia abajo en la parte inferior de cualquier sección para que puedas ver todos los cursos, y si no lo estás ya, asegúrate de que también me estás siguiendo en las participaciones de habilidad así que puedes ver cada vez que publique nuevos cursos o tenga actualizaciones para compartir contigo. También puedes seguirme en Instagram en Jake In Motion y ver detrás de bambalinas de cuando estoy haciendo cosas y otras cosas que estoy publicando en Internet. De verdad te agradecería que me dejaras una crítica y me saber lo que hiciste o no te gustó de este curso. Esa retroalimentación es realmente importante para mí porque, me permite saber en qué estoy haciendo bien y en qué podría necesitar trabajar un poco en mis cursos. Con todas mis clases, incluyendo esta, no dudes en hacerme una pregunta si te encuentras con algún problema. Usa la pestaña de comunidad aquí en esta clase o cualquier clase que estés tomando, para que otros alumnos puedan ver tu pregunta en caso de que puedan encontrarse con el mismo tema, pero contestaré tus preguntas. Intento responderlas lo más rápido posible, pero la vida se interpone en el camino de vez en cuando, así que, aguanta conmigo si no respondo de inmediato. Pero el punto es, que estoy aquí para ayudarte, eso es parte de la cuota de habilidad. Por eso esta es una plataforma tan increíble. Tienes acceso directo a mí y estoy más que dispuesto a ayudarte con cualquier tipo de problemas que puedas tener con mis clases. Una última vez, sólo quiero decir un gran agradecimiento por tomar esta clase y espero verte en algunas futuras.