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 es