Introducción a la animación en After Effects (parte 1)

1. Introducción: Bienvenido a Introducción a After Effects, parte 1. Esta será la primera de una serie de cuatro partes en presentar Adobe After Effects a los aspirantes a animadores y diseñadores de movimiento con poca o ninguna experiencia con el software. Mi nombre es Morgan Williams, y llevo más de 25 años siendo animador y director de animación. He creado animación y diseño de movimiento para clientes como Sony Pictures, WGBH Boston, Comedy Central, la BBC, y muchos otros. hace casi 10 años, he estado enseñando animación y diseño de movimiento en el Ringling College of Art and Design, en línea en School of Motion, y ahora estoy súper emocionado de estar creando clases aquí en Skillshare. En esta primera clase de Introducción a After Effects, nos centraremos en aprender los conceptos básicos del espacio de trabajo after effects usando capas de formas, y crear y renderizar una animación sencilla que se sincronice con una pista de audio. En el camino, te estaré enseñando técnicas y prácticas profesionales para que tu flujo de trabajo sea más inteligente y eficiente. Esta clase es ideal para estudiantes que han querido probar Adobe After Effects, pero podría haberse sentido intimidado por este software ciertamente complejo. Si eres ilustrador o diseñador gráfico interesado en explorar la animación o el diseño de movimiento, y no has tenido experiencia alguna con After Effects, entonces esta es segura la clase para ti. Pero aunque hayas tenido alguna experiencia con After Effects, creo que encontrarás que las técnicas y los insights que comparto harán que tu flujo de trabajo sea mejor y más profesional. Al final de esta clase, te sentirás cómodo con los conceptos básicos del espacio de trabajo After Effects, y podrás crear animaciones sencillas con confianza. En las próximas lecciones de esta serie, ampliaremos estos conceptos básicos y profundizaremos en esta emocionante y versátil herramienta. Sumérjase y empecemos. 2. Abrir un nuevo proyecto: Ahora estoy grabando esta clase en un Mac, por lo que los comandos de teclas que vas a ver mostrados en pantalla son los comandos de teclas de Mac. Si estás trabajando en una máquina Windows, solo recuerda que cuando use la tecla Comando, vas a querer usar la tecla Control. Cuando use la tecla Opción, vas a usar la tecla Alt. Aparte de eso, la mayoría de los comandos de teclas van a ser exactamente los mismos. Ahora asegúrate de haber descargado y descomprimidos el archivo de proyecto que hemos incluido para la clase. Es realmente importante que sigas junto con la lección a medida que la paso aunque por supuesto eres bienvenido a tomar algunas de tus propias decisiones creativas en el camino. Una vez que hayas descargado y descomprimidos ese archivo de proyecto, sigue adelante y inicia After Effects. Lo primero que vas a ver es esta ventana de bienvenida aquí. Este es un lugar de partida útil para abrir un proyecto, pero vamos adelante y empezar abriendo el archivo del proyecto que descargaste. Adelante y haga clic en Abrir proyecto. Ahora puedes ver en nuestro buscador aquí, aquí está nuestro archivo zipped y aquí está nuestra carpeta deszipped y esa carpeta es nuestra carpeta del proyecto After Effects. En las próximas lecciones, voy a entrar en mucha más profundidad sobre las carpetas de proyectos. Pero por ahora, solo debes saber que esto es solo una carpeta ordinaria aquí en el buscador. Dentro de aquí sin embargo hay una carpeta adicional llamada metraje y la carpeta de material contiene activos que podríamos usar para nuestro proyecto. Entonces el archivo del proyecto After Effects está aquí mismo. Termina con el.aep y ese es el archivo de proyecto real de After Effects. Con ese archivo de proyecto seleccionado, hagamos clic en Abrir para abrir el proyecto. Ahora probablemente sea una buena idea antes de que lleguemos demasiado lejos para guardar una versión de este archivo de proyecto en caso de que algo salga terriblemente mal y queremos empezar de nuevo. Notarás que el nombre del archivo del proyecto termina con v01 o versión uno. Siempre versiono mis archivos de proyecto. En realidad versión renderiza también. Es una buena manera de mantenerte organizado y siempre saber cuál es la versión más reciente de tu proyecto o tu render. Pero también es una buena manera de mantener una seguridad de copia de seguridad de las versiones de tu proyecto a medida que trabajas. After Effects sí tiene una función de guardado automático que estará guardando versiones a medida que trabajes. Pero también me gusta guardar versiones manualmente por lo que es un poco más fácil volver atrás y encontrar una versión anterior si es necesario. Ahora hay un gran pequeño truco que puedes usar para hacer esto. Si usas números de versión en tus archivos de proyecto, lo cual te recomiendo encarecidamente que hagas, puedes usar esta gran pequeña característica aquí bajo archivo. Notarás que está el regular Guardar, Guardar como, pero también hay Incremento y Guardar. Mira el número de versión aquí como elijo Incremento y Guardar. Observe que automáticamente vio mi número de versión aquí al final y automáticamente solo aumenta el número de versión y guardó una copia como versión dos. Yo puedo hacer eso en cualquier momento y seguirá aumentando apenas ese número de versión. Es muy útil y algo que te recomiendo hacer regularmente sobre todo cuando estás trabajando en grandes proyectos complicados. Ahora mismo, porque hemos guardado la versión dos aquí, si cometo algún terrible error aquí, todo lo que tengo que hacer es reabrir la versión uno, Incremento y Guardar. Eso la hará versión tres y puedo seguir adelante con mi trabajo. 3. Ajustar las preferencias iniciales: Lo primero que queremos hacer es establecer algunas preferencias iniciales. Esto solo asegurará que lo que hagas en tu pantalla coincida con lo que hago en mi pantalla. Una vez que te sientes más cómodo con After Effects, puedes por supuesto cambiar estas preferencias como quieras. Pero te recomiendo que establezcas estas preferencias, la forma en que voy a establecerlas ahora, para asegurarte de que todo lo que haga en mi pantalla haga eco de lo que estás haciendo en tu pantalla. Subiremos a las preferencias de After Effects, y vamos a empezar con las preferencias generales justo aquí en la parte superior. Sigamos adelante y seleccionemos eso. Verás todas las opciones de preferencia están a lo largo de la barra lateral aquí. Ahora, en las preferencias generales, vamos a bajar a ésta de aquí por defecto Interpolación espacial a Lineal. Eso es un bocado y probablemente te suene como gook de copa ahora mismo. Eso está bien. Por favor, solo adelante y comprueba eso. Posteriormente en la clase, vamos a ver un ejemplo de exactamente lo que esto significa y hablaremos de ello en ese punto para que entiendas exactamente por qué te pedí que revisaras eso, pero por ahora, solo comprueba eso. De nuevo, más adelante podrás volver y cambiar esta preferencia una vez que estés un poco más cómodo con After Effects. Pero así es como prefiero trabajar y así es como vamos a trabajar en esta clase. Lo siguiente que vamos a hacer es bajar a Display, verás bajo trayectoria de movimiento aquí, ahora mismo está configurado en no más de 15 segundos. Ahora la verdad es que solo estamos trabajando en una animación de seis segundos para esta clase. Pero te voy a recomendar que sigas adelante y pongas esto en “Todos los fotogramas clave” para las próximas clases de esta serie, donde podrías terminar creando una animación de más de 15 segundos. Realmente prefiero este conjunto para todos los fotogramas clave, casi todo el tiempo. Pero por supuesto estas son preferencias. Más adelante, puedes establecer tus preferencias exactamente de la manera que te gusta tenerlas establecidas. Adelante y haga clic en “Ok”. 4. Navegar el espacio de trabajo: Hagamos una encuesta rápida del espacio de trabajo básico predeterminado After Effects. El espacio de trabajo de After Effects es personalizable y puede complicarse muy una vez que entras en el trabajo de After Effects más Pero centrémonos en lo básico aquí para esta clase. Empecemos con la ventana del proyecto sobre el costado aquí. En la ventana del proyecto se va a mostrar cualquier activo que importemos a After Effects para nuestro trabajo. Se puede ver aquí en la parte superior tenemos un archivo de onda que ya ha sido importado, y eso está aquí. También tenemos composiciones que se crean dentro de After Effects. Una composición es en cierto modo equivalente a decir, un archivo de salto de Fotos o un archivo de Illustrator. En otras palabras, una composición es un espacio de trabajo donde realmente se puede crear animación. Un proyecto After Effects puede tener múltiples composiciones. En este momento sólo tenemos una composición, DrumDesign_terminado. puede ver que se muestra aquí en la ventana del proyecto. Entonces puedes ver que la composición también está abierta en estas dos ventanas aquí, la ventana de composición y la ventana de línea de tiempo. Estas dos ventanas están vinculadas esencialmente. Lo que vemos en la ventana de composición es en realidad lo que va a aparecer en nuestra pantalla y en nuestros renders cuando renderizemos nuestras películas. En la ventana de la línea de tiempo viven nuestras capas, y es algo equivalente a la ventana Capas en Illustrator y Photoshop. Pero la diferencia significativa es que también es una línea de tiempo donde podemos crear animación en esas capas. Ahora bien, esta composición es una versión terminada del proyecto en el que vamos a trabajar en esta clase. Observe que aquí tenemos una serie de capas y podemos ver ahora mismo el círculo verde aquí. Si selecciono esa capa, se puede ver ese círculo verde. Voy a abrir esta capa haciendo clic en este pequeño botón de pestaña triángulo justo aquí. Si abro esa capa, se pueden ver los fotogramas clave y la animación en esa capa. Una composición es esencialmente una serie de capas con una línea de tiempo con animación en esas capas. Podemos ver los resultados de nuestras capas en nuestra animación y la ventana de composición. Podemos trabajar con nuestras capas y nuestra animación en la ventana de línea de tiempo. Ahora centrémonos en la ventana de composición por solo un segundo y veamos algunos de los ajustes y cómo navegar en esta ventana. En la parte inferior de la ventana aquí, verás toda una variedad de ajustes. Simplemente nos vamos a centrar en algunos de los conceptos básicos para esta clase. En primer lugar, tenemos este menú abatible para el aumento. Esto le permite acercar y alejar la ventana. Estamos viendo esto en 50 por ciento ahora mismo. Puedo acercar al 200 por ciento. Puedo alejar a 12.5 por ciento. También puedo elegir Fit, que lo encajará automáticamente en la ventana. Esa a veces es una buena opción. Adelante y pongamos esto de nuevo al 50 por ciento por ahora mismo. En el menú desplegable está bien, pero hay una forma más fácil y eficiente de trabajar, y eso es con algunos comandos de teclado. En el teclado, si utilizas las teclas Coma y Periodo, puedes acercar y alejar el zoom. Si pulsas la tecla Periodo, acercas el zoom. Si pulsas la tecla Coma, alejas el zoom. Hay una forma mucho más fácil de trabajar y navegar que usar el menú desplegable. Ahora una vez que haya acercado, si quiero acercar un área en particular, voy a querer usar la herramienta Mano para moverme. Ahora podría subir a la barra de herramientas aquí y agarrar la herramienta Mano y luego moverla. Agarremos esa herramienta Mano y ahora puedo mover esto. Pero una vez más, hay una forma más fácil de trabajar con comandos de teclas. Con sólo la herramienta Selección ordinaria aquí, si simplemente sostengo la barra espaciadora, se alterna a la mano, y puedo moverme dentro de mi composición. Alejémonos otra vez aquí. Ahora, el siguiente menú desplegable que queremos ver aquí está justo al lado de esa ampliación bajada, y esa es la opción Elegir cuadrícula y guía. Se puede ver en este momento hay esta cuadrícula verde sentada en la parte superior de nuestra imagen aquí. Eso no es en realidad parte de nuestra película, eso es sólo una guía. Vamos a ver esto más adelante y restablecer estas preferencias de cuadrícula para nuestros propósitos. Pero por ahora, apaguemos esto. Voy a ir a este menú desplegable, y sólo voy a desmarcar Grid. Vamos a seguir adelante y desmarcar eso por ahora mismo. puedes ver ahora estamos mirando nuestra imagen tal como aparecerá cuando la rendericemos. Saltemos al menú desplegable de resolución. Se puede ver en este momento está puesto a lleno. Es decir, estamos viendo esta imagen con toda la información de píxeles en esta composición. Se trata de 1920 por 1080 composición HD. En su totalidad, After Effects está renderizando todos los píxeles de este 1920 por 1080 comp. Pero ten en cuenta que estamos viendo esto al 50 por ciento. Solo estamos viendo esto a 50 por ciento de tamaño. Estamos pidiendo a After Effects que renderice todos esos píxeles, pesar de que sólo lo estamos viendo a la mitad de tamaño. Ahora puedo cambiar esta resolución para que After Effects funcione un poco mejor, lo cual resulta particularmente útil si no tienes una computadora tan rápida. Puedo dar click en este menú desplegable y puedo elegir media resolución o una tercera resolución o una resolución trimestres. Ahora, nada de esto afectará a la pieza final, cuando renderices vas a renderizar a plena resolución sin importar esto. Esto solo apaga algunos de los píxeles, por lo que After Effects no está renderizando cada píxel mientras trabajas. Si bajamos esto a un cuarto y acercamos un poco, verás que se ve un poco más áspera. Una vez que ponemos esto de nuevo a la resolución completa, se puede ver que es agradable y crujiente y limpio. Si estás trabajando en un proyecto y tus computadoras funcionando un poco lento y pokey, y cuando estás haciendo previsualizaciones de RAM, que son pequeñas previsualizaciones de render, lo veremos en un minuto, si esas están funcionando despacio, bajar esto ayudará a pesar de que no estarás viendo la imagen en su calidad más agradable, pero aún así conseguirás un sentido del movimiento y de la animación y acelerar un poco las cosas. Puede ser bastante útil. Lo que realmente recomiendo es cambiar esto a auto, lo que significa que responderá a la escala que estás mirando la imagen. A medida que alejamos al 50 por ciento, inmediatamente pasa a la mitad. A medida que alejamos al 25 por ciento, va a un cuarto. De esa manera, solo está renderizando lo que estás viendo, que es realmente buena y bastante eficiente manera de trabajar. Saltemos aquí a la ventana de la línea de tiempo. Ya hemos mirado las capas que tenemos. Esto se parece mucho a una configuración de capas de Photoshop o Illustrator, donde las capas que están en la parte superior están en la parte superior de la imagen y las capas en la parte inferior o en la parte inferior de la imagen, por lo que esa pila de capas funciona justo como lo hace en Photoshop e Illustrator. Pero claro que también tenemos aquí una línea de tiempo, y se puede ver que lo que tenemos son seis segundos aquí. Verás este pequeño mango azul justo aquí. Este es el indicador de tiempo actual o CTI. Si hago clic y arrastre en eso, verás que me moví por mi animación de ida y vuelta sobre la línea de tiempo. Se puede ver la animación pasando ahí como yo hago eso. Puedo ajustar este indicador de tiempo actual a cualquier momento en mi línea de tiempo, digamos dos segundos. Si miras hacia un lado aquí, verás aquí el indicador de código de tiempo, que te está mostrando dónde estamos a tiempo. Si voy a un segundo, verás que está mostrando un segundo o dos segundos y cinco fotogramas. Si no estás familiarizado con el código de tiempo, vamos a pasarlo muy rápido, un montón de números aquí. primer número aquí es horas, segundo número es minutos, tercer número es segundos, y el último número es frames. Estamos trabajando a 24 cuadros por segundo. Tenemos 24 cuadros en cada segundo, y luego horas, minutos y segundos. Se puede ver como froto el CTI, nota el cambio de hora aquí en el indicador de tiempo. Ahora, para este proyecto vamos a estar trabajando con sólo seis segundos, sólo una pequeña pieza corta. Pero incluso con una pieza corta, veces vas a querer acercar o alejar la línea de tiempo. Ciertamente con una pieza más larga y complicada, a menudo vas a necesitar acercar y alejar la línea de tiempo. El primer modo en que podemos hacerlo es con el navegador del tiempo. Esa es esta barra, esta pequeña barra flaca arriba en la parte superior de la línea de tiempo. Verás estas manecitas azules en los bordes. Tenga en cuenta que el color azul suele ser un indicador en After Effects de que algo se puede hacer clic o seleccionar. Puedes ver nuestra herramienta Selección está seleccionada, es azul. Nuestra ventana aquí tiene una cajita azul a su alrededor. Cuando hago clic en la ventana de composición, y selecciono de nuevo, ve que tiene una pequeña caja azul. El pequeño mango para el CTI y la barra CTI aquí es azul. También están estas pequeñas manijas azules en el navegador del tiempo. Puedo hacer click y arrastrar en estos pequeños manejadores y puedo acercar a la línea de tiempo. Ahora solo estamos mostrando parte de la línea de tiempo, solo vale un par de segundos. Puedo hacer clic y arrastrar en el principio aquí y acercar aún más. Ahora sólo estamos viendo realmente sólo un puñado de marcos. Ahora, una vez que me acerque, puedo hacer click en medio del navegador del tiempo, y puedo lanzar esto de ida y vuelta para moverme a través de la línea de tiempo, acercándose de esta manera. Adelante y regresemos estos mangos a los bordes aquí, así que estamos viendo todos nuestros seis segundos. También puedo acercar y alejar la línea de tiempo con comandos de teclas. Al igual que las teclas de punto y coma funcionan para acercar y alejar la ventana de composición, el guión y las teclas iguales de tu teclado principal te acercarán y alejarán de la línea de tiempo en función de dónde se encuentre el CTI. También hay un deslizador de zoom de tiempo aquí abajo en la parte inferior. Verás las pequeñas montañas y las grandes montañas, eso también acercará y alejará de donde está tu CTI, pero me parece bastante torpe. Las teclas Plus y Menos son una forma mucho más rápida y eficiente de trabajar. 5. Revisar el proyecto final: Ahora que sabemos moverse un poco, sigamos adelante y echemos un vistazo a la animación terminada que vamos a recrear en esta clase. Tomemos aquí nuestro CTI y lo deslicemos de nuevo al cuadro cero. Después para ver la animación en tiempo real con el audio, vamos a hacer lo que se llama una vista previa de ram, que básicamente es solo un render que guarda en la memoria temporal del ordenador. Una vista previa de ram esencialmente se verá exactamente de la forma en que se verá tu render final, pero es simplemente temporal y no crea un archivo de película terminado. Para ejecutar una vista previa de ram, simplemente golpeamos la barra espaciadora y empezará a sonar desde donde se posiciona el CTI. La vista previa del ram se establece automáticamente en bucle, por lo que se hará un bucle continuo. Adelante y ram previsualice esta animación. Para verlo un par de veces. Golpear nuevamente la barra espaciadora detendrá la vista previa del carnero. Se puede ver que tenemos una animación muy divertida pero muy sencilla donde tenemos formas coloridas simples reaccionando a un tambor. Cada forma responde a uno de los instrumentos en el kit de tambor y su movimiento está atado a lo que ese instrumento esté haciendo. Vamos a crear una nueva composición donde podamos recrear esta animación. O por supuesto, si lo deseas puedes crear tu propia versión de esta animación. 6. Crear una nueva composición: Ahora antes de crear esta nueva composición, quiero señalar que voy a estar usando una biblioteca de colores que ya he creado. Si voy por el costado aquí y doy clic en la palabra biblioteca, abro la pequeña ventana de la biblioteca y puedes ver tengo un conjunto de colores ya creados para ayudarme a construir esta pieza. Las bibliotecas son una gran herramienta en la nube creativa porque en realidad pueden viajar de software a software y pueden contener colores u otras cosas que uses para tus proyectos. Ahora si te interesa usar mis colores y seguir junto conmigo exactamente, hemos incluido este archivo de biblioteca que puedes importar si solo quieres elegir tus propios colores, eso está perfectamente bien también. Pero si quieres usar los colores que estoy usando aquí, simplemente sube a la pequeña pestaña de tres líneas aquí junto a donde dice bibliotecas. Haga clic en eso, baje a importar biblioteca, verá esta pequeña ventana de diálogo aquí, y podrá elegir, seleccione biblioteca. Navega a la carpeta de material de archivo, en la carpeta del proyecto que descargaste y podrás seleccionar la biblioteca Ae clase uno. No voy a hacer eso porque ya tengo la biblioteca ahí dentro, pero solo puedes hacer click en eso, dar click en abrir y se importará la biblioteca a ventana de tu biblioteca aquí y luego podrás seleccionar y usar estos colores. Ahora vamos a crear una nueva composición para construir nuestra animación. Voy a subir a composición, nueva composición, y verás abierta la ventana de ajustes de composición. Ahora en la parte superior aquí, puedes ver que tenemos nuestra ventana de nombre de la composición. Siempre queremos darle a nuestra composición un nombre lógico. A medida que tus proyectos se complican más, mantenerse organizado es realmente importante. Por lo que nombrar capas, nombrar composiciones es una parte realmente importante de eso. Entonces voy a llamar a este diseño de tambor. Puedes llamarlo como quieras y luego vamos a bajar al menú abatible preestablecido aquí, por defecto es HDTV 1082997, vamos a cambiar eso. Voy a dar click en ese menú abatible y vamos a elegir HDTV 108024 fotogramas por segundo. Adelante y haga clic en eso. Notarás que nos da la configuración HD estándar de 1920 por 1080 píxeles. También nos da el estándar HD de píxeles en forma cuadrada y una velocidad de fotogramas de 24 fotogramas por segundo. Ahora abajo por aquí, tenemos la duración de la composición. Por defecto es de 30 segundos. Vamos a seguir adelante y cambiar eso a 06 a seis segundos. Asegúrate de no eliminar ninguna de las coordenadas cuando estés escribiendo eso. Ahora el color de fondo predeterminado para una composición es el negro, pero queremos que sea este color morado. Voy a agarrar el cuentagotas aquí y solo voy a ir y seleccionar mi fondo color morado de mi biblioteca. De nuevo, puedes elegir el color que quieras y si haces click en la muestra de color de fondo aquí, obtendrás el seleccionador de color de Adobe donde podrás elegir tonalidad, saturación, brillo, ya sea con las herramientas click y drag aquí, o puedes elegirlos con deslizadores HSB o deslizadores RGB, o introducir un código hexadecimal. Una vez que tengamos todos esos ajustes, saldremos adelante y pulsaremos Ok y podrás ver que tenemos una nueva composición añadida a nuestra ventana de proyecto, y esa composición se ha abierto en nuestra línea de tiempo y en nuestra ventana de composición. Tenga en cuenta que nuestra composición original es ahora una pestaña en la ventana de la línea de tiempo. Puedo hacer click en esa pestaña y se cargará automáticamente la ventana de composición y la línea de tiempo para esa otra composición y puedo volver a tabular a nuestra composición actual. A continuación, configuraremos un sistema de cuadrícula para facilitar la creación y organización de nuestras formas a medida que comenzamos a construir nuestra animación. 7. Trabajar con sistemas de cuadrícula: Entonces, ¿por qué queremos usar un sistema de red mientras trabajamos? Para aquellos de ustedes que son diseñadores gráficos, probablemente no necesito decirles por qué quieren usar un sistema de cuadrícula. Los sistemas de cuadrícula son una gran manera de crear relaciones de alineación y proximidad en el diseño gráfico. Pero también pueden ser muy útiles para la ilustración, particularmente la ilustración que utiliza topografía u otros elementos gráficos. Entonces sigamos adelante y volvamos a encender nuestra grilla aquí. Entonces voy a bajar hasta el fondo aquí y encender la rejilla. vamos a cambiar un poco los ajustes de esta cuadrícula. Tenemos muchas subdivisiones en esta cuadrícula que probablemente no necesitemos. Podemos simplificar esto y también hacer que corresponda a nuestro marco 1920 por 1080 aquí. Entonces vayamos bajo preferencias de secuelas e iremos a rejillas y guías. En nuestra preferencia de cuadrículas y guías puedes ver podemos cambiar cuando tenemos nuestras líneas de cuadrícula, cuántos píxeles entre cada línea de cuadrícula y cuántas subdivisiones tenemos. Ahora ya les he hecho algunas matemáticas útiles. Este es otro pequeño propina pro aquí. Un cuadro de 1920 por 1080 es una relación de 16 por 9. Si divides 1920 por 16, obtienes 120 píxeles. Si divides 1080 por 9, también obtienes 120 píxeles. Por lo que podemos crear una cuadrícula de 16, 9 en nuestro marco poniendo una línea de rejilla cada 120 fotogramas, si quieres, puedes cambiar la escala de la cuadrícula haciendo 240 píxeles para hacer una cuadrícula más grande o 60 píxeles para hacer una cuadrícula más pequeña. Pero lo que vamos a usar es sólo el 120 y vamos a usar una subdivisión de dos. Entonces sigamos adelante y pinchemos bien y veamos qué obtenemos. Esto nos resulta mucho más útil. Ahora tenemos 9 cuadrados en el lateral y 16 cuadrados en la parte superior. Esa es nuestra relación de 16, 9, pero también tenemos la subdivisión única. Eso es muy útil en particular con las nueve plazas arriba y abajo, porque eso nos permitirá conseguir un punto central aquí a mitad de camino. Por lo que el centro de nuestro marco está justo ahí. También nos dará un poco más de flexibilidad con nuestra alineación. Ahora para que esta grilla funcione realmente para nosotros. Queremos asegurarnos de que podamos ajustar nuestras formas a esta cuadrícula. Por lo que queremos asegurarnos bajo vista aquí, ese snap to grid está comprobado. Por lo que vuelve a comprobar eso. Creo que por defecto es eso, pero por si acaso asegúrate de que se marca el snap to grid. Ahora estamos listos para empezar a hacer algunas formas. 8. Conceptos básicos de capa de forma: Las capas de formas y After Effects son muy potentes. Quiero dejar claro que apenas estamos arañando la superficie de lo que Shape Layers puede hacer en esta clase en particular. Pero esencialmente, las capas Shape son el componente de dibujo vectorial de After Effects, y son muy similares al dibujo vectorial en Illustrator o Photoshop. Pero de nuevo, sólo vamos a empezar con lo básico. Si no está familiarizado con el término Vector, la ilustración vectorial utiliza puntos trazados por el equipo para hacer formas. Illustrator utiliza principalmente el dibujo vectorial, pero Photoshop y After Effects tienen capacidades de dibujo vectorial. Ahora bien, esto se opone a las ilustraciones ráster, que incluyen cosas como fotografías, escaneos de ilustraciones físicas, o imágenes dibujadas con una herramienta de pincel en Photoshop. ilustración ráster utiliza píxeles de color individual para hacer imágenes. Photoshop y After Effects se basan principalmente en ráster, pero como dije, ambos tienen componentes vectoriales, como Shape Layers y After Effects. Hablaremos más sobre el arte ráster y vectorial en próximas clases. Por lo que arriba en nuestra barra de herramientas aquí, puedes ver que tenemos nuestra herramienta básica de forma, así que si hago clic y mantengo aquí, verás que tenemos un rectángulo, rectángulo redondeado, polígono de elipse, y herramienta de inicio, que es realmente sólo una versión elegante de la herramienta poligonal. Empecemos con solo la herramienta Rectángulo. Entonces vamos a seleccionar la herramienta de rectángulo. Observe que cuando seleccionamos esa herramienta aquí, volvamos muy rápidamente a la herramienta de selección. Cuando selecciono esa herramienta, obtengo algunas opciones adicionales aquí arriba en la ventana de la herramienta. Una opción de relleno y una opción de ancho de trazo. Volveremos a estos en tan solo un segundo, pero por ahora, solo sigamos adelante y dibujemos un rectángulo en nuestra ventana de composición. Simplemente haz clic y arrastra con nuestra herramienta para dibujar un rectángulo o un cuadrado, y notarás de inmediato el ajuste de cuadrícula que se estaban ajustando a esas líneas de cuadrícula lo cual es realmente bonito. Ahora puedo hacer un cuadrado muy fácilmente con solo apretar a estas rejillas, pero también puedo mantener presionada la tecla Mayús para constreñir a un cuadrado. Ahora la configuración predeterminada para las Capas de formas es este detestable relleno rojo brillante y el trazo blanco de dos píxeles. Acerquemos un poco aquí para que podamos ver ese trazo apenas ahí. Ahora puedo cambiar el ancho del trazo haciendo clic y arrastrando hacia la derecha o hacia la izquierda en el valor de ancho del trazo azul. Puedo cambiar el color del trazo haciendo clic en el botón de muestra de trazo aquí, que abre el seleccionador de color, pero en realidad no vamos a usar trazos para este proyecto así que quiero apagar el trazo. Voy a dar click en la palabra trazo que notarás es azul. Voy a dar click en la palabra trazo, y puedes ver tengo varias opciones aquí. Puedo tener un trazo de color sólido, puedo tener un gradiente lineal o un trazo de gradientes radiales, o no puedo tener ningún trazo. También puedo cambiar la opacidad del trazo o cambiar el modo de mezcla del trazo. El conjunto de modos de mezcla es el mismo conjunto al que estás acostumbrado desde Photoshop o Illustrator. Pero vamos a seguir adelante y elegir sin golpe y dar click bien. Ahora los ajustes de relleno son similares en que hago clic en el relleno de palabra y también tengo la opción para color sólido, sin relleno, o gradientes, y modos de mezcla, opacidad, todo eso bueno está todo ahí. Adelante y cambiemos el color aquí. Voy a dar clic en el botón de muestra de relleno aquí para lanzar el selector de color. Por ahora, sólo voy a elegir el blanco justo mientras estamos jugando con estas formas, pero podría agarrar mi gota de ojos y elegir uno de mis otros colores, pero ahora mismo vamos a mantener las cosas simples, pero tú puede elegir el color que desee. Ahora te recomiendo ahora que estamos empezando a hacer realmente algunas cosas, que te metes en el hábito de ahorrar con bastante regularidad. Incluso puedes Incrementar y guardar si quieres guardar una versión como hablamos al principio de la clase. Ahora echemos un vistazo a lo que sucedió en nuestra línea de tiempo cuando creamos la plaza. Observe que se agregó una capa y se llama Shape Layer uno. Ahora una cosa importante a entender de After Effects es una capa de forma es como una cáscara vacía que puede contener una o más formas. Entonces en este caso tenemos una forma en la capa, que es nuestro rectángulo y ahí está nuestro rectángulo dentro del contenido de la Capa Shape. Entonces tenemos la Capa Shape que es el caparazón, y luego el rectángulo que vive dentro de esa Capa Shape. Ahora hagamos una elipse. Pero antes de hacer la elipse, queremos asegurarnos y anular la selección de esta capa. Observe esta pequeña caja blanca por aquí, y el hecho de que podamos ver este pequeño cuadro delimitador alrededor de nuestro cuadrado, eso significa que esta capa está seleccionada y queremos desseleccionar esa capa antes de hacer nuestra elipse, y hablaremos de por qué en tan solo un momento. Anule la selección y puedo hacerlo de una de dos maneras. Puedo hacer clic en un área vacía de la línea de tiempo así o alternativamente puedo hacer clic en un área vacía de la ventana de composición, pero solo si tengo la herramienta de selección. Al igual que lo contrario voy a empezar a dibujar otra forma. Ahora que estamos desseleccionados, volvamos atrás y agarremos la herramienta Ellipse, y sigamos adelante y pinchemos y arrastremos y podamos hacer una elipse. Podemos hacer óvalos, o puedo hacer un círculo usando el chasquido de la cuadrícula, o puedo mantener presionada la tecla de turno y eso me limitará a crear un círculo. Ahora tenga en cuenta que cuando dibujamos este círculo o esta elipse, creamos una nueva capa de formas. Ahora se llama Shape Layer dos, y de nuevo dentro de esa forma Capa está esta elipse. Ahora tenemos dos Capas de Formas, cada una con una forma dentro de ella, pero como dije, una Capa de Formas puede contener múltiples formas. ¿ Cómo agregamos una forma a una capa si queremos eso? Lo que hacemos es dejar seleccionada la Capa Shape. Antes desseleccionamos el rectángulo. Ahora vamos a dejar seleccionada la Capa Shape. Sólo volvamos atrás y elijamos de nuevo la herramienta de rectángulo. Ahora con eso seleccionado, ahora voy a dibujar un rectángulo, y ahora ese rectángulo se ha agregado a la Capa de formas dos. Por lo que Shape Layer dos ahora tiene dos formas en ella. Forma Capa uno solo tiene el rectángulo uno. Ahora esto puede ser útil para crear imágenes más complejas con Shape Layers. Como dije, las capas de formas son extremadamente poderosas. En este momento solo estamos usando las sencillas herramientas básicas de forma, pero también es posible dibujar formas con la herramienta de lápiz como lo haces en Illustrator cuando estás creando formas vectoriales en Photoshop, y la capacidad de combinar múltiples formas en una Capa de formas es similar a tener una capa en Illustrator con múltiples formas dentro de ella, y se pueden crear relaciones entre las formas para crear imágenes complejas. Pero cuando comienzas a entrar en la animación, es importante entender que vas a estar animando en las capas y cualquier animación agregada a la capa afectará a todas las formas dentro de esa capa. Para esta clase, siempre vamos a estar creando capas de forma individuales. Shape Capas con una sola forma para que a medida que animamos, animemos cada forma individualmente. Entonces otra vez, si queremos crear una nueva forma y queremos que tenga su propia capa, nuevo vamos a desseleccionar, vamos a agarrar cualquier herramienta de forma que queramos y luego vamos a dar clic y arrastrar esa forma, y de nuevo eso creará la nueva Capa Shape con sólo la forma única dentro de ella. Ahora antes de seguir adelante, solo quiero advertirte sobre algo aquí como usuario principiante de After Effects. Realmente solo estamos viendo los conceptos básicos de Shape Layers aquí. Hay mucho poder y mucha complejidad enterrada en el mundo Shape Layer. Es importante entender que en realidad puedes meterte en algunos problemas al trabajar con Shape Layers, si no estás al tanto de algo de esa profundidad si te tropiezas con ella, digamos. Entonces, solo echemos un vistazo rápido a algunas de las complejidades dentro de las capas de formas. Si abro tabulador la elipse dentro del contenido de la Capa de formas, verás que surgen todo un montón de opciones nuevas. Cada uno de estos pequeños triángulos siendo otra pestaña, y cada una de estas pestañas teniendo opciones adicionales dentro de ellos. Eso incluye opciones para animar la forma misma dentro de la capa. Ahora hasta que te familiarices mucho más con el trabajo con Shape Layers, recomiendo encarecidamente mantenerte fuera de estos ajustes, particularmente los ajustes de transformación. Si solo estás aprendiendo After Effects, esto puede crear alguna confusión y comportamiento masivo que tal vez no esperes ni quieras, y realmente puedes terminar profundamente en las malas hierbas si te metes demasiado por aquí sin saber lo que eres haciendo. Así como estás empezando aquí, recomiendo mantener eso cerrado y sobresalir de ahí hasta que te hayas metido un poco más en el software. Eliminemos algunas de estas cosas aquí. Eliminemos estas dos Capas de Formas que creamos. Eliminemos esos y nos quedemos con este cuadrado blanco por ahora mismo, y vamos a explorar las propiedades animables básicas para esta capa. 9. Las cinco propiedades: Casi todas las capas en after effects, con la excepción de las capas de audio, tienen cinco propiedades básicas que puedes manipular y animar. Echemos un vistazo a esos uno por uno. En nuestra capa de forma aquí, por supuesto tenemos nuestra pestaña de contenidos que tiene un rectángulo en ella. Adelante y cerremos esa pestaña hacia arriba. Debajo de eso tenemos la pestaña de transformación. Adelante y tabulemos que se abren y se pueden ver son cinco propiedades. Punto de anclaje, posición, escala, rotación y opacidad. Repasemos cada uno de ellos uno por uno y asegurémonos de entender cómo funcionan y cómo manipularlos. El primero es el punto de anclaje. Esta es una propiedad muy importante porque afecta lo que sucede con la escala de posición y las propiedades de rotación, especialmente la escala y la rotación. El punto de anclaje es el punto de la capa desde la que se produce el movimiento. El punto de anclaje está representado por este pequeño símbolo aquí mismo. Es un pequeño círculo con un pelo cruzado en él. Observe que cuando creamos una capa de forma, que de nuevo es solo una cáscara vacía para sostener una o más formas. Esa capa de shell vacía se establece de forma preestablecida en el punto de anclaje que se encuentra en el centro del marco. Por lo que ahí está nuestro punto de anclaje para la capa de forma justo en el centro del marco. Lo que eso significa, y lo demostraremos en un poco. Lo que eso significa es que cuando movemos la posición de la capa, la escala de la capa o la rotación de la capa, todo ese movimiento se va a originar en este punto de anclaje. La posición del punto de anclaje realmente afecta la forma en que ocurre el movimiento con nuestras capas, particularmente la escala y la rotación. Tenemos la capacidad de mover el punto de anclaje a diferentes posiciones en la capa con el fin de obtener diferentes efectos con nuestra animación. Hay dos formas de ajustar el punto de anclaje. Ambos tienen usos particulares en situaciones particulares. El modo más común es mover el punto de anclaje independiente de la ilustración en la capa. Eso es lo que tenemos que hacer aquí porque queremos mover este punto de anclaje al centro de esta plaza. Lo que vamos a usar es la sartén detrás de la herramienta. Está justo al lado de la herramienta de forma justo ahí, la bandeja detrás de la herramienta. Ese es un nombre extraño. Esta es una herramienta que en realidad tiene un montón de usos diferentes, aunque probablemente sea de uso más común. Vamos a agarrar la sartén detrás de la herramienta. Ahora puedo hacer click y arrastrar en este punto de anclaje y ahora puedo moverlo a donde quiera. Donde quiero moverlo para ahora mismo está en el centro de nuestra plaza. Te darás cuenta de que a medida que muevo ese punto de anclaje, el valor del punto de anclaje, que originalmente estaba en cero y cero, ahora tiene algunos valores diferentes a él. Hablaremos un poco más de esos valores en un minuto. La otra forma de afectar el punto de anclaje es manipular los valores mismos, pero eso crea un efecto muy diferente. Notarás que todos estos números de valor son azules. Eso significa que se pueden hacer clic y arrastrar o hacer clic en ellos y los valores se pueden escribir. Puedo hacer click y arrastrar sobre estos valores. Observe ahora lo que está pasando es que el punto de anclaje en realidad se está quedando en su lugar. Pero la obra de arte en la capa, en este caso el cuadrado, se mueve en relación a ese punto de anclaje que permanece fijo. Eso no es lo que queremos en este caso así que voy a presionar la tecla deshacer, comando Z, para deshacer y devolver eso. Nuestro punto de anclaje se centra una vez más en nuestra plaza. Una pequeña precaución aquí; quieres asegurarte cuando estás ajustando el punto de anclaje de una capa que no estás ajustando el punto de anclaje de la forma. Déjame mostrarte lo que quiero decir. Si anula la selección aquí, seleccionemos lejos de nuestra forma actual. Agarremos nuestra herramienta de forma, y solo dibujaremos una nueva forma muy rápidamente aquí. Notarás que está el punto de anclaje de la capa justo en el medio. En esta instancia particular donde acabo de dibujar una forma, si de inmediato voy a agarrar mi sartén detrás herramienta sin seleccionar primero la capa, así. Notarás que desaparece el punto de anclaje de la capa. Ahora hay un nuevo punto de anclaje, muy, muy pequeño en medio de la forma. Observe también que la caja delimitadora se ve diferente y tiene estas pequeñas cajas blancas en lugar de las cajas azules sólidas. Lo que eso significa es que ahora tenemos la forma seleccionada y este punto de anclaje es el punto de anclaje de la forma. Recuerda mencioné que las formas dentro de las capas de formas tienen sus propias transformaciones. Recuerda también te advertí sobre meterte demasiado en las malas hierbas con capas de forma hasta que las entiendas un poco más plenamente. En este punto, si fuera a mover este punto de anclaje, no estoy ajustando el punto de anclaje de la capa. Estoy ajustando el punto de anclaje de la forma misma y no voy a obtener el efecto con la animación que estoy buscando. Es importante prestar atención si ves este tipo de caja delimitadora y este pequeño punto de anclaje. Ten en cuenta que ahora tienes la forma seleccionada y puedes ver hacia abajo en la línea de tiempo nota que el rectángulo está resaltado en gris aquí. Se selecciona la forma, pero la capa no lo está. Mira lo que sucede cuando seleccionamos la capa. Tan pronto como lo hacemos, obtenemos el cuadro delimitador normal alrededor de nuestra forma y nuestro punto de anclaje es ahora el punto de anclaje de capa en el centro. Observe nuevamente que es un punto de anclaje mucho más grande que el pequeño que aparece para la forma. Tan solo ten en cuenta que si dibujas una forma y seleccionas la bandeja detrás de la herramienta de inmediato, te vas a encontrar este pequeño tema. Todo lo que necesitas hacer es volver a seleccionar la capa y asegurarte de que estás ajustando el punto de anclaje de la capa y no de la forma. Sigamos adelante y solo eliminemos esa forma, reseleccionemos nuestra forma aquí. Sigamos adelante y reseleccionemos nuestra herramienta de selección. Echemos un vistazo a la propiedad de posición, que creo que ayudará a que la propiedad del punto de anclaje tenga un poco más de sentido. Empecemos hablando de lo que significan los dos números. Observe que tanto el punto de anclaje como la posición tienen dos valores aquí. El primer valor es el valor en x. X es el valor horizontal moviéndose a la derecha o a la izquierda. Si fuera a hacer clic y arrastrar en este primer número, se puede ver que me muevo hacia adelante y hacia atrás de derecha a izquierda con mi posición aquí. Aviso también que nos sacó de nuestra red. También puedo simplemente hacer clic y arrastrar sobre la capa misma, y luego puedo ajustarla de nuevo a la cuadrícula aquí. Puedo manipular la posición ya sea haciendo clic y arrastrando en la capa o haciendo clic y arrastrando el valor en la línea de tiempo. Dependiendo de la situación en la que te encuentres, a veces es mejor hacer clic y arrastrar en la capa. Por lo general, hacer clic y arrastrar o introducir un valor en la línea de tiempo va a ser más fácil y más eficiente, sobre todo cuando estás trabajando en proyectos más complejos. Pero como estamos creando la animación simple alrededor de la estructura de cuadrícula, probablemente vamos a estar haciendo clic y arrastrando la capa un poco más a menudo. El segundo valor es el valor y, que es arriba y abajo. Una vez más, puedo moverme hacia arriba y hacia abajo haciendo clic y arrastrando sobre este valor o simplemente puedo hacer clic y arrastrar sobre la capa misma. Puedo simplemente hacer clic y arrastrar y moverme totalmente aleatoriamente también también. En tanto tenga el chasquido encendido, seguiré ajustando a estos puntos de la cuadrícula. Observe que mientras muevo esto, los valores se mueven también. Si pongo el cuadrado justo en el centro, observe que el valor es 960 por 540. 960 es la mitad de 1920, 540 es la mitad de 1080. Por lo que también puedo centrar las cosas simplemente escribiendo valores. Digamos que mi plaza está por aquí en alguna parte y la quiero en el centro. En realidad puedo simplemente hacer click en la x e y aquí. Basta con dar click y puedo escribir en 960, tab 540 volver y se centra esa plaza. También puedo hacer matemáticas simples dentro de estas cajas de valor. Por ejemplo, puedo hacer click en 960. Si quiero ir 120 cuadros en x, puedo ir más 120, y salta 120 cuadros. Aquí es donde se pone un poco complicado. Si quisiera ir hacia atrás, no puedo simplemente escribir menos 120. Mira lo que pasa si voy menos 120, mi cuadrado realmente se va fuera de la pantalla porque simplemente va al valor menos 120. Vamos a deshacer, y sólo retrocedamos 120 fotogramas. Para hacer eso, hago clic en la ventana de valor aquí, y voy más primero. El plus básicamente es contar secuelas, estoy haciendo un cálculo ahora en lugar de ir a un valor negativo y luego negativo 120. Ahora salto hacia atrás un 120 cuadros. Un poco confuso, pero el hecho de que tengamos valores negativos como posibilidad aquí hace necesario agregar esa segunda pulsación de tecla para poder decir después afecta lo que estás haciendo. De nuevo, puedo ir más menos 240, o puedo ir más 120 o lo que quiera hacer, o si quiero volver al centro, solo puedo teclear 960 y volver al centro. Ahora tengo chasquido comprometido aquí, así que también puedo moverlo y ajustarlo a las cosas. Pero en algunos casos no estarás trabajando con un sistema de cuadrícula y usar valores numéricos o simplemente hacer clic y arrastrar un valor puede ser realmente útil. Ahora vamos a volver rápidamente a visitar este punto de anclaje rápidamente solo para asegurarnos de que realmente entendemos lo que está pasando aquí. Aviso en este momento que son valor de posición está en 960 por 540. En otras palabras, el punto de anclaje está en el centro. El estrato está centrado. Ahora bien, si grafico el pan detrás de herramienta y muevo este punto de anclaje a otra posición, digamos abajo en la esquina de la plaza. Observe que la plaza sigue centrada en el marco. El trabajo de arte sigue en la misma posición. No obstante, la capa realmente se ha movido. Observe que los valores de capa ahora son diferentes porque el punto de anclaje de la capa, que determina la posición de la capa ahora no está en el centro. Mi plaza, la obra está centrada, pero la capa ahora está fuera del centro. Si devuelvo el valor de 960 por 540, ahora mi capa está centrada. Pero debido a que la obra no está centrada en la capa, la obra ahora está fuera del centro. Esta es una distinción importante de entender. El punto de anclaje es lo que determina dónde está la capa. Pero la capa puede tener ilustraciones de casi cualquier tipo. Puede ser una forma o un dibujo o tipografía o lo que tienes. Pero el punto de anclaje determina dónde está realmente la capa. Ahora, de igual manera, ahora mismo mi posición, tiene la capa centrada 960 por 540. Si manipulo los valores del punto de anclaje ahora, así que hagámoslo. Vamos a tontear un poco esto y vamos a poner esto en algún lugar raro. Si manipulo los valores del punto de anclaje, observe que la posición de la capa no ha cambiado. La posición de la ilustración en relación a la capa ha cambiado porque he cambiado estos valores de punto de anclaje. Pero la posición de las capas sigue centrada en 960 por 540. Esta es una distinción importante y es importante entender la diferencia entre la posición de la capa y la posición de la ilustración y eso está determinada por los valores del punto de anclaje. Ahora vamos a deshacer hacia atrás hasta que esta plaza esté de nuevo en nuestra cuadrícula, y luego podremos seguir adelante con la pluma detrás de la herramienta y ajustar ese punto de anclaje de nuevo al centro de nuestra plaza. Si lo desea, puede chasquear el cuadrado al centro del marco nuevamente o escribir en 960 por 540. Recuerda seguir ahorrando mientras trabajas. Ahora la siguiente propiedad es escala, y eso se determina con dos valores otra vez, otra vez X e Y, pero ahora es un valor porcentual. Cuando hicimos nuestra forma aquí, hicimos de nuestra forma un cierto tamaño, por lo que está en una escala del 100 por ciento en este momento. Si hago clic y arrastre estos valores hacia arriba o hacia abajo, cambiará esa escala proporcionalmente. Sigamos adelante y tecleemos 100 de nuevo para devolverlo a su tamaño normal. Ahora, puedo escalar fuera de proporción comprobando las proporciones de restricción, y ahora puedo escalar en Y o en X por separado. También tenga en cuenta que si trabajo estos valores de escala y luego reviso las proporciones constreñidas de nuevo, ahora cuando hago clic y arrastre la escala, se mueve proporcionalmente, pero con mis proporciones fuera de trabajo. Si quiero volver a la escala proporcional, puedo hacer una de dos cosas. Puedo verificar de nuevo proporcional y luego simplemente escribir valores pares y luego volver a comprobar la escala proporcional, y ahora estoy de vuelta a la normalidad aquí, o lanzemos de nuevo este trabajo externo o con los valores fuera de trabajo y la escala proporcional sin marcar, puedo hacer clic de opción, tomará automáticamente el primer valor, el valor X, y lo copiará en el valor Y y nos devolverá a escala proporcional de nuevo. Adelante y regresemos eso a 100. Ahora también echemos un vistazo rápido a lo que sucede cuando cambiamos el punto de anclaje. Si tomo nuestra pluma detrás de la herramienta y digamos mover nuestro punto de anclaje a la esquina del cuadrado y ahora manipular la escala, ahora nota que escala hacia arriba y hacia abajo desde ese punto de anclaje. Nuevamente, la posición del punto de anclaje es muy importante para crear el tipo de efecto correcto con la animación que estás buscando. Recuerda también, que podemos sacar nuestro punto de anclaje completamente del objeto. Incluso puedo quitárselo del marco si quiero, puedo poner el punto de anclaje de manera aquí en alguna parte, y de nuevo, voy a conseguir un comportamiento muy, muy diferente. Ahora casi parece que estamos moviendo la posición de la plaza, pero no lo estamos, no estamos moviendo la posición. Simplemente lo estamos escalando fuera de este punto de anclaje lejano y creando este efecto de movimiento diagonal de escala loco. Voy a deshacer hacia atrás hasta que como que volvamos a la normalidad aquí. Te recomiendo que hagas lo mismo. Entonces voy a mandar Z un montón de veces hasta que volvamos a la plaza centrada y punto de anclaje centrado. Nuestro siguiente valor es la rotación, lo cual es bastante obvio. Aquí hay dos valores, pero no son X e Y. En cambio, son 360 grados en un círculo, y el primer valor es el número de rotaciones completas. Echemos un vistazo a eso. Si hago clic y arrastre hacia arriba o hacia abajo en este primer valor aquí, los grados, apenas comienza a girar la forma. Pero mira lo que pasa cuando voy todo el camino hasta 360. En cuanto llegué a 360, boom repentinamente ese primer valor salta a uno. Ahora tenemos una rotación completa de 360 grados más siete grados. Lo mismo funcionará en negativo también. Si subo otra vez, subamos otra vez. Ahora son dos rotaciones completas de 360 grados por 25 grados. Vamos a teclear ceros de vuelta aquí muy rápido. Ahora, una cosa quiero que anoten porque puede ser un poco confuso cuando empiezas por primera vez, si hago clic y arrastre sobre este primer valor, mira aquí la plaza como hago eso. Si hago clic y arrastre sobre ese valor, observe que el cuadrado no se mueve en absoluto. A pesar de que estoy sumando 41 rotaciones completas de la plaza, la plaza en realidad no gira 41 veces frente a nuestros ojos. Básicamente sólo se mantiene a cero grados de orientación, y sólo estamos agregando múltiples rotaciones que podrían animarse si animáramos este valor. Tan solo ten en cuenta eso, no vas a ver que nada rote si manipulas este primer valor. Lo verás sin embargo, si estás manipulando el valor de 0 a 360 ahí mismo. Ahora al igual que la escala, la posición del punto de anclaje cambiará el comportamiento de esta rotación. De nuevo, si movemos nuestro punto de anclaje a la esquina de nuestro cuadrado y lo rotamos, ahora girará alrededor de esa esquina, y al igual que lo hicimos antes, también podemos sacar el punto de anclaje completamente del círculo o incluso fuera del marco. De nuevo, vamos a conseguir un comportamiento muy diferente ahora va a conseguir un satélite moviéndose alrededor de un planeta, un movimiento o lo que sea. adelante y pongamos eso de nuevo a cero y volvamos a arrancar nuestro punto de anclaje de nuevo al centro. Ninguna opacidad es muy fácil de entender, es solo la opacidad de la capa, así que si vuelvo la opacidad hacia abajo, la opacidad baja entre 0 y 100 por ciento, bastante sencilla. Pero recuerda que puedo hacer matemáticas en cualquiera de estos valores. Puedo sumar más 10 a la báscula. Puedo sumar más 45 a la rotación, y lo puedo hacer con opacidad también. Más menos 10 o más 5, o puedo simplemente hacer clic y escribir los valores 100 o cero. Ahora te muestro esto en parte porque quiero darte otra pequeña precaución aquí, que es que cuando estás manipulando la opacidad, es muy común decir que quiero que esto se anime hacia abajo a cero opacidad. Yo quiero que se desvanezca, y así haces clic y arrastras sobre el valor y haces clic y lo arrastras hacia abajo. Ahora lo conseguí a cero ahí mismo. Pero es realmente fácil cuando estás trabajando rápido para bajarlo a como uno o dos por ciento. Si miras esto ahora mismo, realmente no puedes verlo a menos que te veas muy, muy duro, pero en realidad está al uno por ciento. Se podría pensar que está en cero por ciento, pero en realidad está en uno, particularmente si el fondo es de un color similar al objeto. Lo mismo con un 100, puedes desplazarte hacia arriba para llegar a 100 y accidentalmente conseguirlo como 94 o 99 y no tenerlo completamente opaco. Buena regla de oro, si quieres cero opacidad, haz clic y escribe en cero. Si desea una opacidad del 100 por ciento haga clic y escriba en 100 por ciento. De lo contrario, es posible que no te des cuenta de que no obtuviste esos valores hasta el final, y luego cuando renderices, podrías encontrar algunos problemas con tu render. A veces no puedes ver las cosas pueden estar a media resolución que verás cuando algo finalmente se renderiza. Es sólo un buen hábito en el que entrar. Ahora que hemos aprendido sobre nuestras cinco propiedades, echemos un vistazo a crear alguna animación. 10. Animación con fotogramas clave: Una de las grandes cosas del proceso de animación en After Effects es que una vez que aprendes a animar una propiedad, realmente sabes animar todas las propiedades, porque el sistema de animación es exactamente el mismo para cualquier propiedad animable. Pero vamos a empezar a hacer una animación de posición simple. Por lo que el primer paso es elegir por dónde quieres que comience tu animación. Por lo que vamos a llevar nuestro CTI y moverlo a donde queremos que empiece nuestra animación. Realmente no importa dónde, voy a empezar a 12 fotogramas en,puedes empezar donde quieras, puedes empezar donde quieras, pero solo pon el CTI en algún lugar aquí en la línea de tiempo que no sea el marco cero. Entonces queremos elegir nuestro primer valor, en este caso, un valor de posición, pero podría ser un valor de escala o rotación o una propiedad sobre un efecto o cualquier otra cosa que estemos animando. Entonces en este caso, solo tomemos nuestra plaza y solo la llevemos al costado del marco. Entonces ahora tenemos donde queremos que empiece la animación en el espacio y donde queremos que la animación comience en el tiempo. Entonces ahora vamos a bajar al valor de posición aquí. Vamos a dar click en este cronómetro aquí mismo. Entonces vamos a seguir adelante y hacer clic en eso y eso habilitará la animación en esta propiedad de posición. Ahora, ten en cuenta también que hemos creado nuestro primer fotograma clave, voy a mover el CTI aquí solo para que puedas verlo. Ahí está nuestro primer fotograma clave, la forma de pequeño diamante justo ahí. Ahora para establecer nuestro siguiente fotograma clave, simplemente tenemos que mover el CTI hacia adelante o incluso hacia atrás en el tiempo, y eso es importante tener en cuenta. Aquí vamos a trabajar hacia adelante, pero en realidad se puede animar hacia atrás, así como, hacia adelante pero vamos a seguir adelante y avanzar en el tiempo. Entonces vamos a avanzar unos fotogramas. Entonces ahora hemos movido el CTI a otra posición en el tiempo, y entonces todo lo que tenemos que hacer es cambiar el valor del inmueble. Ahora, puedo cambiar ese valor ya sea haciendo clic y arrastrando los valores aquí, también puedo simplemente hacer clic y arrastrar sobre la capa para moverla en el espacio. Entonces, solo pinchemos y arrastremos la capa y la moveremos a través de la pantalla. Observe que cuando cambio ese valor de posición, creé automáticamente un nuevo fotograma clave. Por lo tanto, una vez que habilitas la animación, crea tu primer fotograma clave, mueve en el tiempo, se cambia el valor, automáticamente crea otro fotograma clave. Si fuéramos a ram previsualizar esto, se puede ver que ahora tenemos animación. Muy, muy sencillo. Ahora puedo seguir moviendo el CTI a una posición, cambiar un valor y hacer fotograma clave, así puedo seguir haciendo esto todo el tiempo que quiera y cada vez que muevo el CTI, me muevo en el tiempo y cambio el valor, agrego un fotograma clave. Ahora, también puedo mover fotogramas clave a tiempo. Para que pueda tomar un fotograma clave, hacer clic y arrastrar sobre él y moverlo de ida y vuelta en el tiempo. También puedo mover dos o más fotogramas clave haciendo clic y arrastrando un cuadro alrededor del número de fotogramas clave que quiero mover y luego puedo mover todos esos fotogramas clave juntos tantos como quiera. También puedo eliminar fotogramas clave dibujando un cuadro alrededor de los fotogramas clave que quiero eliminar para seleccionarlos. Observe de nuevo, que se ponen azules cuando están seleccionados, luego presiona la tecla delete y puedo hacer que esos fotogramas clave desaparezcan. Ahora, también puedo cambiar el valor de los fotogramas clave que he creado, pero para ello, tengo que tener mi CTI en el fotograma clave que quiero cambiar, porque si mi CTI está aquí afuera y cambio un valor, va a hacer un nuevo fotograma clave. Pero si quiero cambiar el valor de estos fotogramas clave, puedo poner mi CTI en ese fotograma clave y luego puedo cambiar ese valor ya sea haciendo clic en los números o haciendo clic en la capa y moviéndolo y cambiando el valor de ese fotograma clave. Ahora, a veces cuando tienes un proyecto largo con muchos fotogramas clave, puede ser difícil conseguir que el CTI esté bien en ese fotograma clave. En este caso con sólo seis segundos, no es muy difícil. Pero también puedes usar los botones de navegación de fotogramas clave aquí. ¿ Ves las flechas de aquí adelante y atrás? Estos irán al fotograma clave anterior o al siguiente fotograma clave y eso solo saltará a la derecha a ese fotograma clave, luego de nuevo, puedes cambiar ese valor ya sea cambiando los números ahí o haciendo clic y arrastrándolo aquí arriba. 11. Tiempo y espaciado: Hagamos una pausa por un momento y hablemos de una gran idea que sólo vamos a tocar aquí. Pero las próximas clases sobre planeación para compartir habilidades entrarán con mucha mayor profundidad. Es un principio de animación que generalmente se conoce simplemente como tiempo, pero prefiero llamarlo por su nombre completo, tiempo y espaciado. El tiempo y el espaciado son las dos formas de controlar la velocidad o velocidad del movimiento. Controlar la velocidad o velocidad del movimiento es una de las formas más importantes para que los animadores creen movimiento que tiene significado. Movimiento que comunica peso, gravedad, ideas o emociones. El tiempo y el espaciado es en muchos sentidos el principio fundamental de la animación que subyace a todos los demás principios de la animación. Empecemos echando un vistazo a la idea del tiempo. El tiempo es el número de fotogramas entre dos fotogramas clave. En otras palabras, ¿cuántos marcos se necesita para llegar de aquí a aquí? Ahora puedo alterar el tiempo moviendo los fotogramas clave hacia adelante y hacia atrás en el tiempo. Pongamos este primer fotograma clave aquí en el fotograma 12. Ahora mismo entre este fotograma clave en el fotograma 12 y este fotograma clave en un segundo, tenemos 12 fotogramas. Adelante y echemos un vistazo a eso. Llamemos a eso nuestra velocidad media. Ahora si queremos que este movimiento sea más rápido, podemos acercar los fotogramas clave. Voy a tomar este segundo fotograma clave y lo voy a mover mucho más cerca de este primer fotograma clave. Ahora solo hay cuatro cuadros entre el cuadro 12 y el cuadro 16 aquí. Ahora mira la velocidad del movimiento. Vaya, mucho, mucho más rápido. Mira sobre, mucho, mucho más rápido. Al cambiar el tiempo entre estos dos fotogramas clave, hemos cambiado la velocidad o velocidad del movimiento. Ten en cuenta que se están moviendo a la misma distancia. Nos estamos moviendo de aquí a aquí en ambos casos, pero lo estamos haciendo con menos marcos. Volvamos a ponerlo a un segundo aquí. Mira eso otra vez. Mucho más lento. Nuevamente, moviéndose la misma distancia. Ahora vamos a frenarlo. Digamos que queremos que sea más lento. Ahora podemos mover los fotogramas clave más separados. Voy a tomar esto y sacar esta salida todo el camino a dos segundos aquí. Ahora vamos a ram previsualizar eso. Mucho, mucho más lento. Ahora hemos hecho que el movimiento sea mucho más lento. Nuevamente, nos estamos moviendo la misma distancia. Seguimos moviéndonos de aquí a aquí, misma distancia, pero estamos tomando más fotogramas para hacerlo así frenando el movimiento hacia abajo. Más fotogramas entre fotogramas clave que serían más espacio en la línea de tiempo entre los fotogramas clave significa un movimiento más lento, menos fotogramas entre fotogramas clave lo que sería una distancia menor entre dos fotogramas clave en la línea de tiempo, significan más rápido movimiento. Ahora ese es el aspecto de temporización del tiempo y el espaciado. Pero veamos el aspecto del espaciado. Voy a mover este fotograma clave de vuelta aquí a un segundo. Echemos un vistazo a eso otra vez y solo saquemos una idea de ese momento ahí. Ahí está nuestra velocidad promedio. Ahora la otra forma en que puedo cambiar la velocidad o velocidad del movimiento es el espaciado entre los dos fotogramas clave. Ahora el término espaciado realmente se aplica sobre todo al movimiento de posición. Pero el concepto más grande aquí es el cambio de valor de un fotograma clave a otro. Si estás animando escala, o rotación, u opacidad, o algo que no esté recorriendo una distancia, espaciado puede no ser el término más preciso, pero la idea es ¿cuánto cambia de un fotograma clave a otro? En este caso, estamos cambiando de aquí a aquí más de 12 cuadros y obtenemos esta velocidad. Ahora mira lo que sucede cuando mantenemos el mismo número de fotogramas. Nos vamos a quedar en 12 cuadros. No vamos a cambiar cuántos fotogramas se estaban moviendo de un fotograma clave a otro, pero en cambio vamos a cambiar el espaciado o los valores de estos dos fotogramas clave. Empecemos por frenar el movimiento hacia abajo. Si queremos frenar el movimiento, necesitamos acercar el espaciado. Voy a tomar este primer valor así que quiero asegurarme de que estoy en este primer fotograma clave y puedo usar mis pequeñas flechas de navegación de fotogramas clave aquí para asegurarme de que estoy en este primer fotograma clave. Voy a acercarme esto más a este otro fotograma clave. Entonces voy a saltar al segundo fotograma clave. Voy a deslizarme eso más cerca de este primer fotograma clave. Ahora vamos a correr previsualizar esto, pero ten en cuenta de nuevo que seguimos moviendo 12 fotogramas mucho más lentos. Hemos frenado el movimiento cambiando el espaciado entre los dos fotogramas clave o el valor entre los dos fotogramas clave. ¿ Cuánto cambia de este fotograma clave a este fotograma clave? Ahora no está cambiando tanto, sigue siendo 12 cuadros. El tiempo es el mismo pero debido a que este espaciado o valores están más cerca juntos, ahora se mueve mucho más lentamente. Ahora si queremos acelerar el movimiento, hacemos lo contrario y hacemos el cambio valor entre un fotograma clave y otro mucho mayor. Vamos ahora en este primer fotograma clave, vamos a traerlo camino de vuelta al borde mismo del fotograma. Entonces saltemos a este segundo fotograma clave y llevemos ese camino al borde del otro lado. Ahora veremos movimiento más rápido, movimiento mucho más rápido. Ahí vamos. Menos de un cambio en el valor hacen un movimiento más lento, y más de un cambio en el valor hace un movimiento más rápido. Ahora hemos mirado tanto el tiempo como el espaciado. O bien cambiamos el número de fotogramas entre los dos fotogramas clave, o el valor o cantidad de cambio de un fotograma clave a otro. En la mayoría de los casos, podrás manipular ambas cosas para controlar la velocidad de tu movimiento. En algunos casos, es posible que sólo puedas cambiar uno u otro. Pero de cualquier manera, ahora sabes cómo puedes hacer que tu movimiento sea más rápido o más lento con el fin de comunicar lo que quieres comunicar con tu animación. Como dije, estoy planeando una serie más profunda de clases para compartir habilidades que profundizaremos en este y otros principios importantes de animación. 12. Afinar y eliminar: El movimiento lineal es muy inusual en el mundo natural. Casi nada se inicia o se detiene al instante. La mayoría del movimiento tarda un poco en ponerse en marcha y tarda un poco en detenerse, acelerando y desacelerando, entrando y saliendo de cada movimiento. Un ejemplo sencillo de esto sería un automóvil. Cuando pisas el gas, el auto no va al instante 60 millas por hora. Poco a poco se acelera de una parada antes de ganar toda velocidad. De igual forma, cuando pisas los frenos para detener el auto, aunque te abras los frenos, el auto no se detiene al instante. Ya sea que golpees los frenos, o si estás pisando los frenos con normalidad, vas a ir disminuyendo gradualmente antes de llegar a una parada completa. En la animación, esa aceleración gradual y desaceleración se llama Easy out and Easy in. Es otro principio de animación muy importante. Añadamos algunos facilitadores a este movimiento, por lo que es un poco más natural. Empecemos con nuestra Easy out. En el primer fotograma clave aquí, voy a seleccionar el fotograma clave. Voy a hacer clic derecho en él, y voy a bajar a asistente de fotogramas clave. Voy a elegir Easy Easy out. ¿ Por qué estoy eligiendo Easy Easy out? Porque este es el primer fotograma clave en nuestro movimiento, y queremos relajarnos, o acelerar lentamente, empezar con lentitud y salir más rápido de este primer fotograma clave. Normalmente es bueno cuando estás aprendiendo la diferencia entre facilidad de salida y facilidad de entrada, para agregar un par de palabras a la frase. Si pensamos en relajarnos fuera de un fotograma clave, estamos relajando fuera de un fotograma clave. Entonces, más tarde nos vamos a relajar en un fotograma clave aquí. Si añades esas palabras, eso te ayudará a recordar cuál quieres usar. En este caso, queremos Relajar. Observe que, cuando hice ese ajuste, observe cómo ahora los pequeños puntos ya no están espaciados uniformemente. Mira cómo están más cerca juntos aquí, luego un poco más anchos. Esa es la Facilidad fuera. En otras palabras, el espaciado comienza más estrecho y se ensancha a medida que se mueve, el movimiento comienza más lento y se vuelve más rápido. Eso es el tiempo y el espaciado de nuevo, o específicamente el lado espaciado del tiempo y el espaciado. Echemos un vistazo a cómo se ve esto. ¿ Puedes ver eso? Es un poco sutil. Pero mira cómo el movimiento ahora empieza más lentamente y facilita ese movimiento. Ahora, no tenemos Facilidad de este lado. Observe cómo se golpea contra ese segundo fotograma clave. Boom, golpea realmente duro ahí mismo. Ahora, sólo con fines de demostración, quitemos la Facilidad de este primer fotograma clave, para que podamos ver sólo una Facilidad en, y luego pondremos alivios en ambos lados. Ahora, notarás que el fotograma clave con el Easy out en él tiene este pequeño en forma de C en el lateral del icono del fotograma clave. Para quitar una Facilidad, mantenga presionada la tecla de comando y haga clic en el, Fotograma clave. Se vuelve a convertir en un pequeño diamante. El diamante es un fotograma clave lineal. Ahora, tenemos nuestro espaciado parejo de nuevo. Ahora seleccionemos el segundo fotograma clave. Vamos a hacer clic derecho en eso, ir al asistente de fotogramas clave. Esta vez vamos a elegir Fácil en porque nos estamos relajando en el fotograma clave. Escojamos eso y una vez más, veamos cómo el espaciado ahora ya no es parejo y se vuelve más estrecho. El espaciado se hace más estrecho a medida que nos acercamos a ese fotograma clave, disminuyendo la velocidad en ese fotograma clave. Echemos un vistazo a eso ahora. Ahí vamos. Se puede ver Facilidad en ese fotograma clave. Ya no tenemos esa parada abrupta. Entra suavemente en esa posición final. Tenga en cuenta que tanto la Ease out como la Facilidad en se sienten mucho más naturales, mucho menos mecánicos. Ahora, pongamos alivios en ambos lados, que generalmente es lo que vas a hacer excepto en unas pocas circunstancias específicas. Voy a hacer clic derecho en este primer fotograma clave. Ve al asistente de fotogramas clave y elige Easy Easy Easy out porque nos estamos relajando de este fotograma clave. Ahora, vamos a ram previsualizar con los alivios en ambos lados. Tenga en cuenta que nuestro espaciado comienza más estrecho, se hace más ancho, más ancho en el medio, y luego se vuelve más estrecho en el otro lado. Se está acelerando, es el más rápido en el medio y luego se ralentiza de nuevo en el segundo fotograma clave. Echemos un vistazo a eso. Ahí vamos. Ahora tenemos bonito movimiento natural. Mucho menos mecánico, mucho menos afilado y duro. 13. Mantén los fotogramas clave: Echemos un vistazo a una forma más de manipular nuestro movimiento. Digamos que queremos que un movimiento se detenga y luego empiece de nuevo. Para ello, queremos utilizar lo que se llaman fotogramas clave de retención que nos permiten mantener un valor durante el tiempo que deseemos antes de volver a empezar el movimiento. Finjamos que queremos que este movimiento se detenga en algún lugar del medio, pausemos un segundo y luego volvamos a empezar. En realidad voy a arrastrar un poco más este fotograma clave, tal vez no hasta donde lo hicimos antes, sino un poco de caminos para darnos un poco de espacio para trabajar aquí. Empecemos arrastrando un poco nuestro CTI hacia fuera y deteniéndonos en algún lugar del medio. No tiene que estar justo en el medio donde quieras. Voy a ir quizá un tercio del camino o algo así. Digamos que queremos que el movimiento se detenga aquí y haga una pausa por un segundo antes de que continúe en su camino. Lo que necesito hacer es agregar un nuevo fotograma clave aquí mismo en medio de mis dos primeros fotogramas clave. Para agregar un fotograma clave, que esencialmente captará este valor en este punto del movimiento, voy a usar este pequeño botón de diamante justo aquí por mis dos botones de navegación de flecha aquí. Ese es el botón agregar o quitar fotograma clave. Voy a hacer clic en eso y eso va a agregar un nuevo marco clave justo en el medio. Ahora te das cuenta de que el fotograma clave se ve un poco divertido. Tiene un look de reloj de arena. Eso se debe a que tuvimos una facilidad de salir de este fotograma clave y una facilidad de entrada en este fotograma clave. Cuando creamos un nuevo marco clave, After Effects crea lo que adivina que queremos aquí en medio. Es adivinar que queremos un poco de facilidad dentro y un poco de facilidad fuera así que conseguimos este pequeño tipo de forma de reloj de arena. Tenga en cuenta que en realidad no se está relajando en mucho. Hace una conjetura en una pequeña cantidad de facilidad entrando por lo que en realidad no se alivia ni se alivia. Vamos a cambiar esto más tarde. Empecemos por sólo convertir esto de nuevo en un fotograma clave lineal. Voy a presionar la tecla de comando, haga clic en eso y sólo volveremos a convertir eso en un fotograma clave lineal por ahora. Lo que quiero que pase es, quiero que llegue a este punto y luego quiero que deje de moverse para que no se mueva por un rato. Adelante unos fotogramas aquí. Lo que vamos a hacer es que vamos a hacer clic derecho en este fotograma clave y vamos a elegir el fotograma clave de retención de alternar. Seleccionemos eso. Ya verás ahora obtenemos esta pequeña forma de caja de este lado del fotograma clave. Lo que eso significa ahora es que va a mantener este valor, el valor en este fotograma clave. Va a mantener ese valor hasta que cumpla con otro fotograma clave. Vamos por aquí despacio y veamos qué está pasando. Estamos relajándonos de este fotograma clave aquí, estamos avanzando, golpeamos este fotograma clave aquí y debido a la retención, sólo vamos a mantener ese valor. Ya ves que no se mueve. Mira lo que sucede cuando golpeamos este próximo fotograma clave. Boom. Se salta a ese siguiente valor porque básicamente lo que dice la retención es no cambies el valor hasta que veas otro fotograma clave y luego hagas lo que ese fotograma clave te diga que hagas. En este caso, nos está diciendo que estemos aquí de este lado del marco. Eso obviamente no es lo que queremos aquí. Queremos que haga una pausa y luego vuelva a empezar. Hagamos un segundo fotograma clave después de nuestra pausa. Aquí estamos animando a lo largo, nos detenemos y sostenemos. Vamos a avanzar unos fotogramas. Añadamos otro fotograma clave una vez más capturando este valor que llevamos sosteniendo desde este fotograma clave aquí. Voy a seguir adelante y presionar un botón de agregar fotograma clave. Observe que tiene el mismo valor numérico que el fotograma clave anterior. Una vez más, obtenemos ese tipo de forma divertida de reloj de arena. Solo para mantener las cosas claras y sencillas, comando-clic en eso para convertir eso de nuevo en un diamante. Echemos un vistazo a lo que está pasando. Nos estamos moviendo fuera de este fotograma clave, nos movemos, golpeamos la retención, y nos mantenemos hasta golpear este fotograma clave, que tiene el mismo valor que este fotograma clave. Entonces empezamos a movernos de nuevo. Avanzamos hasta el último fotograma clave. Echemos una vista previa de esto en RAM. Tenemos nuestra pequeña parada y nuestra pequeña pausa pero notamos que el movimiento está zancado, y eso es porque no tenemos facilidad aquí relajándonos en este fotograma clave y no tenemos facilidad aquí afuera, relajándonos de este fotograma clave. Asumamos esos y suavizemos esto. Voy a hacer clic derecho, recuerda que nos estamos relajando en un fotograma clave, así que asistente de fotogramas clave, fácil facilidad de entrada y luego vamos a seleccionar este fotograma clave. Nos estamos relajando fuera de un fotograma clave, así que vamos a facilitar la salida y ahora, noten que hemos añadido la poca facilidad de entrada, la pequeña c hacia atrás aquí en este fotograma clave, pero todavía tenemos la caja del otro lado. En otras palabras, nos estamos relajando y después nos mantenemos en la salida, luego nos estamos sosteniendo, y luego cuando golpeamos este fotograma clave nos estamos relajando de este fotograma clave a nuestro último fotograma clave. Echemos una vista previa de eso en RAM. Ahí vamos. Ahora se ve mucho más natural con esos alivios. Boo-boo. Tenemos nuestra agradable pausa en medio de nuestra moción. Un hábito que recomiendo con bastante fuerza es poner siempre una bodega al final de una secuencia de animación si no hay nada más que vaya a pasar por un tiempo en la línea de tiempo a esta capa, o nada va a pasar en absoluto, pero sobre todo si no va a pasar nada por un tiempo. Es una muy buena idea seguir adelante y mantener el último fotograma de tu pequeña secuencia. Eso significa que cuando estás listo para empezar a moverte de nuevo, estás empezando limpio y no tendrás ninguna deriva o movimiento que no planees en tu animación. Añadamos una bodega aquí. Te voy a mostrar un comando de teclado para agregar la retención. lugar de hacer el clic derecho y mantener pulsada, en su lugar, voy a mando-opción-clic, y eso va a agregar la retención al final. Puedo comando-opción-clic de nuevo para eliminarlo. No te dejes arrojar por este divertido círculo que hemos creado. Hablaremos más de este tipo de fotogramas clave más adelante. Solo quería mostrarte cómo podrías agregar y quitar una retención. Sigamos adelante y agreguemos la retención de nuevo. Vamos a asegurarnos de que tenemos la facilidad de entrada fácil, así que vamos a volver a elegir la facilidad de entrada fácil. Podríamos haber perdido eso cuando alteramos ese fotograma clave. Normalmente es una buena idea asegurarse de que tienes lo que quieres en ese fotograma clave. After Effects muy a menudo intenta adivinar lo que quieres hacer, lo cual a veces es muy útil y a veces realmente no es útil en absoluto. Hemos animado nuestro valor de posición aquí. Ten en cuenta que podemos animar otras propiedades de la misma manera. Vamos, por ejemplo, a añadir un poco de animación de rotación. Voy a encontrar por dónde quiero que empiece mi animación. A lo mejor un poco después de que empiezo a moverme, tal vez un poco antes, no importa. Podemos empezar justo en el mismo lugar. Voy a empezar un poco después. Demos click en el cronómetro para habilitar la animación. Ahí tengo mi primer fotograma clave. Vamos a seguir adelante. A lo mejor no del todo hasta el final, no importa. Podrás jugar con el tiempo más adelante si quieres. Solo agreguemos una sola rotación. Sólo voy a dar clic y escribir uno. Estoy haciendo una rotación completa, 360 grados de un fotograma clave a otro. Se ve así. Observe que hace una pausa en posición, pero no pausa la rotación. Esto va a parecer un poco gracioso, pero está bien. Añadamos también alivios en esto. Voy a hacer clic derecho fácil facilidad fuera del primer fotograma clave, haga clic derecho fácil facilidad en el segundo fotograma clave. Vamos a comando-opción-click para agregar un poco de sujeción al final solo para meternos en ese buen hábito. Ahí vamos. Mirar divertido por esa pausa en el medio pero ahora tenemos animación en dos propiedades y podemos añadir una animación a escala. Vamos a crear una animación a escala. Haga clic en el cronómetro, vaya en parte. En realidad vayamos más lejos. Yo sólo voy a hacer un lío aquí. Vamos a escalarlo hacia arriba. Vamos a relajarnos. Vamos a relajarnos. La mayoría de las veces vas a querer tanto relajarte como relajarte. Alternemos una espera al final. Ahí vamos a tener una animación loca. Ahí vamos. Ahora tenemos todas esas propiedades animadas y podemos animar más. Cuando estás empezando, no te recomiendo animar el punto de anclaje. Está disponible para ser animado y en casos extremos hay razones para hacerlo. Seré honesto contigo, en todos los años que he sido animador, probablemente ha sido una vez que he animado el punto de anclaje en todos mis años de trabajo con After Effects, es muy raro. Por lo general lo vas a configurar y olvidarlo en la mayoría de los casos pero la posición, la escala, la rotación y la capacidad todos se pueden animar como quieras. Este procedimiento de animación es el mismo para todas estas propiedades. Es lo mismo para cualquier propiedad animable en After Effects. 14. Edición de rutos de movimiento: Ahora que hemos aprendido los fundamentos de la animación de encuadre clave, echemos un vistazo más profundo a manipular la trayectoria de movimiento de una animación de posición. Entonces, empecemos por deshacernos de algunos de estos fotogramas clave que creamos. Ahora si quieres eliminar la animación por completo de una propiedad, lo que vamos a hacer es escala y rotación. Simplemente puedes hacer clic en el cronómetro y eliminará todos tus fotogramas clave y animación de esa capa. Por lo que quieres tener mucho cuidado de hacer eso. Porque si has creado toneladas y toneladas de hermosa animación y de repente golpeas ese cronómetro, toda esa animación se va a ir y puedes querer deshacer rápido para recuperar eso. Pero en este caso, no necesitamos esta animación de escala ni esta animación de rotación por lo que podemos simplemente deshacernos de ella. También ten en cuenta que al quitar la animación, va a volver a cualquier valor que veamos en el CTI. Entonces si tuviera que hacer clic en esto ahora, capturaría este valor. Pero quiero tanto la escala como la rotación en sus valores neutros 100 y cero. Entonces voy a asegurarme de que mi CTI esté mostrando esos, y luego voy a hacer clic en el cronómetro y se pueden ver todos los fotogramas clave desaparecen. Haré lo mismo con la rotación, todos los fotogramas clave desaparecen. Entonces también eliminemos nuestra pequeña pausa en medio de esta animación, para que podamos empezar con solo un movimiento de posición recta a través de la pantalla. Entonces voy a hacer clic y arrastrar un cajita alrededor de esos dos fotogramas clave, presionar la tecla delete, y hacer que esos desaparezcan. Ahora miramos antes esta línea azul que es nuestra trayectoria de movimiento moviéndose a través de la pantalla, mostrándonos el camino de movimiento de la plaza. Obviamente en este momento es sólo una línea recta ya que sólo nos estamos moviendo en el valor x de una posición a la otra. Pero veamos algunas formas en las que podemos manipular esta trayectoria de movimiento y crear algunos tipos diferentes de movimiento. Una de las cosas simples que podemos hacer es cambiar el valor en cada fotograma clave. Ya hemos mirado cómo podemos hacer eso para cambiar la velocidad o velocidad moviendo una distancia mayor o una distancia más corta. Pero lo hicimos todo en x. También podemos hacerlo en y. así que puedo hacerlo cambiando el valor cuando mi CTI está sentado en ese marco clave. Puedo cambiar el valor digamos moverlo en y, o puedo hacer clic en la capa y mover eso en y. pero también puedo simplemente hacer clic en el pequeño punto de anclaje de fotograma clave justo en la ventana de composición. De esta manera, solo puedo hacer clic en eso y puedo mover eso y se encaja como cualquier otra cosa. Por lo que puedo elegir donde quiero que esto se detenga y comience con solo hacer clic en los puntos de inicio y final. Podemos hacer esto con cualquiera de los dos. Entonces puedo poner mi CTI en el medio aquí y puedo mover este alrededor y puedo mover éste alrededor, puedo hacer que se mueva en diferentes ángulos. Ahora si quiero agregar un cambio de dirección, voy a necesitar añadir otro fotograma clave. Ahora como miramos, podemos agregar un fotograma clave haciendo clic en el botón Agregar o quitar fotograma clave. Pero también podemos hacerlo si recuerdas, simplemente cambiando el valor con el CTI en un punto diferente en el tiempo. Eso también va por estar entre otros dos fotogramas clave. Para que pueda poner mi CTI entre estos otros fotogramas clave. Puedo cambiar un valor ya sea haciendo clic y arrastrando los valores aquí en la línea de tiempo, o puedo simplemente hacer clic y arrastrar en la capa y agregar un fotograma clave de esa manera simplemente cambiando ese valor. Es igual que estábamos creando la animación original y movemos el CTI cambió un valor. Sólo estaban moviendo el CTI y cambiando un valor, simplemente sucede que está entre dos fotogramas clave. Ahora de nuevo, puedo hacer click y arrastrar sobre estos puntos y puedo dar forma a este camino de la manera que quiera. Ahora, seguro que estás diciendo, bueno, ¿qué tal un camino curvo? Bueno, podemos convertirlo en un camino curvo también. Entonces para que sea un camino curvo, aquí vamos a utilizar nuestra herramienta de selección regular, y vamos a mantener presionadas las teclas “Comando” y “Opción”. Una vez que esas dos teclas estén sostenidas, voy a pasar el cursor sobre este “Keyframe” central aquí, y voy a dar click, y me va a dar dos asas Bezier. Al principio sólo van a aparecer como puntos, nunca he entendido realmente por qué es eso. Porque en cuanto hago click en uno de los puntos para manipularlo, obtengo la barra Bezier completa en el medio. Aquellos de ustedes que están acostumbrados al dibujo vectorial, sin duda reconocerán los mangos Bezier. Pero esto me hace posible dar forma a la curva, sin embargo quiero dar forma a la curva. Ahora también puedo quitar esa curva, de la misma manera. “ Command”, “Option”, click, eliminará la curva y nos volverá a dar ese ángulo agudo. También puedo agregar Beziers al principio y al final de la misma manera. Voy a tener un solo mango de Beziers, “Comando”, “Opción” click, y eso me va a dar un pequeño mango ahí que pueda manipular. “ Comando”, “Opción” click, y desaparecerá. Ahora, en este punto me gustaría simplemente hacer una pausa por un segundo y recordarles la preferencia que establecemos en el inicio de esta clase. Ahí está, por defecto interpolación espacial a lineal. Ahora lo que eso significa es que cuando estamos manipulando una trayectoria de movimiento, va a por defecto a una interpolación espacial lineal lo que significa que va a por defecto a un ángulo agudo sin una curva sobre ella. Ahora si dejas esto sin marcar, cuanto manipules una trayectoria de movimiento, automáticamente agregará manejadores de Bezier a los puntos a lo largo de la trayectoria. Ahora personalmente encuentro esto realmente irritante porque no quiero maneja Bezier en cualquier lugar que no elijo ponerlas, y prefiero agregarlas si las necesito antes que tener que quitárselas si no las necesito. Ahora de nuevo eso es mucho una preferencia personal y puede que decidas hacer lo contrario. Pero también evita una situación pegajosa que a veces puede surgir cuando tienes dos fotogramas clave en la misma posición. En ocasiones lo que sucederá es que obtendrás un asa de Bezier auto que sobresaldrá y creará un pequeño bucle hacia adelante y hacia atrás y creará un poco de bamboleo en tu movimiento. He trabajado con muchos y muchos estudiantes a lo largo de los años, y ese pequeño problema los ha plagado una y otra vez. Donde vienen a mí y me dicen: “¿por qué se mueve esto cuando no quería que se mueva?” Es porque esto no fue revisado y las secuelas decidieron, oye, quieres un mango Bezier aquí y no querían un mango Bezier ahí y fue muy frustrante. Por lo que siempre empiezo alumnos con esto comprobado, para que evites que aparezcan asas Bezier donde no elijas ponerlas. Ahora de nuevo, a medida que te pones más cómodo con las secuelas, si decides que quieres desmarcar eso y quieres dejar secuelas pongan asas de Bezier en todas partes que quiera, adelante y hazlo pero personalmente encuentro esto un mucho más clara y eficiente de trabajar. Te pones los marcos clave donde los quieres, añades los mangos Bezier donde los quieres, y solo tienes un poco más de control sobre ello de nuevo en mi opinión. Pero por eso les hice revisar eso al principio. Ahora volvamos atrás y añadamos un poco de curvatura divertida a aquí y te voy a mostrar un último truco divertido aquí para trabajar con trayectorias de movimiento y eso es orientar a camino. Entonces empecemos dándonos un camino divertido al que orientarnos. Entonces voy a “Comando”, “Opción” dar click en nuestro primer punto allá, y luego voy a “Comando”, “Opción” haga clic aquí abajo. Simplemente crearemos un divertido camino curvilíneo, “Comando”, “Opción” click. Vamos a darle forma a eso un poco para darle un poco más de curvatura a eso. Algo así. De acuerdo, echemos un vistazo a ese movimiento. Muy bien, diversión. En realidad me molesta que esto esté golpeando abajo en la parte inferior del marco aquí. Entonces voy a saltar de nuevo a ese marco clave, esto sólo vamos a mover eso de abajo un poco. Ahí vamos. No me gustan esas tangentes en el borde del marco. De acuerdo, y ahora imaginemos que la plaza es como un auto en una montaña rusa y queremos que oriente o gire junto con las curvas del camino. Ahora podría hacer eso tratando de animar esa rotación a medida que sube y sobrepasa esa curva. Pero eso sería mucho trabajo y hay una forma mucho más fácil de hacerlo. Entonces en cambio, lo que voy a hacer es que voy a dar click derecho en la capa. Voy a ir a transformar y voy a elegir auto oriente. Entonces consigo este pequeño cuadro de diálogo y puedo elegir girar la orientación automática por un camino ahí mismo. Entonces note cómo mi cuadrado se ajusta automáticamente al ángulo del camino ahí. Entonces observa a medida que se mueve sobre el camino, se orienta automáticamente a ese camino. Bastante cool y ahorra mucho trabajo y tiempo. Está bien. Hemos cubierto todos los conceptos básicos de animar en secuelas. Hemos aprendido a hacer fotogramas clave, a ajustar la velocidad, a agregar alivios y retenciones, a manipular una trayectoria de movimiento, y ahora realmente tienes todas las herramientas que necesitas para crear animaciones simples. Por lo que estamos casi listos para empezar a construir nuestra animación de diseño de tambor. Lo siguiente que vamos a hacer es mirar traer audio y prepararnos para cantar a la pista. 15. Importación de audio: Ahora estamos listos para empezar a construir nuestra animación de diseño de tambor. Entonces, en realidad eliminemos aquí nuestra capa Shape, ya no necesitamos esto. El primero que queremos hacer es meter algo de audio en esta composición ya que vamos a estar animando a una pista de audio. En realidad ya tengo la pista de audio aquí importada. Pero solo para guiarte por el proceso, sigamos adelante e importemos una copia de esto. Tenemos una copia de este archivo wave, solo para poder experimentar la importación de un archivo al proyecto. Hay un par de formas en las que podemos hacer esto. Si entramos en la ventana del proyecto y entramos en este espacio en blanco aquí, puedo hacer clic derecho y puedo elegir archivo de importación esa es una forma en que podemos hacer esto. Te darás cuenta también puedo usar el comando de teclas, Comando I. O bien, haga clic derecho importar archivo o Comando I, Vamos adelante y comprobemos que queremos navegar a nuestra carpeta de proyectos, a nuestra carpeta de material de archivo y queremos elegir clase 1 beat versión 1. Nuevamente, esto es sólo una copia de éste para que podamos aprender este proceso. Por lo que vamos a seguir adelante y seleccionar clase venció 1. Daremos clic en “Abrir” y verás ahora ese archivo ha sido agregado a nuestra ventana de proyecto y podemos trabajar con él en After Effects. Ahora queremos agregar ese archivo de onda a nuestra composición, a nuestra línea de tiempo aquí. Por lo que solo vamos a hacer clic y arrastrarlo y soltarlo directamente hacia abajo en este área de pila de capas de la ventana de la línea de tiempo para añadirlo a la línea de tiempo. Vamos a estar hundiendo nuestra animación a esta pista de audio. Por lo que será realmente útil si podemos ver la visualización de la forma de onda del audio. Para poder hacer eso en After Effects, primero vamos a dar clic en el pequeño botón de tabulador aquí para abrir esa capa, verás que solo hay una opción aquí, el audio. Adelante y da click en la pestaña para abrir esa opción, audio y verás que tienes la opción de animar nivel de audio para que puedas animar, fade ins, fade outs, cambios en el volumen del audio y debajo de que tenemos forma de onda. Entonces puedo tabular eso abierto, ahora en realidad podemos ver la forma de onda de la pista representada. Eso hará que sea mucho más fácil para nosotros sincronizar con esta pista. 16. Audio de sincronización para Sinc: Si lo piensas, cuando estás experimentando la mayoría de los medios, películas, televisión, videojuegos, diseño de movimiento o animación, el audio es la mitad de la experiencia. audio impulsa la emoción y el estado de ánimo ayuda a comunicar historias e ideas, da una sensación de realismo y lugar. Es simplemente increíblemente importante. En general, las audiencias anhelan la sincronización entre el audio y el video. Anhelan esa estrecha relación entre lo que están viendo y lo que están escuchando, porque eso es lo que experimentan en la vida real. Sincronizar movimiento con efectos de sonido y o música, y en particular, cuando estás trabajando con música, sincronizar esos movimientos muy de cerca con los ritmos y acentos de esa música es una habilidad muy fundamental e importante para cualquier movimiento diseñador o animador, y realmente hará que tu trabajo cobrara vida. Ahora, con el fin de crear nuestra animación que se sincronice con esta pista, necesitamos hacer lo que a menudo se llama tiempo fuera de la pista. En otras palabras, averiguar dónde están nuestros ritmos y acentos para que podamos estructurar nuestra animación alrededor de eso. Empecemos por sólo ver cómo podemos escuchar el tema porque vamos a necesitar escucharlo en parte. Hemos mirado cómo podemos abrir la forma de onda para poder visualizarla. Esa va a ser una parte muy importante también. Pero queremos poder escucharlo ya que estamos viendo esta visualización para entender lo que estamos viendo aquí. Para simplemente reproducir la pista, podemos hacer una simple vista previa de ram y simplemente golpear esa barra espaciadora. Se puede ver que podemos escuchar el bajo y la caja y el contrabajo patada. Podemos ver la pequeña caja rodar aquí, podemos ver eso y estos picos aquí. Podemos ver con bastante claridad cómo se conecta la visualización de la forma de onda con la pista. Ahora, también podríamos necesitar fregar de ida y vuelta para encontrar puntos de sumidero específicos. Realmente no vamos a tener que hacer eso demasiado con esta pista porque es una pista limpia tan bonita y simple donde podemos ver el beat realmente claramente. Pero si estás trabajando con una pista que es muy densa y ruidosa, particularmente con muchas guitarras distorsionadas o sintetizador distorsionado, no verás estos bonitos picos crujientes en la forma de onda. A veces solo verás un gran bloque difuso de sonido y será difícil elegir visualmente dónde están los ritmos. En ese caso, vas a querer poder fregar para encontrar esos beats y acentos. Te darás cuenta si solo muevo mi CTI sobre el audio ahora mismo, no escucho nada. Para poder fregar audio en after effects con el CTI, lo que tengo que hacer es mantener presionada la tecla de comando. En cuanto mantenga presionada la tecla de comando, ahora, puedo fregar. Ahí puedo encontrar sonidos, como si hubiera ese lazo, boom, ahí mismo, boom. Ahí está ese bombo, boom, ahí mismo. Puedo encontrar esos momentos en el sonido, particularmente si el sonido es muy denso y no puedo elegirlo limpiamente con la forma de onda. Ahora, lo que queremos hacer aquí inicialmente es simplemente trabajar nuestro ritmo básico, nuestro ritmo básico. La mayor parte de nuestra animación se va a estructurar en torno a ese ritmo básico. Un poco más tarde veremos cómo podemos descifrar algunos de los elementos más sutiles de la pista. Pero por ahora, sólo vamos a conseguir el downbeat básico. No queremos tener que recordar sólo dónde están los marcos, dónde caen estos beats. Entonces vamos a ver la creación de marcadores. Ahora, hay dos tipos de marcadores dentro y después de efectos. Ahí hay marcadores de composición y marcadores de capa. Vamos a estar mirando los marcadores de capas, que encuentro que son mucho más útiles para este tipo de trabajos que los marcadores de composición. Nuestro track comienza justo al principio aquí con este primer kick drum justo aquí, marcará eso en un minuto. Pero sólo para que podamos verlo un poco más claramente, empecemos marcando esta primera traba. Ese primer lazo es uno de nuestros primeros latidos principales aquí. Si escuchamos un poco la pista y podemos contar estos beats out. Voy a dejarlo bucle y los voy a contar. 1,2,3,4, 1,2,3,4, 1. Esos son una especie de los latidos principales que queremos bloquear solo para conseguir aquí nuestra estructura básica. Ese tambor de caja es el número 2. Fui 1,2. Ya que tenemos esta bonita forma de onda clara, podemos simplemente poner nuestro CTI justo en ese pico de esa caja. Ahora, ten en cuenta que tal vez no estoy exactamente en ese pico, pero el siguiente fotograma sobre lo estoy un poco pasado y un fotograma atrás estoy bastante antes. Entiende que los beats o acentos con los que te estás sincronizando no siempre van a corresponder perfectamente a dónde están tus fotogramas. A veces un acento podría estar entre dos cuadros. Generalmente, se quiere ventilar por el lado de anticipar un poco el sonido así que se quiere ir al marco justo antes. En la mayoría de los casos, depende, pero en la mayoría de los casos eso va a funcionar. Pongamos ahí nuestro CTI y asegurémonos de que tenemos esa capa seleccionada. Vamos a tocar nuestro teclado numérico, la tecla Asterisco. Eso nos va a hacer una marca. Ahora bien, si estás trabajando en un teclado que no tiene teclado numérico, también puedes usar Ctrl A, y yo lo haré aquí para este primero. Ctrl 8 también te dará un marcador en una capa. Simplemente también notaré que he trabajado con algunos estudiantes donde el Control 8 no funcionó para ellos en sus laptops de PC. Creo que en algunas computadoras portátiles de PC, vas a querer usar Fn P en lugar de Ctrl 8. No he hecho pruebas extensas al respecto, pero eso me lo reportaron unos cuantos estudiantes que trabajaban con computadoras portátiles de PC. El Asterisco en el teclado numérico, Ctrl 8 en el teclado principal, o si estás en una laptop de PC y esos no funcionan, puedes probar Fn P para crear un marcador en una capa. Ahora, también hay un menú abatible para esto. Si subes por debajo de Capa, Agregar Marcador ahí puedes ver el Ctrl ocho, puedes hacerlo. Pero por supuesto, los comandos de teclado son siempre una forma mejor y más eficiente y más profesional de trabajar. Tenemos nuestros dos primeros beats aquí, tenemos dos tambores de patada justo aquí pero no quiero marcar este primero porque es un pequeño doble clic. El segundo es probablemente donde está nuestro ritmo. Pero volvamos a eso, una vez que hayamos establecido un poco más de un patrón, a veces esa es una buena manera de trabajar. Vayamos a esta siguiente traba que sabemos es parte de ese ritmo. Por lo que 1,2,3,4. Sabemos que el kick drum es definitivamente parte de nuestro principal downbeat aquí. Entonces voy a poner mi CTI ahí mismo y voy a hacer un asterisco, y voy a golpear esa siguiente trampa también. Aquí vamos a trabajar un poco al revés. Por lo que 1,2,3,4,1,2. El número 2 aquí, esa es esta otra bonita caja clara batida ahí. Observe que estamos viendo un patrón aquí, que estoy en 0 segundos y 12 fotogramas, ahora, estoy a 1 segundo y 12 fotogramas, ahora, estoy a 2 segundos y 12 fotogramas. Se puede ver que nuestro ritmo está bloqueado bastante cerca de nuestra estructura de 24 cuadros por segundo. Eso no fue por accidente. Planeo que cuando creé este beat para la lección y definitivamente va a hacer las cosas un poco más fáciles para nosotros. Ten en cuenta que la mayoría de las veces cuando estás trabajando con música, los músicos no habrán sido tan reflexivos como para planear su música para tu velocidad de fotogramas. Pero este método sigue siendo el método básico que vas a querer usar para elaborar la estructura de tu beat. Podemos descifrar aquí desde 0-12 y luego vamos desde 12 de segundo más. Básicamente tenemos nuestros downbeats cada 12 fotogramas. Yo solo puedo ir adelante a un segundo aquí y ya ves que estoy un poquito de ese segundo tambor de patada, pero bastante cerca. Agarramos ese beat ahí y luego justo en medio de esos dos beats de aquí otra vez, cada 12 cuadros, tenemos un beat. Este beat aquí es nuestro último hit mientras terminamos la pieza. Vamos a ver cómo funciona eso. Por lo que 1,2,3,4, 1,2,3,4, 1. Tenemos nuestra estructura básica aquí, y tenemos estos lindos marcadores pequeños para conectarnos con eso fácilmente. Ahora, una de las cosas útiles de estos marcadores, es que responderán a un gran conjunto de comandos de teclas, que te voy a enseñar en este momento, que funcionan tanto con marcadores como con fotogramas clave. Eso lo veremos un poco más tarde. Ellos son las llaves J y K. Ahora que tenemos estos marcadores que marcan dónde están nuestros beats básicos, si ahora, aprecio el botón J, noto que mi CTI salta derecho a esa posición de marcador. Lo que significa que podría entonces agregar un fotograma clave o comenzar a construir alguna animación a su alrededor. Si golpeo la tecla K, voy hacia adelante en esos marcadores. Por lo que J atrás, K adelante. Ahora, las teclas J y K se detendrán en marcadores de capa también se detendrán en fotogramas clave visibles en una capa. Esta es una forma muy útil de navegar por un proyecto. Recuerda, miramos los pequeños botones de navegación de fotograma clave sobre el costado de las propiedades que estaban animadas. Estas teclas J y K son simplemente una forma más eficiente de hacer lo mismo. Debido a que también se detendrán en los marcadores de capa, son una forma realmente eficiente de navegar por tu composición. Ahora, que tenemos nuestra pista básicamente agotado el tiempo de espera, estamos listos para empezar a construir alguna animación. 17. Animación de la Plaza: Muy bien, echemos un vistazo rápido a nuestro proyecto de diseño de tambor terminado y solo recordemos lo que estamos construyendo aquí. El primero que animaremos es este pequeño patinaje cuadrado rojo por la parte superior de la pantalla que está cronometrado al hi-hat de nuestro kit de tambor. Sólo para hacer las cosas un poco más fáciles, he creado esta capa guía aquí mismo, vamos a encender la visibilidad de esta capa haciendo clic en este pequeño interruptor de globo ocular justo aquí. Esto es igual que el interruptor del globo ocular en Illustrator y Photoshop que enciende y apaga la visibilidad de las capas. Esta capa guía sólo nos ayudará a diseñar las cosas un poco más rápidamente a medida que juntamos esta animación. Vamos a seguir adelante y seleccionar esa capa y luego vamos a presionar “Comando C” en el teclado para copiar esa capa. Hagamos click en nuestra “Nueva composición” y Command V para pegar esa capa guía en su lugar. Tenga en cuenta que esta capa guía es una capa de forma formada por múltiples formas y está configurada para ser una capa guía ver este pequeño símbolo justo ahí? Ese es el símbolo de una capa guía, lo que eso significa es que aunque la visibilidad de la capa esté activada, esta capa nunca se renderizará cuando hagamos un render final. Puedes hacer de una capa una capa guía haciendo clic derecho sobre ella y activando la Capa guía, pero es importante tener en cuenta que con esa capa guía activada, esto no se renderizará, por lo que quieres tener cuidado de no alternar accidentalmente las capas que sí quieres renderizar cuando haces tu película final. Ahora bien, no queremos editar esto ni mover esto de ninguna manera porque nos está dando la posición de todos los objetos que queremos crear un animate aquí. Voy a revisar esta casita de aquí. Esta es la columna de bloqueo y cuando hago clic en eso, ahora no puedo seleccionar esta capa, lo que significa que tampoco la puedo mover en la pantalla accidentalmente. No olvides seguir guardando tu proyecto mientras trabajas. Ahora sigamos adelante y creemos nuestra plaza roja. Vamos a agarrar nuestra herramienta Forma, nuestra herramienta de rectángulo, vamos a asegurarnos de que nuestro Stroke esté apagado, y vamos a seleccionar nuestro color de relleno. De nuevo, puedes elegir el color que quieras o puedes agarrar el cuentagotas de ojos y elegir el rojo que ya he creado y dar clic en “Ok” y luego vamos a seguir adelante y dibujar ese pequeño cuadrado arriba en esa primera caja guía. Vamos a estar haciendo un montón de capas aquí, así que queremos mantenernos organizados. Es muy importante mantenerte organizado con tu trabajo, una de las formas en que haremos eso es nombrando a nuestra capa y esto es muy fácil de hacer. Selecciono la capa, presiono la “tecla Return” y luego puedo escribir cualquier nombre que quiera, así que voy a escribir en Plaza Roja y luego presionar la tecla “Enter” para establecer eso. La otra cosa que voy a hacer es que voy a codificar por color mis capas. Tenga en cuenta que la capa guía de forma de fondo es morada porque estos son morados. Este cuadrado rojo, sigamos adelante y hagamos de esta capa roja para ayudarnos a recordar qué es esto. Voy a dar click en esta casita de aquí, y ya verás tengo la opción de cambiar el color de la capa. Voy a hacer que este Rojo se corresponda con mi pequeño cuadrado rojo. Este es un proyecto muy sencillo, así que estoy usando una forma bastante simplista de codificación de colores, Capa roja cuadrada, Formas moradas Capa púrpura. Pero cuando te metes en proyectos más complejos, esta codificación de color puede ser muy útil y puedes usarlo de cualquier manera que quieras para ayudarte a organizar tu proyecto. Por ejemplo, si tienes un grupo de capas que son todas parte de una pieza en particular de tu animación, puedes establecerlas para que sean todas de un solo color, o puedes asignar ciertos colores para ciertos tipos de capas. El importante es mantenerse organizado. El cuidadoso nombramiento de las capas y la codificación de colores de las capas realmente ayudarán con esta organización, y hará que tus proyectos más complicados sean mucho más fáciles de navegar. Esto es particularmente importante si estás colaborando con otra persona o si estás trabajando con un cliente que puede requerir cambios. Ahora una vez más, como recordamos de nuestra lección de Capa de Forma, nuestro punto de anclaje está fallando hacia el centro. Aquí queremos el punto de anclaje en el centro de nuestra plaza. Entonces vamos a agarrar nuestra sartén detrás de la herramienta, y agarraremos nuestro punto de anclaje y lo haremos al centro de nuestra plaza. Escuchemos nuevamente nuestra pista e intentemos prestar atención al sonido de hi-hat. El hi-hat va doble tiempo, 1,2,3,4; 1,2,3,4; 1,2,3,4. Se va el doble tiempo aquí con nuestro beat principal. Para facilitar las cosas, agreguemos algunos marcadores aquí a nuestra pista de audio, y vamos a duplicar un poco estos. Aquí tenemos 12 cuadros entre el primer beat y el segundo beat. Seis marcos va a estar justo en medio. Ahora puedo visualizar eso más o menos. Puedo ver más o menos dónde está ese centro, pero te mostraré otro lindo truco aquí. Si vuelvo a poner mi CTI a cero. ¿ Recuerdas cómo podríamos hacer matemáticas simples con nuestras propiedades de capa? Podemos hacer matemáticas simples aquí también con nuestra visualización de código de tiempo, si hago clic aquí y tecleo más seis, va a saltar seis fotogramas hacia adelante. Nuevamente pude visualizar esto. Pero eso es realmente útil si necesitas ir a una distancia precisa en el tiempo y tienes un proyecto más largo y es un poco difícil de visualizar justo donde está eso. Voy a seguir adelante y hacer ese marcador ahí, ahora para hacer los marcadores adicionales, puedo usar la misma técnica. Ahora puedo saltar 12 fotogramas ya que me estoy saltando el marcador aquí, así que haz clic aquí más 12, y me saltará 12 fotogramas y puedo hacer ese marcador. Ahora hemos duplicado nuestros ritmos ahí en esa capa. Ahora solo una nota rápida, ese es un truco muy bonito, pero siempre va a funcionar con marcos si solo tecleas un solo número. Si quieres saltar segundos o incluso minutos, necesitas poner periodos para separar minutos, segundos fotograma. Por ejemplo, digamos que queríamos saltar dos segundos hacia adelante. Doy click en el cuadro y tecleo dos puntos o dos periodos. Eso dice después de efectos que quiero ir no dos fotogramas, sino dos segundos. Si quisiera ir dos minutos, teclearía 2.0. y eso me llevaría dos minutos adelante. Se aplica la misma regla para ir hacia atrás, donde hay que escribir más primero y luego menos antes de regresar. Si quería retroceder 12 fotogramas, haga clic más menos 12, y luego salto hacia atrás 12 fotogramas. De lo contrario, en realidad pondré mi CTI en tiempo negativo y el CTI parecerá desaparecer. No entres en pánico si eso sucede. Simplemente puedes volver a escribir cualquier valor positivo y el CTI volverá a aparecer en tu línea de tiempo. Nuestro pequeño cuadrado rojo está listo para ser animado. Se va a arrancar fuera de pantalla y luego pop pantalla y luego se va a patinar en cada uno de nuestros beats. Volvamos a poner nuestro CTI en el cuadro 0 aquí. Seleccionemos nuestro cuadrado rojo. Agarremos la herramienta de selección y vamos a deslizar esto fuera de marco. Una de las cosas bonitas de usar el chasquido de cuadrícula es que a pesar de que no podemos ver una cuadrícula aquí fuera del marco, todavía nos permitirá encajar a esta cuadrícula invisible de este marco. Dice si la grilla simplemente continúa en todas direcciones. Voy a mover nuestra casita. Voy a sacarlo del marco con un cuadrado completo en el medio, igual que tenemos entre estos pequeños espacios aquí. Entonces no justo en el borde del marco, sino un clic aquí por lo que hay un tamaño cuadrado completo en el medio. Eso sólo hará que la velocidad de cada pequeño salto sea la misma que saltamos espacio al espacio. Vamos a crear aquí nuestros primeros marcos clave. Voy a cerrar la pestaña de contenidos en nuestro cuadrado rojo, y voy a abrir nuestra pestaña de transformación y vamos a golpear el cronómetro para enganchar la animación y crear nuestro primer fotograma clave ahí con el pequeño cuadrado de fotograma. Ahora este es nuestro primer beat, así que queríamos patinar hacia adelante en ese primer beat y luego vamos a tenerlo en su lugar un poco antes de que se motee hacia adelante en el siguiente beat. Cada uno de nuestros pequeños beats aquí es de seis cuadros. Vamos a scooch tres marcos a mitad de camino, tenerlo sostenga para tres marcos, scooch para tres marcos, sostenga para tres marcos. Eso nos dará esa sensación de sombrero alto, esa sensación de sombrero alto rápido, agudo y rápido. Adelante tres fotogramas y te enseñaré otro buen mando clave aquí. Comando y las teclas de flecha se motearán hacia adelante y hacia atrás en tu línea de tiempo. Desde el principio aquí iremos 1, 2, 3 y estamos justo en medio de estos dos marcadores. Recuerda cuando estamos creando animación, creamos el primer fotograma clave, movemos nuestro CTI y luego cambiamos el valor. En este caso, vamos a cambiar el valor haciendo click y deslizando ese pequeño cuadrado rosa hacia adelante hasta que esté en su primera posición. Ahora debido a que esta casita viene de fuera de la pantalla a la pantalla, no vamos a añadir una facilidad fácil a este fotograma clave. Ahora bien esta no es una regla dura y rápida, pero en la mayoría de los casos, cuando algo viene de fuera de pantalla a en pantalla, no vas a agregar una facilidad fácil a ese primer fotograma clave. El motivo de eso es que si pones una facilidad fácil cuando algo está fuera de pantalla, sentirás que se acelerará justo cuando entra en el marco y se sentirá pegajoso casi como si estuviera pegado al borde del marco. También a veces da la ilusión de que el objeto es consciente del borde del marco. Lo que quieres es que quieras que el objeto se sienta como si estuviera solo en movimiento y simplemente pasó a entrar a nuestro campo de visión. Ahora lo mismo es cierto de lo contrario. Si movemos algo de en pantalla a fuera de pantalla, tampoco querrás poner una facilidad fácil en el fotograma clave que está fuera de marco por la misma razón. No quieres que el objeto sienta que se está desacelerando, justo cuando llega al borde del marco. Hace que el borde del campo del marco sea pegajoso o hace que el objeto sienta que es consciente de que es el borde del marco casi como si fuera tímido, como si estuviera escabulliéndose. No vamos a poner que fácil está fuera en este primer fotograma clave pero vamos a poner una facilidad fácil en este segundo fotograma clave. Se facilita a esta primera posición en la pantalla. Vamos a hacer clic derecho y añadir una facilidad fácil en. También vamos a tener que aguantar por tres cuadros. Vamos a la opción de comando haga clic para activar nuestra bodega ahí mismo. Si ejecutamos la vista previa, [MUSIC] simplemente se encaja en el marco y se detiene, que es justo lo que queremos. Ahora volvamos a saltar a ese marco clave. Voy a usar las teclas J. Se va a parar en estos marcadores, pero también va a parar en ese fotograma clave. Ahora usemos la tecla K para saltar adelante al siguiente pequeño marcador que hay, que es donde vamos a querer que nuestra animación empiece de nuevo. Aquí en este fotograma vamos a seguir adelante y hacer clic en el botón Añadir fotograma clave para crear un nuevo fotograma clave. Ahora note que este nuevo fotograma clave es un poco cuadrado. Eso se debe a que tenía una retención colocada al final de este fotograma clave. Cuando tengas una retención en su lugar en un fotograma clave anterior, cada fotograma clave que crees después será automáticamente una retención completa. Eso significa que está aguantando entrar, está aguantando salir y obtendrás este pequeño ícono cuadrado. Vamos a querer devolver esto a un fotograma clave regular. Sólo voy a mantener presionada la tecla de comando y hacer clic y eso va a convertir esto de nuevo en un fotograma clave lineal, el icono de pequeño diamante. Ahora vamos a seguir adelante de nuevo tres fotogramas. Flecha de comando 1, 2 , 3, justo en el medio ahí. Recuerda de nuevo, solo queremos cambiar el valor. Una vez que hayamos hecho un fotograma clave, solo queremos cambiar el valor. Deslizemos la casita hacia adelante. Eso hará nuestro próximo fotograma clave. Ahora debido a que ambos fotogramas clave son visibles, es decir, está empezando y parando en pantalla aquí. Sí queremos añadir una facilidad fácil a partir de este primer fotograma clave y una facilidad fácil en este segundo fotograma clave. Entonces queremos agregar una retención al final. Opción de comando click. Agregará esa retención en el extremo. Ahora podemos repetir el proceso. Vamos a saltar adelante usando la tecla K al siguiente marcador, vamos a añadir un fotograma clave ahí en esa nueva posición, vamos adelante tres fotogramas, 1, 2, 3 vamos a cambiar el valor arrastrando hacia adelante y tenemos que mantener los fotogramas clave aquí. Voy a seleccionarlos juntos, mantenga presionada la tecla de comando y haga clic para convertirlos en fotogramas clave lineales. Después añadiremos una facilidad de salida fácil en la primera, y facilidad de entrada en la segunda y opción de comando haga clic para agregar o mantener pulsado. Solo vamos a ram previsualizar esto hasta ahora y solo a ver qué tenemos, [MÚSICA] tenemos nuestro lindo tiempo de animación scooching a ese sombrero alto. Tenemos que continuar esto a través de la pantalla. Haré una más aquí y luego aceleraré un poco el video solo porque esto se pondrá bastante repetitivo, bastante rápido. Voy a seguir adelante, añadir un nuevo marco clave. Adelante 1,2,3 fotogramas, desliza nuestro pequeño cuadrado a su siguiente posición, selecciona ambos fotogramas clave comando click para convertirlos en fotogramas clave lineales, agrega una facilidad fácil hacia fuera en el primero, una facilidad fácil en el segundo uno, opción de comando, click para hacer nuestro fotograma clave de retención. Voy a adelantar rápidamente por estos tres próximos movimientos aquí, pero voy a parar y vamos a mirar a este último scooch fuera del borde del cuadro. Entonces veremos cómo podemos repetir esta animación ya los pequeños cuadrados rojos empiezan de vuelta por el otro lado. Si bien estoy reenviando rápido aquí, siéntete libre de pausar el video para completar tu propia animación de la Plaza Roja, pero no olvides parar justo antes de que se salga de la pantalla en el otro lado. Ahora que voy a hacer el último scooch de la cuadrada off screen, recuerda que porque va de en pantalla a apagada, no vamos a poner una facilidad en ese segundo fotograma clave. Vamos a configurar eso. Saltaré hacia adelante con mi tecla K, haré clic en el botón Añadir fotograma clave, avanzaré tres fotogramas, y volveré a hacer clic y arrastrar esto fuera de la pantalla, quiero dejar un ancho cuadrado completo entre ahí, seleccionar las dos teclas marcos, cambiarlos a lineales, agregan una facilidad de salida fácil en el primero y sin facilidad en el segundo, pero vamos a añadir un marco clave de retención al final ahí. Echemos un vistazo a lo que tenemos. Tenemos nuestra bonita plaza de scooching ahí. Ahora, necesitamos que continúe ya que se sale de la pantalla de este lado, tiene que volver a la pantalla de este lado, pero no quiero tener que reanimar aquí toda otra plaza. Lo que vamos a hacer es simplemente duplicar esta capa. La duplicación es una herramienta muy potente y después de los efectos, se puede copiar y pegar, o duplicar casi cualquier cosa. En este caso, vamos a duplicar toda esta capa. Entonces con la capa seleccionada comando D para duplicar, y ahora tengo cuadrado rojo dos, after-effects convenientemente auto nombra eso para nosotros, y voy a alternar abrir los fotogramas clave ahí para poder verlos, y estoy va a hacer clic y arrastrar sobre la capa misma. Puedo hacer clic y arrastrar sobre una capa y mover una capa entera de ida y vuelta en el tiempo. Simplemente voy a deslizar toda la capa hacia adelante aquí, y voy a alinear los dos primeros fotogramas clave de la capa dos con los dos últimos fotogramas clave de la capa uno. Entonces a medida que una plaza se va fuera del marco, la siguiente plaza está llegando al marco del otro lado. Ahora lo último que tenemos que hacer es animar la última plaza cayendo con nuestro choque de símbolo al final. Vamos a escuchar eso sólo por el momento aquí. Ese choque de platillos ocurre aquí mismo a cuatro segundos cuando nuestra plaza está en su segunda a última posición. Lo que queremos hacer es que queremos cambiar este último fotograma clave. Yo sólo voy a borrar el viejo. Adelante y borremos ese viejo fotograma clave. Vamos a dejar la facilidad fácil fuera de este fotograma clave aunque porque queremos que se aliente a medida que se está cayendo. Objetos que están cayendo en el espacio casi siempre se van a aliviar. En otras palabras, van a acelerar lentamente a medida que la gravedad los tira hacia abajo. Entonces debido a que esta casita se está cayendo, se va a aliviar a medida que se cae. Adelante a cinco segundos. Hagamos que este otoño sea un segundo completo de largo. Así que voy a deslizar mi CTI hacia adelante a cinco segundos aquí, y ahora vamos a más que tener que patinar fuera de marco, ahora vamos a hacer clic y arrastrarlo directamente hacia abajo y fuera de marco en la parte inferior. Ahora, tenga en cuenta que debido a que nuestro primer fotograma clave aquí tenía una facilidad fuera en él, después de los efectos decidimos que queríamos un poco de facilidad en este fotograma clave también. Entonces verás que tenemos esta pequeña forma de reloj de arena y en realidad se puede ver el espaciado en los puntos cada vez más estrecho a medida que se baja hasta el fondo, y eso no queremos. Esto no sólo se va de marco, sino que también está cayendo. Por lo que debe acelerarse continuamente y no deberíamos ver que se ralentiza por el borde del marco en absoluto. Entonces vamos a querer cambiar este fotograma clave por comando, haciendo clic en él a un fotograma clave lineal. Ahora puedes ver en la trayectoria de movimiento cómo los puntos se ensanchan y se ensanchan a medida que se acelera al salir del marco. Echemos un vistazo a eso hasta ahora. Eso se ve bien a veces fuera agradable, pero se siente un poco mecánico. Realmente no se siente como si estuviera cayendo porque se está moviendo con tanta precisión. Vamos a agregarle un poco de rotación. Es perder el control y simplemente caer al espacio al final aquí. Voy a poner mi CTI aquí en cuatro segundos en ese primer fotograma clave para la posición para la caída y vamos a alternar la animación para nuestra propiedad de rotación. Eso nos va a dar nuestro primer fotograma clave ahí, y luego voy a usar la tecla K para saltar hacia adelante al siguiente fotograma clave de posición donde está fuera de fotograma aquí, y vamos a añadir una rotación de 90 grados. Va a rotar alrededor de un cuarto del camino. Voy a dar click en el valor de rotación, y voy a escribir 90 por 90 grados. Ahora la plaza no se movió porque 90 grados de supuesto sólo la pone en su otro borde, pero como nos fregamos, ya verás ahora efectivamente está girando. Pero también queremos que la rotación se aliente, al igual que queremos que la posición se aliente en este otoño. Entonces es perder el control aquí al final como ocurre ese último choque de platillos, y caer, y la posición se va a aliviar y la rotación se va a aliviar, por lo que nos da esa sensación de caer. Voy a seleccionar este primer fotograma clave, haga clic con el botón derecho, y vamos a añadir una facilidad fácil hacia fuera. Echemos un vistazo a la animación final. Genial. Eso se ve muy divertido. Estamos listos para pasar a nuestra siguiente forma. 18. Animación del círculo verde: Animemos el gran círculo verde a continuación, eso va a representar a nuestro bombo. Entonces para guardar un poco de espacio aquí, voy a cerrar estas capas y anular la selección haciendo clic aquí abajo y vamos a ir a agarrar nuestra herramienta de elipse. Voy a cambiar el color a nuestro color verde aquí y voy a hacer nuestro círculo verde. Ahora, sigamos adelante y nombremos esta capa y vamos a codificarla por colores. También lo movamos hacia abajo debajo de la plaza roja. Ahora el ritmo del bombo no es tan regular como el beat de sombrero alto, así que vamos a hacer algunos marcadores especiales para este bombo. Eso lo vamos a hacer sacando realmente el ritmo mientras lo escuchamos. Al estar en la memoria RAM previsualizando una pista con una capa seleccionada, puede tocar el asterisco o el control ocho teclas, y hará marcadores en tiempo real a medida que tocas. Esto puede ser realmente útil para encontrar ritmos especialmente más complejos en una pista de audio. Pero tenemos que ser un poco cautelosos sobre cómo usamos esto porque somos seres humanos y no robots. Escuchamos un sonido que entra en nuestro oído, en nuestro cerebro. Nuestro cerebro manda una señal por nuestro brazo y luego tocamos la llave. Casi siempre hay un retraso sustancial entre todo eso sucediendo, así que no va a ser súper, súper preciso, pero nos va a meter en la zona. Porque hemos elaborado los beats básicos ya con precisión real aquí abajo, podremos retocar lo que hacemos con el bombo mientras lo tocamos. Adelante y juguemos esto atrás y vamos a darle un toque al ritmo. Voy a dejar que se juegue una vez y luego lo tocaré. Golpeo esa paliza y me acerqué bastante. Pero puedes ver que me bajé un poco. De hecho, me retrasé bastante en estos, pero se puede ver donde estoy cerca con esas pestañas. Obviamente, hay un tambor de patada justo al principio ahí, no necesitaba marcar eso, eso es bastante obvio. Las marcas que hice tocando aquí, todo lo que tengo que hacer es simplemente hacer clic y arrastrar esos marcadores y puedo moverlos de nuevo a su posición. Simplemente pinchemos y arrastremos esos sobre esos spots para el kick drum y vamos a sumar uno más al principio aquí porque tenemos un kick drum justo al principio. Es una buena idea escuchar y ver tus marcadores a medida que pasa el CTI, asegurarnos de que seamos precisos. Olvidé el último obviamente hay un tambor de patada justo al final aquí y le pegamos a ese último choque de platillos, así que agreguemos uno justo ahí también. Ahora tenemos nuestros marcadores para nuestro círculo. Vamos a crear nuestra animación de círculo. Ahora, lo que queremos que haga el círculo es pulso para obtener esa sensación del bombo de patada, así que lo voy a hacer con propiedades de escala y opacidad. Vamos a crear nuestra primera animación justo al principio aquí. Vamos a empezar con el círculo en pantalla, ese beat está justo en el inicio mismo de la animación. Vamos a empezar con el círculo a tamaño completo y opacidad total justo al principio. Voy a tabular cerrado mi pestaña de contenidos. Tab abre mis propiedades de transformación aquí, y voy a hacer clic en un cronómetro encendido para la opacidad y un cronómetro en para la escala. Casi olvido que tenemos que cambiar nuestro punto de anclaje porque vamos a estar escalando esto hacia arriba y hacia abajo. No queremos que se escale hasta el punto de anclaje por aquí, así que vamos a asegurarnos de que cambiemos ese punto de anclaje. Agarremos la sartén detrás de la herramienta y ajustemos ese punto de anclaje al centro de nuestro círculo. Ahora vamos a crear nuestra pequeña animación a escala. Vamos a tener el círculo desplegable en escala para conseguir esa sensación pulsante y vamos a apegarnos a las 12, 6, 3 divisiones que nos mantendrán en la estructura general del beat de la pieza. Voy a ir adelante tres cuadros, uno, dos, tres y voy a bajar la escala al 50 por ciento. Sólo voy a dar clic y escribir en 50 ahí para bajar ese círculo al 50 por ciento. Después de que baje al 50 por ciento, quiero que solo se apague y desaparezca, así que voy a ir un cuadro más hacia adelante. Voy a ir comando, flecha, un fotograma hacia adelante, y voy a bajar la opacidad a cero. Pero no quiero que se desvanezca ya que se está haciendo más pequeño, quiero que se pop. Voy a hacer de este primer fotograma clave opacidad, un comando hold key-frame, opción, click, para hacer de eso una retención. Entonces voy a hacer la última opacidad clave-marco, también una llave de retención. Básicamente es solo apagar y encender esto. Ahora con la báscula, queremos que se encienda aquí a plena escala y luego se desacelere a medida que se escala hacia abajo. Nuevamente, consiguiendo esa sensación de ponche con una decadencia suave en él. Una vez más, haciendo eco del sonido de ese bombo de patada. No voy a poner una facilidad en el primer fotograma clave-clave, pero voy a poner una facilidad en el segundo fotograma clave y voy a comando, opción, clic y añadir una retención en el extremo. Porque recuerda siempre es una buena idea agregar una retención al final de una secuencia de una animación pf secuencia. Ahora, porque esto es justo al principio aquí, va a ser un poco difícil de ver. Podemos reproducirlo con la vista previa de RAM. Ahí, eso nos da esa pequeña sensación de pulso, pero vamos a tener una mejor sensación de ello cuando lo copiemos y peguemos a estas otras posiciones. Ahora, como mencioné antes, duplicar y copiar y pegar es una poderosa herramienta y efectos posteriores. Podemos duplicar y copiar y pegar casi cualquier cosa incluyendo conjuntos de fotogramas clave, echemos un vistazo a cómo funciona esto. Esto va a hacer que animar el resto de este bombo sea realmente fácil. lo primero que quiero hacer es poner mi CTI donde quiero pegar mis keyframes. Voy a usar la tecla K para saltar hacia adelante al siguiente ritmo de bombo aquí. Lo que voy a hacer es hacer clic y arrastrar para seleccionar los cuatro de mis fotogramas clave aquí. Después comando C para copiar y comando V para pegar y puedes ver que pegan perfectamente justo donde está mi CTI. Es decir, los primeros fotogramas clave de la secuencia se sientan justo donde está mi CTI y los demás siguen. Ahora porque de manera muy inteligente agregamos retenes al final de esta animación. Nuestro círculo se mantiene apagado, la opacidad se mantiene apagada hasta que golpeamos este siguiente ritmo, donde se enciende y luego se apaga de nuevo. Ahora que hemos copiado y pegado nuestro primer set, simplemente podemos pegar los conjuntos restantes en. Voy a saltar al siguiente comando beat V para pegar. Voy a clavar adelante a nuestro siguiente comando kick drum beat V para pegar. Ahora podemos hacer estos dos, juntos podemos seleccionar todos estos comandos C para copiar comando V para pegar, ahí está todo ese conjunto justo ahí. Ahora, en el último, en el último choque, igual que hicimos con el cuadrado rojo, queremos que caiga el círculo. Pero primero tenemos que tenerlo de nuevo encendido y tenemos que devolverlo a una escala del 100 por ciento, así que lo que voy a hacer es, voy a agarrar sólo los dos primeros fotogramas aquí de nuestra secuencia de pequeños tiempos y copiar y pegar para girar nuestro círculo de nuevo y ponerlo de nuevo a una escala del 100 por ciento. Ahora, sólo voy a hacer que se caiga fuera de marco, así que vamos a activar la animación para la posición justo en este punto a los cuatro segundos. Voy a activar la posición, vamos a seguir adelante a cinco segundos. Tendremos que caiga al mismo ritmo, la plaza roja cae y nota que todavía tengo la sartén detrás de herramienta aquí. Quiero cambiar a mi herramienta de selección regular y ahora solo voy a hacer clic y arrastrar ese círculo hacia abajo fuera de marco. Obviamente no hay necesidad de rotarlo ya que es un círculo, no veríamos esa rotación. Simplemente lo tenemos deslizándose fuera del marco ahí y entonces por supuesto queremos añadir una facilidad fácil a ese primer fotograma clave para dar esa sensación de peso y gravedad a medida que cae. Echemos un vistazo a nuestra animación terminada en el círculo verde. Genial, se ve muy bien. Muy bien, estamos listos para pasar a nuestra siguiente forma. 19. Animación de la Rectangle amarillo: Animemos a continuación nuestro rectángulo amarillo, que está representando el tambor de la trampa. Vamos a seguir adelante y cerrar nuestra capa de círculo verde allí y haga clic para desseleccionar y subiremos a nuestra herramienta de capa de forma y agarraremos nuestra herramienta de rectángulo. Haga clic en nuestro color de relleno y agarra nuestro amarillo. Haremos click y arrastraremos y haremos nuestro rectángulo. Cambiemos el nombre de la capa aquí, y cambiemos el Color de la capa. También agarremos nuestro bolígrafo detrás de la herramienta y centremos nuestro punto de anclaje. También movamos el triángulo amarillo debajo del cuadrado rojo. Estoy poniendo el rectángulo amarillo debajo del cuadrado rojo por si acaso ese cuadrado rojo cruza sobre el rectángulo cuando cae. No estoy seguro de que vaya a hacerlo, pero quiero asegurarme de que ese pequeño cuadrado rojo sea visible y no se pierda detrás de ese rectángulo amarillo. La mayoría de nuestras formas aquí no se cruzan realmente entre sí en la animación que estoy creando, pero estoy construyendo una pila de capas aquí si quieres hacer algo diferente con tu animación. Al tener el gran círculo verde en la parte inferior, los cuadrados rojos más pequeños en la parte superior sólo tendrán un buen sentido visual. Pero no es súper necesario para la pequeña animación que estamos construyendo aquí mismo. Pero es bueno estar al tanto de tu pila de capas y pensar a través de la lógica de lo que quieres arriba y lo que quieres detrás, sobre todo cuando estás creando una animación más complicada. Ahora porque el rectángulo amarillo está representando la trampa. Una vez más, vamos a usar nuestro truco de tap para tener nuestra sensación de cuándo golpea la trampa. Ahora la trampa tiene un poco de sincopación a ella por lo que vamos a estar poniendo un par de los beats entre nuestros beats principales. Vamos a reproducirlo una vez y luego en la segunda vez vamos a apalear la trampa. No voy a tratar de tocar el pequeño rollo de tambor al final. Eso creo que podemos recoger fácilmente de la forma de onda. { MÚSICA} Una vez más nos bajamos un poco, pero cerca. Este primero de aquí está obviamente destinado a bloquear a este marco aquí mismo. Este es nuestro pequeño ritmo sincopado. { MÚSICA}. Este queremos deslizar hacia atrás y poner entre estos dos beats principales. En realidad lo puedes ver en la forma de onda ahí mismo. Ahora estamos un poco atrás, pero se puede ver el siguiente cuadro más, estamos un poco por delante. Recuerda, siempre queremos errar del lado de estar solo un poco detrás del sonido si no estamos bien en el sonido. Lo mismo aquí este necesita retroceder derecho a esta posición aquí. Éste regresará a aquí y éste estará justo en medio, una vez más, justo donde esa forma de onda está ahí mismo. Ahora la pequeña trampa rodar aquí, esto lo podemos hacer visualmente porque sería bastante difícil sacar eso, para que podamos ver la forma de onda ahí mismo, agregar un marcador, agregar un marcador, agregar un marcador, agregar un marcador, y básicamente es cada tres fotogramas, por lo que también podríamos contar cada tres fotogramas. Ahí está el último hit que termina nuestro pequeño beat. Para estar seguros de que estamos en camino aquí con nuestros marcadores, escuchemos una vez más. { MÚSICA}. Estamos justo ahí. Queremos que nuestro pequeño rectángulo se deslice dentro y fuera del marco, casi como un medidor de volumen en un estéreo y queremos que esté en su punto más alto cuando el sonido de la trampa golpee. Hagamos un poco de animación al revés aquí. Voy a deslizar mi CTI hacia adelante a este primer golpe de trampa y vamos a cerrar nuestros contenidos y abrir nuestras transformaciones y vamos a seguir adelante y añadir un fotograma clave aquí en el punto más alto porque ya estamos en esa posición. Voy a dar click en el cronómetro para la posición aquí. Ahora como ya hemos hablado antes, una vez que se agrega un fotograma clave, sólo hay que mover el CTI y cambiar un valor pero como también mencioné, no siempre tenemos que avanzar en el tiempo. Podemos retroceder en el tiempo. En este caso, vayamos hacia atrás, voy a mantener presionada la tecla de comando y retroceder tres fotogramas. Una vez más, apegándose a este 12-6-3, mantente con nuestro ritmo general,1,2,3 espalda. Ahora vamos a cambiar el valor, haciendo clic y arrastrando nuestro rectángulo hacia abajo hasta la parte inferior del marco. Se puede ver que hemos añadido un fotograma clave antes del fotograma clave en la posición superior. Animar hacia atrás así puede ser realmente útil cuando creas un diseño y quieres que se anime en la pantalla, puedes configurar los fotogramas clave donde todo está en su posición final correcta, luego retroceder en el tiempo para tirar todo fuera de la pantalla por lo que va a animar encendido. Técnica bastante común para logo resuelve y ese tipo de cosas. Nos estamos deslizando hasta donde ese beat hits y luego tres fotogramas más tarde, queremos deslizarnos hacia abajo. Vamos a avanzar tres fotogramas, flecha de comando 1-2-3, y luego solo copiaremos y pegaremos este primer fotograma que ya está seleccionado. Se puede ver que ahí está azul. Comando C para copiar, comando V para pegar, y pegamos ese valor en su lugar. Nuestro pequeño rectángulo sube y retrocede. Porque viene de fuera de la pantalla y luego se va fuera de la pantalla, no queremos agregar facilitadores aquí, pero sí queremos que se facilite dentro y fuera en la parte superior. Esta vez no vamos a usar facilidad de entrada fácil o facilidad de salida, vamos a usar la sencilla facilidad fácil, que no es realmente llana. Es una combinación de los dos, voy a hacer clic derecho, bajar a asistente de fotogramas clave y voy a elegir facilidad fácil en la parte superior. Lo que esto es, es una combinación de una facilidad de entrada fácil y una facilidad de salida fácil. Voy a golpear facilidad fácil, ahora estamos fáciles de facilitar en el fotograma clave y fuimos fáciles de sacar del fotograma clave y se puede ver que obtenemos esa pequeña forma de reloj de arena que nos muestra la facilidad de entrada y facilidad de salida. Echemos un vistazo rápido a esa pequeña animación. { MÚSICA} Genial, eso funciona bien. Ahora vamos a copiar y pegar esta animación para este próximo golpe de trampa, pero debido a que este es el pequeño ritmo sincopado, si escuchas muy de cerca, la trampa es en realidad un poco más silenciosa en este segundo ritmo. Escuche atentamente. {MÚSICA} Si no escuchaste, es solo un poco más tranquilo que este primer golpe de trampa. Si miras hacia abajo la forma de onda, puedes ver que es más silenciosa. Ahí está el primer golpe de trampa. Aquí está el segundo golpe de trampa y nota que la forma de onda es un poco más baja. Que eso se refleje en la animación. Pero empezaremos copiándolo y pegándolo y luego solo ajustaremos el valor del fotograma clave superior. Voy a ir a este punto de hit donde golpea la trampa y voy a retroceder tres cuadros, Comando 1-2-3 atrás. Ahora copiaremos y pegaremos nuestros fotogramas clave pero whoops, me olvidé un paso aquí, asegurémonos y agreguemos ese paso. Vamos a la opción de comando haga clic en “Añadir nuestra retención” al final ahí es muy importante porque estamos a punto de copiar y pegar lo que es esencialmente el mismo valor pero a veces conseguirás un poco a la deriva. A veces after effects agregará un poco ocupado un mango y obtendrás un poco de deriva a pesar de que los dos valores son los mismos. En cualquier momento que quieras algo que seguro no se mueva aunque tengas dos fotogramas clave en una fila al mismo valor, siempre agrega una retención para mantenerlo limpio. Ahora que tenemos eso en su lugar y tenemos nuestro CTI en su lugar. Copiemos nuestros tres fotogramas clave. Comando C, Comando V para pegar y ahora tenemos nuestra segunda animación, pero vamos a cambiar este valor, que sea un poco menos potente, ya que la trampa es un poco menos fuerte en este punto. Quiero asegurarme de anular la selección primero, solo estoy cambiando este fotograma clave. Seleccionemos ese marco clave que seleccionará automáticamente nuestra capa aquí. Voy a dar clic y arrastrar esto hacia abajo dos cuadrados de cuadrícula. Simplemente no está subiendo tan lejos en ese segundo hit. Vamos a ram previsualizar eso. { MUSIC} genial que realmente le tiene una agradable sensación. { MUSIC} Realmente refleja el sonido. Recuerda seguir ahorrando ya que estás trabajando aquí, estoy editando mis guardadas solo para conservar un poco de tiempo en el video, pero sigue ahorrando mientras trabajas, haz algunas cosas y ahorra, haz algunas cosas y ahorra, meterse en ese buen hábito. Con nuestro próximo golpe de trampa, lo queremos a toda explosión. Vamos a copiar y pegar aquí nuestro primer conjunto de marcos clave. Iremos a ese punto de golpe de trampa, comando 1-2-3, atrás, seleccionaremos los fotogramas clave, Comando C, Comando V para pegar y tenemos nuestra siguiente trampa golpeada ahí. Con esta siguiente, en realidad podemos copiar y pegar toda esta sección. Pondremos nuestro CTI al principio aquí. Retrocede 1-2-3, selecciona todos esos marcos clave. Comando C, Comando V para pegar y ahora tenemos nuestra misma pequeña animación con nuestro segundo golpe de trampa ligeramente más débil. Ahora al llegar a este pequeño rollo de tambor aquí al final, tres marcos separados. No vamos a tener tiempo para reventar esto y retroceder con cada uno de estos hits. En cambio crearemos un pequeño movimiento tartamudeo rápido de este rectángulo, apareciendo, arriba, arriba, arriba, arriba, arriba y luego en el último golpeará la parte superior antes de caer de nuevo hacia abajo. Vamos a usar todos sostén keyframes hasta que lleguemos a la parte superior aquí. Ya tenemos una retención al final de nuestro último fotograma clave de nuestra última parte de animación aquí. Todo lo que tenemos que hacer para crear este primer fotograma clave como espera es simplemente cambiar el valor. Voy a dar clic y arrastrar en esto y lo voy a mover hacia arriba dos cuadrados en la cuadrícula y notar que crea automáticamente una retención clave-marco justo ahí. Entonces saltaré hacia adelante con la tecla K a nuestro siguiente marcador, se deslizará hacia arriba un cuadrado en la cuadrícula. Adelante otra vez, se deslizará hacia arriba otra plaza en la rejilla, ir hacia adelante otra vez, deslizarse hacia arriba una plaza más y luego finalmente la última plaza allí en la parte superior. Este movimiento tartamudeo coincidirá con los golpes de tambor de caja afilados realmente bien plus, ya que se acumula hasta la parte superior, construirá un poco de tensión antes de que se suelte al final. Ahora al igual que hicimos con todas las demás formas, queremos que esto se caiga de marco. Empecemos haciendo de este fotograma clave de primera posición, un fotograma clave lineal regular. Voy a comando click, así que no voy a poder animar hacia adelante aquí y luego también vamos a activar rotación porque también vamos a querer agregar un poco de rotación a este rectángulo a medida que cae. adelante y activemos la animación para la rotación y sumamos nuestro primer fotograma clave al valor de rotación de 0 grados y vayamos hacia la marca de 5 segundos. Entonces agreguemos primero la rotación porque eso probablemente afectará qué tan abajo tenemos que arrastrarla con la posición. Hagamos que se incline en el marco sólo un poco a medida que cae. Voy a dar clic en el Valor para rotación aquí, y voy a escribir en menos 40, así que no del todo 45 grados solo un poco de suave caída por ahí y luego ahora podemos dar click y arrastrar ese rectángulo hacia abajo hasta que la esquina esté fuera de el marco. Al igual que con todas nuestras otras caídas, queremos dejarlas como fotogramas clave lineales, pero queremos que estos dos primeros fotogramas clave establecidos sean fáciles para que tengamos esa sensación de gravedad. Echemos un vistazo a nuestra animación terminada de nuestro rectángulo amarillo. { MUSIC} Genial, eso se ve realmente bien. { MUSIC} Estamos listos para crear nuestra última forma y terminar nuestra animación. 20. Animación del círculo azul: Vamos a seguir adelante y cerrar aquí nuestra capa de rectángulo amarillo y vamos a anular la selección haciendo clic en el área vacía de la línea de tiempo. Subiremos por debajo de nuestra herramienta Shape Layer aquí, y agarraremos nuestra herramienta Elipse. Cambiaremos nuestro color de relleno a nuestro azul y crearemos nuestro último círculo aquí. Vamos a nombrar nuestro círculo y vamos a moverlo hacia abajo por encima del círculo verde pero por debajo del rectángulo amarillo. De esa manera cuando caiga el rectángulo amarillo, si se cruza, estará frente al círculo azul y sigamos adelante y centremos nuestro punto de anclaje. No tenemos que cambiar el color de nuestra capa porque la capa de forma es por defecto azul. Ahora nuestro círculo azul va a representar nuestro choque de platillos y solo hay dos choques de platillos en el audio, uno en el medio y otro justo al final. Vamos a tener una escucha rápida a eso. Básicamente están arriba la marca de dos segundos y la marca de cuatro segundos. Realmente no tenemos que hacer nada muy elegante aquí para averiguarlo. Es bastante obvio. Apenas necesito hacer los marcadores, pero solo seguiré adelante y lo haré ahí. Ahora el sonido del platillo es un poco más suave que decir la trampa o el tambor de patada, y tiene una larga decadencia en él. Además, cuando golpeas un platillo en la vida real, vibra y sacude. Vamos a tratar de captar eso de manera abstracta con nuestro círculo azul. Vamos a tener que se desvanezca rápidamente en lugar de estallar en el camino, digamos que el círculo verde sí y luego vamos a hacer que se caiga fuera de marco en cada uno de los choques. Pero lo tendremos moviéndose y vibrando un poco mientras cae para darnos esa sensación de platillo. Vayamos a dos segundos donde ocurre nuestro primer choque de platillos y cerremos los contenidos y abrimos nuestro transformado aquí. Dado que esto va a ser tanto opacidad como posición, sigamos adelante y activemos los fotogramas clave para la posición y los valores de opacidad. Ahora queremos que la opacidad se anime con relativa rapidez. Empecemos con la capacidad en cero y solo vayamos dos fotogramas hacia adelante 1, 2, solo para que no nos lleve demasiado tiempo ser visibles y volvamos la opacidad a 100. Ahora, ya que esto se está desvaneciendo tan rápido con sólo un cuadro en el medio, no me voy a molestar con ningún facilitador aquí. Probablemente no hará mucha diferencia si nos tranquilizamos dentro o fuera de cualquiera de los lados. Pero voy a poner un Hold key-frame al final. Comando opción-clic y pon un poco Sostén el fotograma clave al final ahí. Nuestro pequeño círculo azul apenas se desvanece muy, muy rápidamente. Ahora queremos que se caiga y se mueva un poco. Pero primero creemos la animación de la caída, y luego añadiremos la pequeña vibración, el pequeño movimiento. Voy a usar las teclas K y voy a ir adelante dos de nuestros pequeños beats aquí. Un beat completo o dos pequeños mitades aquí otra vez así que todo está estructurado alrededor del beat tanto como sea posible y sigamos adelante, oops, todavía tengo la pluma detrás de la herramienta aquí. Pasemos a nuestra herramienta de selección, y seguiré adelante y solo arrastraré esto hacia abajo y fuera de marco y como siempre, con una animación de otoño, queremos agregar una facilidad fácil al principio, sin alivios en ese último fotograma clave. Simplemente tenemos esto. Agradable, sencilla pequeña caída. Pero ahora queremos sumar nuestra pequeña oscilación a esto. Lo que haremos es que cada dos fotogramas añadiremos un fotograma clave a esta trayectoria de movimiento y le agregaremos algo de curvatura. Adelante y hagamos eso. Voy a Comando click 1, 2 y lo que haremos es solo agarraremos el valor X en posición aquí. Yo quiero deslizarlo por encima. Voy a ir por encima de la mitad de una cuadrícula ahí. Otra buena razón para tener la grilla es para que podamos un seguimiento de lo que estamos haciendo con este tipo de animaciones. Voy a ir adelante dos keyframes más, 1, 2 y luego arrastraremos eso hacia atrás y esta vez iré quizá casi la mitad de una cuadrícula cuadrada pero no tan lejos como el anterior. Cada uno de estos se va a acercar al centro. Entonces voy a ir 1, 2 adelante otra vez, volveremos a arrastrar eso durante este tiempo un poco más cerca de la línea central. Iremos 1, 2. Bueno, en realidad tal vez este último debería ser un poco más a mitad de camino. Vayamos tal vez un poco como a medio camino, algo así. Entonces iremos 1, 2 y arrastraremos este sobre, muy cerca de la línea central 1, 2 y ahora en este punto, podemos más o menos ponerlo de nuevo a la línea central. Sólo para estar seguros de que tenemos eso alineado correctamente, voy a hacer un poco de copia y pegar con nuestro valor de posición X aquí. Voy a K hacia adelante a mirar este valor. Es 1080. Eso es fácil de recordar. Podría simplemente escribir eso, pero también puedo seleccionar aquí, Comando C para copiar, anular la selección. Puedo retroceder dos fotogramas, y ahora sólo puedo pegar en el valor X, 1080. Ya ves cómo eso pone eso de nuevo en línea. Ahora podrías estar diciendo: “Bueno, te vendría bien chasquear”. pero eso en realidad haría romper mi posición aquí arriba y pierdo un poco de mi facilidad saliendo bajando. Ahora tenga en cuenta que todos estos fotogramas clave son fotogramas clave de reloj de arena. Eso se debe a que agregamos una facilidad al principio aquí y a medida que agregamos estos fotogramas clave adicionales, los efectos posteriores hicieron todo lo posible para adivinar qué tipo de facilidad de entrada y salida querríamos en cada fotograma clave. En este caso queremos dejar que las secuelas sigan adelante y hagan eso por nosotros porque básicamente es leer el Es como baja y continuar eso a medida que bajamos. Está haciendo un trabajo bastante bueno. No necesitamos meternos con esos fotogramas clave en absoluto. Pero lo que tenemos ahora mismo en nuestra trayectoria de movimiento, es un duro zig-zag y creo que esto se sentirá un poco mejor si es un poco más suave y hay un poco de curvatura en la trayectoria de movimiento. Añadamos algunas asas Bezier y solo un poco de curva a nuestra trayectoria de movimiento. Voy a seleccionar no el primer fotograma clave y no el último fotograma clave, pero voy a seleccionar todos los fotogramas clave en el medio todos a la vez y luego vamos a mantener pulsada opción Command y vamos a dar click y hacer pequeños mangos de Bezier en cada uno de nuestros marcos de llaves. Ahora los Beziers son un poco caddywompus ahora mismo ya que acaban de entrar en su modo predeterminado, una vez más, adivinando qué queremos. Acerquemos un poco aquí. Voy a usar la tecla de periodo y acercar y voy a mantener presionada la barra espaciadora y usar la mano para mover esto y vamos a ajustarlos y darles un poco más de curvatura y un poco más de suavidad y enderezarlo un poco también, para que no sean tan caddywompous. Esto sólo le dará un poco más de suavidad a nuestra trayectoria de movimiento. Este sólo podemos girar derecho arriba y abajo y queremos eso porque queremos que simplemente baje recto después de que golpee esa última posición. Echemos un vistazo a nuestra animación. Genial. Eso se ve muy divertido. Muy bien, agreguemos un Hold keyframe a nuestro último fotograma aquí, como siempre queremos hacer. Comando opción-click para completar ese pedacito de animación y luego en este caso, todo lo que tenemos que hacer es simplemente copiarlo y pegarlo porque vamos a tener la misma animación de choque de platillos justo al final aquí. Vayamos a cuatro segundos, vamos a seleccionar todos nuestros fotogramas clave-, Command Copy, Command Paste. Ahora tenemos nuestra animación terminada. Adelante y apaguemos nuestra capa guía. A pesar de que no va a renderizar, realmente no quiero estar mirándolo aquí. Yo quiero ver cómo se ve esto tal y como está y también podemos apagar nuestra grilla para que solo podamos tener una idea de cómo será nuestra animación final y vamos a echar un vistazo a eso. Realmente divertido. Ahora estamos listos para terminar y renderizar nuestra película final. 21. Renderización de la animación final: Ahora que estamos listos para renderizar, hablemos de las dos formas diferentes de renderizar de secuelas. After-effects tiene su propio motor de render, la cola de render after-effects pero cuando instalas after-effects desde Creative Cloud, también instala el Adobe Media Encoder, que es una pieza separada de software que renderizar secuelas y archivos premier. Ahora los pros y los contras son básicamente estos, las secuelas Q pueden darte un renderizado de calidad ligeramente superior, pero tiene menos opciones para formatear y compresión. Realmente solo es útil si estás entregando un render de muy alta calidad a un editor, por ejemplo, que luego lo va a editar y luego comprimirlo o formatearlo para la entrega final. Si vas a estar subiendo tu video a YouTube o Vimeo o publicándolo en línea o para redes sociales en general, vas a querer usar el Adobe Media Encoder porque brinda muchas más opciones de compresión y formateo para todas esas situaciones diferentes pero es importante entender que en cualquier momento que estés renderizando en un formato que es, por ejemplo, adecuado para subir a YouTube o publicar en redes sociales, ese archivo va a tener que ser comprimido en algún grado, lo que va a causar alguna pérdida en la calidad. Ahora este es un gran tema profundo en el que no vamos a meternos mucho en estas clases introductorias. Simplemente vamos a aprender un procedimiento de renderizado muy básico que te dará un video de buena calidad a un tamaño decente y razonable que funcionará en la mayoría de las situaciones. Ahora otra cosa a entender sobre el renderizado y la compresión es que casi inevitablemente va a haber algún cambio de color. A veces los colores serán más apagados. A veces los colores se desplazarán un poco y este es un tema que las personas que trabajan en medios basados en el tiempo esencialmente solo tienen que aceptar hasta cierto grado porque en cierto momento pierdes el control de la situación muy rápidamente. Por ejemplo, puedes tomar exactamente el mismo archivo de video y reproducirlo en dos reproductores de video diferentes en una computadora. Se verá diferente, los colores se verán diferentes, el mismo archivo. Además, cuando subes a YouTube, YouTube utiliza una compresión diferente a la que utiliza Vimeo por lo que los colores se verán diferentes en Vimeo como se verán en YouTube. Después se agrega a esa varianza el hecho de que todo el mundo tiene diferentes tipos de monitores. El monitor de todo el mundo es un poco diferente. Algunos son de mayor calidad, otros de menor calidad. Algunas personas han configurado sus monitores de formas extrañas para que sus monitores sean más oscuros o más claros o hayan cambiado de color por la forma en que los han configurado. cierto grado, hay que dejar ir demasiado apego a los colores que inevitablemente escoges con mucho cuidado para un proyecto. Ahora una cosa que podemos hacer para poder controlar un poco nuestra salida de color saliendo de secuelas es establecer el espacio de color para nuestro proyecto. Ahora esto no hará una gran diferencia, pero preservará los colores un poco más que si no estableces el espacio de color. Ya que tenemos una especie de colores realmente precisos aquí que hemos elegido para este diseño de tambor, sigamos adelante y establecemos el espacio de color y tendremos un poco mejor de suerte preservando esos una vez que rendericemos. Para establecer el espacio de color de un proyecto, vamos a subir bajo archivo, y vamos a ir hasta la configuración del proyecto. Entonces vamos a dar click en “Ajustes de color”. Se puede ver aquí donde dice espacio de trabajo ninguno. Simplemente vamos a seguir adelante y elegir SRGB y luego están todas estas otras pequeñas letras y números. SRGB es una buena opción, y haremos clic en “Ok” y de nuevo, esto no hará una gran diferencia, pero ayudará a preservar nuestros colores un poco cuando renderemos. Ahora otra cosa de la que tenemos que hablar y tratar rápidamente aquí, cuando estamos viendo la diferencia entre renderizar fuera de las secuelas Q y el Adobe Media Encoder es que el Adobe Media Encoder no lee todo en secuelas justo de la manera que nos gustaría. Específicamente, no lee el color de fondo que elegimos para nuestra composición. Ahora la verdad honesta es que la opción de elegir un color de fondo para una composición es un poco inútil y en futuras clases vamos a ver el pre-comping y trabajar con composiciones y veremos cómo funciona esto un poco más específicamente. Por ahora, esto es lo que hay que entender. Elegimos un color para nuestro fondo aquí, y ponemos nuestras formas por encima de ese fondo pero la verdad es que este color de fondo no existe en realidad. Lo que realmente estamos haciendo es colocar formas sobre un canal alfa o transparencia. En After- effects por defecto nos muestra un color en el fondo. Por defecto es negro. La verdad es que en realidad no hay nada aquí. defecto es negro y luego por supuesto podemos elegir diferentes colores para poner ahí como elegimos este morado. La verdad es que ahí no hay nada. Echemos un vistazo a eso. Si bajamos hasta la parte inferior de nuestra ventana de composición, verás la cuadrícula de transparencia alterada. Adelante y haz clic en eso y verás aquí la verdad de nuestra composición. Esta cuadrícula, que muchos de ustedes reconocerán desde Photoshop o Illustrator, nos está diciendo que esto es transparencia. Aquí no hay nada. Ahora cuando renderemos de las secuelas Q, las secuelas Q respetarán el color que elegimos para el fondo y renderizará ese color. Pero cuando renderizamos fuera del Adobe Media Encoder, no ve este color Ve esto. Porque no quiere renderizar transparencia a menos que configuremos algunos ajustes específicamente para decirle que renderice esto como un canal alfa. Canal alfa sólo significa un canal de transparencia. Si no le decimos que renderice esto como alfa, solo llenará esto de negro y tendremos un fondo negro, que por supuesto no es lo que queremos. Dejemos esto comprobado por un minuto solo para que podamos ver cómo funciona la solución aquí. La solución es muy sencilla. Lo que vamos a hacer es simplemente poner púrpura en el fondo. Ahora tu primer instinto podría ser decir crear una forma de rectángulo morado y poner eso en el fondo y podrías hacer eso. Pero honestamente, una capa de forma es en realidad más complicada de lo que necesitamos aquí. Ahora hemos estado usando capas de formas de una manera muy sencilla, pero como mencioné, las capas de forma pueden volverse muy complejas y tener mucha complejidad integrada en ellas. After-effects proporciona una solución más simple a este problema, y es un tipo de capa llamada sólido. Ahora los sólidos inicialmente te parecerán casi excesivamente simples pero cuanto más profundo te pongas a trabajar con secuelas, en realidad verás que los sólidos son muy críticos e importantes y también sirven cuando sí necesitas algo solo simple como un simple color de fondo y no quieres usar algo tan complicado como una capa de forma. Un sólido en pocas palabras es básicamente solo un rectángulo o un cuadrado de cualquier tamaño de cualquier color. Eso es todo lo que es, sólo un cuadrado o un rectángulo con un color en él. Adelante y hagamos un sólido aquí, y luego hablaremos de ello un poco más. Vamos a subir bajo capa nuevo sólido. Notarás que también podemos usar el comando de teclas, comando Y, y lo escogeremos, y verás que obtenemos esta ventana de configuración sólida, que tiene algunas similitudes con la ventana de composición, aunque es mucho más simple. En la parte superior aquí, podemos darle un nombre a esto y este va a ser nuestro fondo. Yo sólo voy a llamar a este BG por antecedentes. También notarás que el mío está en mora a 1920 para 1080, el tuyo puede o no hacerlo por defecto. Creo que lo hará, creo que por defecto es el tamaño de comp. Pero si por alguna razón tu ancho y tu altura no dicen 1920 por 1080, simplemente puedes hacer clic en este botón aquí mismo, “Hacer Comp Size”, y automáticamente hará de tu sólido el tamaño de tu comp. Pero también ten en cuenta que puedes escribir cualquier número en absoluto aquí, puedes hacer de este sólido cualquier tamaño que quieras. Todavía solo va a ser un rectángulo o un cuadrado, no se puede hacer ningún tipo de formas con esto pero se puede hacer ese rectángulo o cuadrado de cualquier tamaño que se desee. Queremos asegurarnos de que la relación de aspecto sea píxeles cuadrados, ese debería ser el predeterminado, solo deja eso. Entonces abajo aquí, podemos elegir un color, y por supuesto, queremos nuestro color púrpura así que vamos a agarrar nuestra gota de ojos aquí. Vamos a ir a nuestra biblioteca y elegir nuestro color morado, y vamos a dar clic en “Ok” y ahora eso va a poner nuestro sólido en la parte superior de nuestra imagen aquí. Observe que es solo una capa como cualquier otra capa. Tiene un punto de anclaje, tiene las cinco transformaciones al igual que cualquier otra capa tendría. Pero es simplemente un rectángulo que es morado, eso es todo lo que es. Ahora vamos a seguir adelante y arrastrarlo hacia abajo y lo pondremos en el fondo de nuestra pila de capas aquí, y ahora tenemos nuestro fondo morado que en realidad se renderizará desde el Adobe Media Encoder. Con nuestro conjunto de espacios de color y nuestro fondo real en su lugar, ahora estamos listos para agregar esto a la cola de Adobe Media Encoder. Ahora antes de empezar esto, una nota muy importante para el video aquí, voy a estar editando este procedimiento hacia abajo, por lo que todo sucede un poco más rápido. Dependiendo del tipo de computadora que tenga, esto puede ir más lento o más rápido, pero una gran idea es, que cuando esté pasando por el procedimiento de renderizado con Adobe Media Encoder, tenga paciencia. Es muy posible de nuevo, dependiendo del tipo de máquina en la que estés trabajando para que cada uno de estos pasos tome bastante tiempo. Lo primero que vamos a hacer es asegurarnos de que la composición que vamos a renderizar sea seleccionada aquí en la línea de tiempo, y recuerda esto, estamos buscando este pequeño contorno azul alrededor de la ventana, por lo que queremos hacer asegúrese de que esta ventana de línea de tiempo esté seleccionada. Entonces vamos a subir bajo composición, añadir a la cola de Adobe Media Encoder. Sigamos adelante y seleccionemos eso. Una vez más, sé paciente. Una vez que seleccionas esto, lo que tiene que pasar es que Adobe Media Encoder tiene que abrir, lo que a veces tomará un tiempo, y luego tiene que cargar la composición en su cola, lo que también puede tardar un rato. En ciertas máquinas, he visto que lleva varios minutos. De nuevo, voy a editar esto para que pase agradable y rápido. Pero si está tardando más en tu extremo, solo tienes que seguir adelante y pausar el video y esperar. No entres en pánico ni pienses que algo va mal. Sólo sé paciente y espera. Una vez que el Encoder de Medios haya abierto. También querrás esperar y asegurarte de que tu render se haya agregado a la cola. Si no ves esta línea aquí, entonces todavía tienes que esperar un poco. Nuevamente, a veces esto tomará un poco de tiempo. Pero una vez que tienes esta ventana abierta y tu renderizado ha sido agregado a la cola, solo necesitamos cambiar un par de ajustes. Si configuras tu composición correctamente en primer lugar, deberías ver H264, que será el códec de compresión para nuestro render justo por aquí. Pero sí queremos cambiar un poco la configuración de render. Vamos a seguir adelante y haga clic donde dice “Fuente emparejada alta tasa de bits”. Adelante y haga clic en eso, y de nuevo, tenga paciencia esto puede tardar un par de minutos en cargarse. Lo siguiente que aparecerá es la configuración de exportación. Aquí donde dice, “Nombre de salida”, puedo hacer clic en esto y puedo cambiar el nombre del archivo de video que voy a renderizar. Se determinará por defecto el nombre de la composición. Yo sólo voy a seguir adelante y dejar eso. También puedes elegir a dónde se renderiza. Tampoco voy a cambiar eso, pero si haces clic en esto, obtendrás un hallazgo una ventana y podrás optar por renderizar en una ubicación diferente. Donde por defecto será en una carpeta que el Adobe Media Encoder crea dentro de su carpeta de proyecto, y por defecto se renderizará en esa carpeta. Generalmente me gusta simplemente seguir adelante y usar esa carpeta. Creo que es conveniente y tener renders dentro de su carpeta de proyecto tiene sentido para mí. Pero si quieres cambiar eso o cambiar el nombre, haz click ahí mismo y podrás realizar los cambios que desees. Lo que queremos hacer es solo retocar un poquito la configuración de compresión. Te quiero decir con toda honestidad que no soy un genio súper tecnológico cuando se trata de cosas como renderizar. Soy animador, no director técnico. Te voy a dar algunos ajustes recomendados, pero realmente no puedo decirte exactamente por qué funcionan. Está un poco sobre mi cabeza, técnicamente hablando, los ajustes que te voy a recomendar son los ajustes que te recomendamos para todos los estudiantes de Ringling College of Art and Design, Motion Design. Se trata de escenarios que fueron recomendados por los miembros con mentalidad más técnica de nuestra facultad. Estos ajustes te darán un video de calidad agradable a un tamaño de archivo muy razonable. Nuevamente, todo el tema de renderizar y renderizar códecs y formatear un video es vasto. Simplemente te vamos a empezar con estos ajustes sencillos y básicos que funcionan muy bien para nuestros alumnos de Ringling. Vamos a bajar a esta ventanita justo aquí donde dice video. Ya verás que aquí hay una pequeña barra de desplazamiento, vamos a desplazarnos hacia abajo, y vamos a cambiar un poco estos ajustes de bitrates. Vamos a cambiar la codificación de bitrate de VBR 1 pass a VBR 2 pass, esto hará que nuestro render sea un poco más lento, pero un poco de calidad más agradable. Entonces vamos a cambiar el Target y Máximo Bitrate. Vamos a bajar estos sólo unos pedacitos, así que vamos a bajar el Bitrate objetivo a ocho y el Bitrate Máximo a 10. Esto solo hará que el tamaño de nuestro archivo sea un poco más razonable, pero aún así nos va a dar un bonito video de calidad. De acuerdo, eso es todo. Una vez que tengamos esos set, podemos seguir adelante y dar click en “Ok” ahora verás personalizado en el preset aquí, y ahora para renderizar nuestra película, simplemente tenemos que hacer clic en el botón de flecha verde justo arriba en la parte superior. De nuevo, voy a acelerar a través de esto. Tus tiempos de render pueden ser diferentes a los míos dependiendo de la velocidad de tu máquina. Pero vas a querer ser paciente mientras esto se rinde. Una vez que su película se haya renderizado, puede hacer clic aquí donde dice “ Archivo de salida ”, y saltará al archivo en su buscador, lo cual es una manera realmente útil de revisar rápidamente su archivo de video y ver su terminado animación. 22. Para terminar: Cubrimos mucho en esta clase. Hemos analizado en profundidad el espacio de trabajo After Effects, trabajando con capas de formas, estableciendo fotogramas clave, controlando la velocidad o velocidad del movimiento con temporización y espaciado, agregando facilita y sostiene, hundiéndose en una pista de audio y crear y renderizar una animación simple. Ojalá te sientas mucho más cómodo con After Effects, y emocionado por las posibilidades que ofrece este potente software. Las técnicas profesionales, los consejos, y los comandos de teclado que he estado compartiendo con ustedes ayudarán a construir buenos hábitos y una base fuerte para avanzar. Espero que estés emocionado por mis próximas clases en esta introducción a la serie After Effects. Ahora si seguiste conmigo exactamente para este proyecto o tomaste algunas libertades creativas con la animación, o si decidiste volver atrás y crear tu propia animación de diseño de tambor única. Me encantaría ver lo que se te ocurre. Asegúrate de publicar tu animación para que tus compañeros y yo podamos ver tu trabajo. Muchas gracias por mirar, y nos vemos en la siguiente clase.