Cómo animar fácilmente con Adobe After Effects | Jake Bartlett | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Cómo animar fácilmente con Adobe After Effects

teacher avatar Jake Bartlett, Motion Designer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Avance del curso

      1:16

    • 2.

      Preparación del material gráfico

      13:19

    • 3.

      Cómo organizarse en After Effects

      17:19

    • 4.

      El gráfico de velocidad

      12:01

    • 5.

      El gráfico de valores

      6:48

    • 6.

      Rutas de movimiento y fotogramas clave itinerante

      13:15

    • 7.

      Cómo usar el editor gráfico con otras propiedades

      6:33

    • 8.

      ¡Los Puntos de anclaje son importantes!

      16:45

    • 9.

      Ir más allá

      11:07

    • 10.

      Continuación de mi animación

      8:36

    • 11.

      La puerta y las lámparas

      12:03

    • 12.

      Comandos de fotogramas clave

      15:35

    • 13.

      Agregar detalles

      13:34

    • 14.

      La animación en bucle

      4:45

    • 15.

      Paseo por la casa n.º 2

      3:37

    • 16.

      Exporta un GIF

      3:49

    • 17.

      ¡Lo has hecho!

      0:42

    • 18.

      Extra: tutorial de demostración del editor de gráficos

      7:07

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

33.403

Estudiantes

509

Proyectos

Acerca de esta clase

Ya has aprendido los conceptos básicos.  Los fotogramas clave están en tu caja de herramientas. Ahora es el momento de dar el siguiente paso en la animación y dar rienda suelta al poder del Editor de gráficos de After Effects. En esta versión actualizada y ampliada de una de mis clases más populares, te enseñaré todo lo que necesitas saber para que tomes el control total de los movimientos.

Esta clase es para cualquier persona que quiera tomar el control de la apariencia y la sensación en su diseño de movimiento. Tanto si llevas años usando After Effects como si estás comenzando a aprender a usar el programa, esta clase te resultará fácil de seguir. Te enseñaré todo lo que necesitas saber sobre cómo acelerar y desacelerar suavemente cada movimiento que hagas y te ayudaré a desarrollar una estética que hará que tu trabajo se destaque de otros.

Si nunca has usado After Effects, te recomiendo que primero tomes mi otra clase rápida, Guía para principiantes para animar GIF personalizados. Luego, podrás absorber el contenido de esta clase.

______________

Resumen de la clase

  • Animación fácil.  Jake te enseñará cómo y cuándo usar las herramientas de After Effects para controlar tu animación y crear un resultado pulido. Tanto si eres profesional de la animación como si acabas de empezar a aprender, la clase de Jake mejorará tus habilidades y afinará tu trabajo.
  • Haz tu propia creación.  Después de completar este curso de animación, se te pedirá que diseñes tu propia casa animada con las herramientas y los atajos que Jake te ha enseñado. Te invitaremos a compartir capturas de pantalla de tu progreso cuando publiques tu archivo, para que Jake pueda no solo evaluar tu animación final, sino también tu proceso y tu capacidad de organización. Si tienes preguntas durante el proceso, ¡no hay problema! Jake supervisará su foro de debate "Pregúntame lo que quieras" para que tengas una línea de comunicación directa con él si alguna vez te atascas.
  • Conoce tu kit de herramientas.  Obtendrás un conocimiento integral de los gráficos de velocidad y valores en After Effects y de cómo utilizarlos para tu beneficio. Además, Jake compartirá consejos sobre el flujo de trabajo y atajos de teclado que te ayudarán a hacer tu trabajo de animación más eficiente y divertido.
  • Instrucciones paso a paso.  Jake explorará cómo desglosar diseños complejos en piezas simples y manejables. Verás cómo llevar un diseño de Adobe Illustrator a After Effects y cómo abordarlo como una suma de piezas que puedes animar fácilmente de forma individual.
  • Prepara la animación.  Aprenderás a separar grupos de objetos de diseño en capas y luego juntar varias capas para "precomponer" movimientos animados de mejor manera y más controlados. 
  • Dispone tus objetos.  Jake te explicará cómo utilizar tu material gráfico original como herramienta de referencia para alinear tus capas y mantenerlas organizadas. También conocerás los atajos de teclado esenciales que te ayudarán a ahorrar tiempo, independientemente de si trabajas en la animación de juegos, de rostros o si quieres crear simples archivos .gif animados en tu casa 
  • Usa el Editor de gráficos.  En una demostración clara y concisa, Jake mostrará su forma de utilizar el editor gráfico de After Effects para personalizar, controlar y suavizar su animación. Al finalizar estas clases de animación, podrás manipular los fotogramas clave, ajustar la velocidad de movimiento e influir en cómo esos cuadros se mueven con el tiempo.
  • Aprende a trabajar con puntos de anclaje y gráficos.  Trabajarás con puntos de anclaje para animar objetos utilizando la propiedad de escala. Jake también abordará brevemente la forma de utilizar los gráficos para animar diseños complejos con múltiples capas.
  • Suaviza el movimiento y crea un bucle en tu diseño.  Con las instrucciones de Jake, sabrás cómo personalizar el orden y el ritmo de las animaciones de tus capas y podrás hacer un número ilimitado de diseños. De este modo, tendrás la libertad de ser tan creativo como quieras. Cuando te sientas feliz con tu trabajo, Jake te explicará cómo crear un bucle para que sea emocionante ver cómo se descompone tu composición, así como lo fue cuando se construyó.
  • Crea un .gif.  Jake comparte instrucciones paso a paso para exportar tu trabajo desde After Effects guardándolo como un archivo Quicktime o convirtiéndolo en un archivo GIF. También te dará técnicas esenciales de resolución de problemas para limpiar tu trabajo y que, así, te asegures de que tu animación se muestre correctamente sin importar dónde termine.

Conoce a tu profesor(a)

Teacher Profile Image

Jake Bartlett

Motion Designer

Profesor(a)
Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Avance del curso: ¡ Eh! Yo soy Jake Bartlett. En esta clase, vamos a estar animando con facilidad en after effects. En esta versión actualizada y ampliada de una de mis clases más populares, te enseñaré a usar el editor de gráficos para que puedas tomar el control del movimiento dentro de tus animaciones. Ya sea que lleves años usando After Effects profesionalmente o que acabas de abrir el software por primera vez ayer, si no estás usando el editor de gráficos, no tienes control total de tu movimiento. En esta clase, vas a aprender todo lo que necesitas saber tanto sobre el gráfico de velocidad y valor así como todas las demás herramientas del editor de gráficos para, que las puedas utilizar a tu ventaja e incluso configuran un archivo de proyecto demo para de las que aprender, mientras me miras enseñar desde el mismo archivo del proyecto en las lecciones. Aunque ya hayas tomado la primera versión de esta clase, vas a querer ver esta porque he aprendido técnicas mucho mejores desde la primera versión e ir mucho más en profundidad al editor de gráficos en esta clase. Hay el doble de contenido que la versión uno. Para el proyecto de clase, estarás diseñando y animando una casa desde cero. Puedes crear las tuyas propias o usar una de las mías. En el camino, estaré compartiendo mis propios consejos y trucos de flujo de trabajo así como atajos de teclado que uso todo el tiempo para un flujo de trabajo más eficiente. Al final de este curso, estarás animando con facilidad. Te veré en clase. 2. Preparación del material gráfico: Muy bien, primero solo quiero decir muchas gracias por tomar esta clase. Realmente sí significa mucho para mí y estoy tan emocionado de estar enseñándote sobre el editor de gráficos. Es mi característica favorita de After Effects y realmente creo que es la forma más poderosa de tomar el control de tu movimiento. Una vez que empieces a entender cómo funciona e implementarlo en tus propias animaciones, vas a ver en la noche y el día la diferencia con la forma en que tus animaciones se verán y sentirán. Si en algún momento de esta clase tienes alguna pregunta o te confundes sobre algo, no dudes en hacerme una pregunta en la página de la comunidad. Hago todo lo posible para responder esas preguntas lo más rápido posible. Muy bien, hagámoslo. El primero que tendrás que hacer para esta clase es crear la obra de arte de tu casa. Ahora he ido adelante y he creado el mío en Illustrator. No te voy a mostrar cómo lo hice porque es muy básico y quiero enfocarme en la animación no en el diseño en esta clase, pero puedes ver esta es mi imagen de referencia. Esta es la casa en la que crecí y la acabo utilizar como referencia para recrear de una manera muy básica, simplificada, geométrica, como ves que saqué parte del detalle de las ventanas. No quise abrumarme con todos los detalles, sino algo que representa la casa y es identificable. Como dije, es muy geométrico. Solo hay un montón de rectángulos que componen todo dentro de este diseño. Entonces en algunos de los detalles más finos, tuve que hacer un poco de trabajo para conseguir que hiciera las formas que yo quería. Pero es puramente vector y todo es muy básico. Ahora bien, no tienes que crear tu obra de arte dentro de Illustrator, si te sientes más cómodo en Photoshop, puedes hacerlo. El motivo por el que estoy usando Illustrator es porque sé que mi ilustración vectorial se traducirá a capas vectoriales dentro de After Effects muy fácilmente. Pero si lo deseas, puedes hacer un estilo de diseño completamente diferente. No tiene que ser este look de vector plano 2D. Podrías agregar texturas y patrones, o incluso usar unas referencias fotográficas reales dentro de tu obra de arte. Simplemente ten en cuenta que necesitarás todo para estar en sus propias capas para que puedas animarlo dentro de After Effects. Ahora, podríamos llevar esto directamente a After Effects tal como está pero si miramos la paleta de capas, ve que todo está en una sola capa. Si abro esto, tengo todo un montón de caminos dentro de aquí, ninguno de ellos se nombra, nada está organizado, y así si traigo esto en After Effects, así es exactamente como van a entrar. Apenas caminos desorganizados que va a ser muy difícil de cavar. Entonces, necesito organizarlo todo antes de entrar en After Effects. En primer lugar, no necesito esta referencia fotográfica dentro de After Effects. Entonces, solo voy a guardar una copia de mi obra de arte en el escritorio y llamarla House_ae, para After Effects. De esa manera, tengo una copia y puedo hacer lo que quiera a esto sin preocuparme por perder mi original. Voy a borrar esa imagen y ahora voy a empezar a romper estos caminos en sus propias capas. Ahora en este diseño, en realidad no necesito hacerlo por cada elemento y eso se debe a que muchos de estos elementos son idénticos. Entonces, todas estas ventanas superiores, todas son exactamente iguales y estas cuatro ventanas de abajo, estos cuatro arbustos, todos son exactamente iguales. Entonces, solo puedo hacer uno de estos arbustos en su propia capa y luego en After Effects, los duplicaré a través de la imagen usando la ilustración como referencia. Pero de esa manera, no tengo que hacer tanto trabajo aquí. Pero voy a empezar por romper todo en sus propias capas porque eso en realidad es mucho más fácil que hacer una selección de los elementos individuales que quiero y separarlos. Entonces, solo voy a hacer una selección de todo, y luego me acercaré a la paleta de mi capa en esto, un pequeño desplegable aquí mismo, y decir, Liberar a capas (Secuencia). Doy click en eso, ahora todos esos elementos se colocan en sus propias capas. Todavía están contenidos dentro de esta Capa 1, pero ahora puedo agarrar cualquiera de estas capas y arrastrarlas para que sean sus propias capas individuales en mi documento. Eso se traducirá en After Effects como capas también, y eso es exactamente lo que quiero. Entonces, voy a empezar por sólo agarrar el techo. Empezaremos por la parte superior y trabajaremos hacia abajo. Entonces, arriba este es el techo. Entonces, voy a hacer doble clic en ese nombre de capa y cambiarle el nombre Roof, y luego voy a hacer clic y arrastrar esa capa por encima de la Capa 1. Entonces, ahora tengo techo separado del resto del arte. A continuación, voy a hacer estas ventanas. Entonces, solo quiero empezar con este de aquí. Entonces, agarraré esta capa y la cambiaré el nombre Ventana superior Vidrio superior. Entonces mientras estoy en ello renombra este vidrio superior Ventana inferior, y agarraré esta capa y la renombraré Marco de ventana superior. Entonces agarraré las tres de estas capas haciendo clic en esta. Shift haciendo clic en la parte superior y luego haga clic y arrastre eso todo el camino hasta la parte superior de mi pila de capas. Entonces, están fuera justo debajo del techo. Ahora esas tres capas están separadas de todo lo demás. No necesito preocuparme por ninguna de estas otras capas de ventana. Entonces, sólo los voy a ignorar y bajaré a esta ventana. Agarré la parte superior y le renombraré Lower Window Top. Voy a agarrar el cristal, Vidrio superior de la ventana inferior y Vidrio inferior de la ventana inferior. Por último, el Marco de Ventana Inferior. Seleccionaré esas capas, las moveré a la parte superior justo debajo de las Capas de Ventana Superior, y luego agarraré este arbusto y simplemente renombrarlo Bush y luego subiré eso. Eso en realidad puede ir por encima la ventana inferior porque quiero que aparezca por encima de esas capas, y luego vendré aquí a esta lámpara, y agarraré esta parte superior y la llamaré Lamp Top. Amplía y agarra esta capa. NOMBRE Lámpara Vidrio, Lámpara Inferior y Base de la Lámpara. Me aseguraré de agarrar esas capas. No quiero este, así que estoy presionando Comando o Ctrl en una PC y dando clic en las capas que quiero hacer esa selección. Entonces los traeré arriba, todo el camino, y los pondré justo debajo del arbusto. Yo sólo voy a continuar este proceso para todos mis elementos. Ahora, sobre este elemento en particular, tengo un par de formas diferentes conformando esta obra de arte. Yo quiero fusionar estos dos juntos porque realmente no necesitan estar separados. Entonces, voy a seleccionarlos a ambos haciendo clic y Mayús pulsando sobre ellos con la herramienta de selección, y luego con mi Pathfinder abierto, puedes encontrarlo bajo Ventana, Pathfinder. Voy a dar click en este primer botón que es Unite. Entonces solo los juntaré, y eso hizo desaparecer todo lo demás porque lo unió en la parte superior de esas capas. Sólo voy a arrastrarlo hasta aquí. Entonces, ahora está por debajo de todo. Para estos paneles individuales de vidrio, tengo estos caminos de trazo recién superpuestos encima de este semicírculos. Entonces, voy a seleccionar esos tres caminos y delinearlos subiendo a Object, Path, Outline Stroke, y son sólo rectángulos. Parece que éste está un poco fuera de centro en realidad, así que voy a seleccionar esta capa, Shift click en esta capa y luego haga clic una vez más en el cristal, y eso lo convierte en el objeto clave, y luego voy a un línea ese rectángulo al centro del semicírculo. Ahí vamos. Ahora eso es bonito y centrado. Seleccionaré los tres de estos, así como el cristal, volver a mi Pathfinder y dar clic en el botón Fusionar. Ahora esos están todos fusionados, haré doble clic para entrar al grupo y solo borrar esta parte blanca. Ahora me quedan estas almohadillas de vidrio azul, en forma de pizza, y luego haga doble clic para salir de eso y desagruparlas presionando Command-Shift-G o Control+Mayús+G en un PC. Ahora esos son todos caminos individuales pero todos están viviendo en la misma capa. Pero tenemos algunas capas vacías aquí de todo ese trabajo de Pathfinder que acabo de hacer. Por lo que voy a cortar una capa a la vez, Comand-X y pegar al frente presionando Comando-F o Control+F en una PC en la nueva capa. Entonces, voy a nombrar a esta Puerta Vidrio Uno, y luego sólo voy a continuar este proceso para todas las demás piezas. De acuerdo, eso está todo arreglado y en realidad voy a simplemente seguir adelante y cambiar el nombre de todo lo demás antes de moverlo hacia arriba, porque de esa manera puedo entonces sólo ver qué capas se renombraron antes de arrastrarlas todas a la vez. Entonces, Umbral, tenemos el Siding, el Trim y el Fondo. Entonces puedo hacer una selección de todas las capas que han sido renombradas y saber que esas son las únicas que realmente necesito. Todo lo demás se puede cuidar dentro de After Effects. Entonces, tengo todos esos. Los arrastraré hasta la cima. Eso va a ocultar un montón de mis capas, y en realidad, parece que tengo una renombrada incorrectamente. Entonces, sí, eso no es lo que se supone que sea. Sólo voy a arrastrar eso hacia abajo. Empuja esto de nuevo en la capa uno, porque en realidad no es importante. Recuerda, siempre y cuando eso esté contenido dentro de una capa, After Effects no va a ver ninguno de los contenidos. Todo va a mantenerlo contenido en esa sola capa. Ahora, la razón por la que todo lo demás se está ocultando es porque esa Capa 1 está por debajo de todo lo demás. Si lo moví hasta arriba, entonces vamos a ver que regresen todos esos elementos. Pero estos son los únicos elementos que en realidad voy a necesitar dentro de Illustrator para separarlos en sus propias capas con el fin de animarlos dentro de After Effects. Nuevamente, porque solo puedo duplicar estas capas para las otras ventanas, para la otra lámpara, los otros arbustos, y todo lo demás es único. Ahora que eso está hecho, puedo guardarlo y traerlo a After Effects. Se puede hacer lo mismo. Entonces, en este punto sigue adelante y decide qué casa o edificio te gustaría crear y luego crea la obra de arte para ello. De nuevo, no tienes que hacer esto en Illustrator, si quieres usar Photoshop u otro programa, eso está totalmente bien siempre y cuando puedas llevarlo a After Effects como capas. El elemento clave a recordar es que necesitas que todos tus elementos estén en sus propias capas si quieres poder animarlos independientemente de otros objetos dentro de After Effects. Si estás haciendo algo que es un poco más complejo y usando cosas como texturas dentro de Photoshop, te recomendaría que fusiones todas esas texturas en los elementos individuales para que te queden con una estructura muy similar a éste, donde tienes todos los elementos que componen el cristal de una ventana en su propia capa. Todos los elementos que conforman un techo en su propia capa. Eso hará que sea más fácil animar dentro de After Effects. Otra cosa que debo señalar es el tamaño de su documento. Trabaja a cualquier tamaño en el que planees animar. Mi documento es 1440 por 1080. Entonces, esa es una relación de aspecto cuatro por tres a una resolución HD. De esta manera, siempre puedo expandir esto hacia un lado si quiero ponerlo en una comp HD, pero también se escalará bien para algún lugar como Dribbble. Junto con eso, si estás trabajando dentro de Illustrator, asegúrate de que toda tu obra de arte esté contenida dentro de tu tablero de arte. Si tienes una forma, sal de la caja de arte así. Te vas a encontrar con temas más adelante una vez que estemos en After Effects. Otra cosa sumamente importante a tener en cuenta es que si quieres trabajar con capas de forma en After Effects, como lo seré yo, tienes que usar solo rellenos sólidos o trazos sólidos. A lo que me refiero con eso no es gradientes, ni patrones, ni transparencia, ni modos de fusión. Si estás usando un trazo, no puedes usar ningún tipo de pincel estilizado como este, aunque parezca uniforme, esto aunque parezca uniforme, en realidad está usando un pincel redondo de cinco puntos y After Effects va a ignorar ese pincel y simplemente convertirlo en el pincel básico. Entonces, todos tus trazos necesitan ser básicos y uniformes. Si tienes todo eso en mente, te vas a ahorrar mucho dolor de cabeza una vez metamos en After Effects y empecemos a romper esto. Ahora eso no significa que no puedas usar gradientes y efectos. Esas son cosas que podemos recrear dentro de After Effects pero también tienes otra opción que es no usar capas de forma dentro de After Effects. Sé que probablemente me estoy adelantando un poco, no quiero abrumarte, pero si realmente quieres usar patrones, gradientes, transparencias, cosas así dentro de Illustrator para crear tu ilustración, entonces sugeriría que simplemente planees no usar capas de forma dentro de After Effects. Eso está totalmente bien. Seguirás siendo capaz de seguir y hacer todo lo que soy. Simplemente trabajarás con ilustraciones de Illustrator dentro de After Effects en lugar de capas de formas dentro de After Effects. Pero el proceso de animación es idéntico, y como siempre, si eso es confuso, siéntete libre de hacer preguntas, estoy feliz de ayudar. Ahora hay dos cosas que puedes hacer por tu proyecto de clase antes de seguir adelante. El primero es simplemente diseñar tu casa. Podría ser la casa en la que creciste, la casa en la que vives ahora o incluso un edificio de fantasía, como un castillo, cualquier edificio que te guste. Puedes diseñarlo en cualquier software en el que estés más cómodo. Sólo recuerda seguir las pautas que te di en esta lección. Una vez que tu ilustración esté diseñada para guardar una copia del archivo para que no pierdas la ilustración original y luego organices todas las capas para After Effects. Recuerda mantener cualquier objeto que quieras animar en su propia capa, y si estás agregando alguna textura o algo así dentro de Photoshop, asegúrate de fusionar todas esas capas con el objeto para que tengas una capa texturizada única para cada objeto. Una vez hecho todo eso, puedes exportar una imagen de tu obra de arte y subirla a la página del proyecto de la clase, podamos ver con qué trabajarás. Como siempre, no dudes en hacer preguntas en la página de la comunidad. 3. Cómo organizarse en After Effects: Ahora, que tu obra de arte esté lista, podemos saltar en After Effects. Está bien, ahora es el momento de ponerse a trabajar. Abramos After Effects, y traigamos nuestra obra de arte. Ahora, estoy usando una resolución muy baja mientras estoy grabando este video, que sea más fácil para ti verlo. Entonces, mi After Effects probablemente se vea un poco más apretado que el tuyo, pero todos los paneles básicos están aquí, y deberías poder seguirlo. Necesito traer mi obra de arte que acabo de prepararme dentro de Illustrator. Entonces, haré clic derecho en mi panel de proyecto, y bajaré a Importar, Archivo, y luego pongo el mío en el escritorio. Recuerda, hice una copia, House_ae, voy a hacer doble clic en eso, y luego voy a conseguir algunas opciones. En Import Kind, es muy importante que importe esto como una composición, y no material de archivo. Te voy a mostrar lo que pasa si elijo metraje. Voy a dar clic en Aceptar. Tengo una sola capa. Si arrastro eso hacia abajo a una nueva composición. Esto es obra de arte plana. No hay nada que pueda hacer con esto. Todas esas capas que tanto trabajo para organizar dentro de Illustrator se han ido. Nada que pueda hacer en absoluto. Entonces, en cambio, voy a eliminar eso e intentarlo de nuevo. Import, File, House_ae, y luego voy a cambiar el tipo a composición. Tenemos otra opción que es importante, dimensiones de metraje. Por lo tanto, nuestras opciones son tamaño de capa o tamaño de documento. Tamaño de capa va a mantener el cuadro delimitador de cada capa el tamaño de esa capa y tamaño del documento va a poner el cuadro delimitador para que sea el tamaño del documento para cada capa independientemente de su contenido. Noventa y nueve veces de cada 100, tamaño de capa es la opción con la que vas a querer ir. Entonces, vamos a elegir el tamaño de capa, haga clic en Aceptar, y eso automáticamente genera una composición y me da una carpeta. Si abro eso, hay todas mis capas nombradas exactamente de la misma manera que como las tenía nombradas en Illustrator. Si abro la composición, ahí están todas mis capas. Aquí está mi documento que se ve exactamente como lo hizo en Illustrator, y si solo esta capa inferior uno, todos esos otros elementos siguen intactos. Ahora, que tengo mi obra de arte aquí, necesito solo verificar algunos ajustes de composición. Voy a llegar a Composición, Ajustes de composición, y verificar que tengo mi ancho y alturas fijadas en 1440 por 1080, el tamaño de mi archivo de Illustrator. Mi velocidad de fotogramas es de 30 cuadros por segundo. Eso es en lo que quiero trabajar pero siéntete libre de cambiar esto si prefieres trabajar en algo así como 24 fotogramas por segundo. Entonces, mi duración es muy larga. Ahora, esto está apareciendo como números de fotogramas no código de tiempo real, así que en realidad voy a cancelar fuera de esto. Ven a mi código de tiempo y Comando Haga clic en él, que cambie a horas, minutos, segundos en lugar de fotogramas. Entonces, vengo a la Configuración de Composición, Composición una vez más. Ahora, puedo ver que mi composición es en realidad 43 minutos de duración, 49 segundos y tres fotogramas, eso es absurdamente largo. No necesito nada cerca de esa longitud, así que voy a respaldar esto arriba y solo a cero eso fuera y cambiarlo a algo así como 15 segundos de largo. Eso debería ser más que suficiente para esta animación. Todo lo demás se ve genial. Haré clic en “Aceptar”, y luego simplemente renombrar esta composición. Entonces, hago clic en él en el panel del proyecto, presiono Intro y renombrarlo House_Build. Está bien. Ahora, como dije podrías usar estas capas exactamente como están y hacer una animación de la misma manera que voy a hacerlo. Pero prefiero trabajar con capas de formas porque, entonces justo dentro de After Effects puedo cambiar cosas como el color, tengo acceso a algunos controles más divertidos, y solo generalmente disfruto trabajando con capas de formas. Pero si prefieres simplemente trabajar con estas capas tal como son, eso está totalmente bien. Simplemente notaría que si seleccionas cualquier capa de Illustrator y habilitas el interruptor Rasterizar continuamente, esta pequeña estrella de aquí, entonces puedes escalar esta capa infinitamente y siempre permanecerá nítida. Es preservar la ilustración vectorial dentro de esa capa. Si desmarco ese interruptor, ya ves que se pone un poco borroso. Pierde la calidad vectorial y en su lugar conserva la resolución original. Algo a tener en cuenta. Si no ves esta columna aquí mismo, solo asegúrate de tener este botón aquí presionado. Entonces, ves todos tus interruptores de capas. Está bien, voy a deshacer de nuevo a donde estaba. Ahora, voy a convertir todas estas capas en capas de forma. Todos excepto la capa uno. Entonces, voy a seleccionar la capa superior, Mayús Haga clic en la capa de fondo, así que ahora tengo todo seleccionado excepto esa capa uno, y hago clic derecho y voy a Crear formas a partir de capa vectorial. Debo señalar que esta es una característica que requiere al menos After Effects CS6 o posterior. Entonces, si tienes una versión más antigua que esa, no vas a poder hacer este paso. Está bien. Voy a hacer clic en eso, y After E Effects ahora genera todas estas capas de forma con el mismo nombre de capa que la fuente, más la palabra contornos. Entonces, delineó todas esas capas en capas de forma. Si bien todavía están seleccionadas, solo voy a hacer clic y arrastrar en cualquiera de las capas de forma seleccionadas, y empujarla ahí mismo y de esa manera, separa todas las capas de formas de la ilustración de Illustrator. Está bien. Entonces, ahora se puede acercar aquí y puedo echar un vistazo a estos paneles. Tengo el cristal superior de la ventana superior, y como es una capa de forma, puedo hacer cosas como cambiar el color a lo que quiera aquí mismo dentro de After Effects. Es genial. En este punto sería una gran idea para ahorrar. Definitivamente quieres meterte en el hábito de ahorrar regularmente, para que no pierdas nada de tu trabajo. Entonces, voy a guardar Command S o Ctrl S en un PC, y voy a poner esto en el escritorio y simplemente renombraré este House_Build. Genial. Ahora, elegí crear obras de arte que sean bastante simples, geométricas y tipo de repetitivas. Entonces, quiero que mi animación se ajuste a ese estilo en la forma en que se mueve. Entonces, para estas ventanas, voy a querer que todas se animen de la misma manera. Podría animar una ventana, duplicarla tres veces más y tener capas para cada una de esas ventanas que solo son duplicados entre sí, o podría agrupar estas tres capas juntas en una precomposición, animar dentro de ese pre-comp, y luego duplicar el pre-comp cuatro veces para crear la misma animación. El beneficio del pre-comp es que puedo editar una animación y hacer que se refleje en todas las instancias de esa comp. Entonces, déjame mostrarte lo que quiero decir. Voy a empezar por seleccionar estos paneles de vidrio y esta ventana, solo la herramienta de selección haciendo clic y Mayús haciendo clic en las otras capas, y luego quiero precomponer estas. Entonces, subiré a Capa, todo el camino hacia abajo en la parte inferior, Pre-Compose. Quiero señalar que aquí mismo hay un atajo de teclado. atajos de teclado son tan útiles para que tu flujo de trabajo sea más rápido en After Effects, así que realmente te animaría a empezar a aprender y memorizar estos atajos de teclado. Yo las uso todo el tiempo, pero sólo te los estoy mostrando en el menú, para que puedas ver dónde están ahora. Pero aquí mismo, tenemos Shift Command C. Entonces, si los tengo seleccionados y presiono Shift Command C, eso abrirá el cuadro de diálogo precomponer, y puedo darle un nombre a esta nueva comp. Entonces, voy a llamar a esta ventana superior, y “Mover todos los atributos a la nueva composición” es genial, Ajustar la duración de la composición al lapso de tiempo de las capas seleccionadas también es genial. Haré clic en “Aceptar” y ahora este cuadro delimitador pre-comps es del tamaño de mi documento. Entonces, si hago doble clic en este pre-comp, ya puedo ver las tres de mis capas. Pero tengo todo este espacio negro vacío que no está haciendo nada. Realmente me gustaría mantener mi obra más limpia dentro de esta comp, en mi comp principal, lugar de tener esta enorme caja delimitadora con todo este espacio vacío. Entonces, lo que voy a hacer es primero tomar una instantánea de mi escena. Ese es este pequeño botón de aquí. Voy a hacer clic en él, y ahora digamos que cambio algo. Puedo mantener pulsado este botón, muestra instantánea, y mientras mantenga presionada, me mostrará cómo era mi comp cuando tomé esa instantánea. Entonces, apagado y encendido. Ahí vamos. Entonces, deshago Comando C, y con esa instantánea guardada, entraré en mi comp y quiero hacer que mis comps dimensiones del tamaño de esta ventana. En realidad hay una manera bastante fácil de hacer esto. Está usando la herramienta Región de Interés y eso es justo aquí. Normalmente, esto se usa para renderizar solo una porción específica de una comp pero en realidad se puede usar exactamente como la herramienta de recorte. Simplemente hago que el cuadro delimitador sea del tamaño de la ventana. Voy a acercar bonito y cerrar, eso es presionar la tecla Period en el teclado para acercar, tecla Coma para alejar. Simplemente alinearé esto bien y cerraré, asegurándome de no recortar ninguna de la ventana. No tiene por qué ser perfecto, pero algo muy cercano es genial. Entonces llegaré a Composición, “Comp de cultivos a Región de Interés”. Haga clic en eso y ahora mi ventana está muy bien posicionada justo en el centro de ese pre-comp. Pero si vuelvo a mi comp principal, ahora la ventana está en el centro de este edificio. Eso no es lo que quería, que es exactamente por eso que tomé una instantánea. Entonces, si mantengo pulsado el botón Mostrar instantánea, puedo ver dónde debe estar esa ventana ahora, y solo haré clic en Mantener presionado Mayús y arrastrarla sobre. Amplíe bien y cierre y luego vuelva a mostrar esa instantánea. Entonces, necesita moverse hacia abajo hacia la izquierda. Entonces, lo muevo hacia abajo a la izquierda, y luego lo empujo hacia abajo con mis teclas de flecha, y ahí vamos. Está alineado perfecto. Está bien, eso es genial. Pasemos a esta ventana. Seleccionaré todas las capas que componen esta ventana- Aquí vamos. Entonces, Comando + Shift o Control + Shift + C y cambie el nombre de esta ventana inferior. Todos los demás ajustes son geniales. Click Ok y tenemos el mismo tema. Entonces, entraré en esa capa, estableceré mi región de interés. Por cierto, estoy cambiando a la herramienta de zoom muy rápidamente presionando Z en el teclado. Haga clic una vez para acercar y mantenga pulsada la opción o Alt en un PC, y haga clic para alejar. Entonces, estoy sosteniendo la barra espaciadora para cambiar temporalmente a la herramienta de mano que me permite simplemente desplazarme alrededor de mi documento. Entonces, así es como entrando y saliendo y alrededor de mis documentos tan rápido. Eso son solo algunas formas más de acelerar tu flujo de trabajo. Te acostumbrarás a eso ya que usas After Effects con más frecuencia. Está bien. Entonces, pongamos aquí la región de interés. Vamos a hacer una caja alrededor de la ventana, bonita y cerrada. De nuevo, no quiero recortar nada, así que está bien tener un poco de margen. Intento ser lo más simétrico posible alrededor de estos bordes. Entonces, subiré a Composición, Comp de cultivos a Región de Interés. Vuelve a nuestra comp principal, y ahora la ventana está aquí arriba donde no debería estar. Ahora, podría usar de nuevo la función de snapshot, pero quiero aprovechar esto como una oportunidad para mostrarte otra técnica. Ya que tenemos toda nuestra obra original aquí, en realidad puedo simplemente encontrar esa capa que sería estas capas son las que componen este arte. Entonces, habilitaré esos. No los veo porque estas dos capas de aquí mismo las están escondiendo, así que los apagaré y el fondo también. Aquí vamos. Ahora, tenemos esas capas originales de vuelta donde necesitan estar. Entonces, me limitaré a agarrar esta ventana y alinearla hasta que encaje exactamente como lo hizo la obra original. Se ve así, es bastante perfecto. Si apago y vuelvo a encender esta capa, se puede ver que eso está casi muerto. Entonces, voy a llamar bueno a eso, apagar esas capas y volver a encender mis capas de fondo. Genial. Ahora bien, no necesito hacer múltiples copias de esta puerta, pero sí quiero mantener esta comp principal lo más limpia y organizada posible. Entonces, en realidad voy a seleccionar todas las capas para la puerta. Entonces, empezando aquí y bajando al marco de la puerta, y yo precompuso estos también. Entonces, Comando + Shift + C, Control + Shift + C en un PC y voy a nombrar esta puerta. Entra a ese precomp haciendo doble clic y luego establece mi región de interés. Simplemente voy a continuar este proceso para todos los elementos que quiero existir en una sola capa dentro de mi comp principal. De nuevo, eso es solo por organización. Hace que las cosas sean mucho más fáciles de ver y tratar en la comp principal. Entonces, ahí está mi puerta, bajaré eso muy bien con el umbral. Tengo eso para alinearlo como guía, y luego sólo quiero asegurarme de que esté centrado. Entonces, voy a mostrar mi instantánea, y mira eso, es perfecto. Muerto a derecha en el centro. Haré lo mismo por la lámpara porque eso se va a duplicar. Entonces, seleccionaré esas capas. Lámpara de precomposición. Establecer mi región de interés. De nuevo, esto no tiene que ser perfecto siempre y cuando sea bastante simétrico. Estoy tratando de poner la misma cantidad de espacio en los lados arriba y abajo. Entonces, recortaré a la región de interés y reposicionaré mi lámpara en la comp principal. Asegúrate de que eso sea agradable y donde necesita estar. Usaré las teclas de flecha para simplemente cambiarlo hasta que se alinee con esa instantánea. Perfecto. De acuerdo, voy a precomponer este arbusto porque tiene cuatro duplicados. Entonces, Comando + Mayús + C, arbusto. Perfecto. De acuerdo, creo que eso es bueno por ahora. Tengo mi puerta, mis ventanas, el arbusto, la lámpara y luego todos estos otros elementos son básicamente solo rectángulos así que los voy a dejar como están por ahora. A continuación, quiero echar un vistazo a mi panel de proyecto porque se puede ver que ahora todos mis precomps están apareciendo aquí. Esta es otra parte de After Effects que quiero mantener organizada por lo que es fácil navegar por el proyecto. Entonces, voy a hacer una nueva carpeta haciendo clic en este botón aquí mismo y le renombraré Precomps. Simplemente agarraré todos los precomps y los moveré a esa carpeta. Ahora, eso es bonito y organizado. Tengo mi comp principal aquí y mi ilustración de Illustrator. Ahora, eso está organizado, quiero duplicar los elementos que se pueden duplicar. Entonces, empezaré con las ventanas superiores. Para esto, usaré como referencia la obra original. Entonces, voy a apagar algunas de estas capas. El revestimiento y el ribete, sólo voy a esconderlos. Ocultaré el fondo. Ahora, tengo esta capa 1 visible, que es lo que voy a usar como referencia. Entonces, agréguese bien y ciérrelo aquí. Este es mi precomp y esta es la capa 1 de Illustrator. Entonces, seleccionaré este precomp y lo duplicaré pulsando Comando + D o Control + D en el PC. Entonces, ahora tengo dos instancias de ese mismo precomp. Después, con la herramienta de selección seleccionada, haré clic en mantener pulsado shift y arrastraré esta ventana hasta que se alinee con esa capa. Entonces, justo por ahí, se ve bien. Sostendré la barra espaciadora para recorrer un poco el comp y duplicar de nuevo. Comando o Control + D, haga clic, mantenga presionada la tecla Mayús y arrastre hasta que eso esté alineado. Yo solo haré esto por todas las ventanas. Ahora vamos uno más, y ahí vamos. Ahora, todas mis ventanas se recrean usando sólo estos precomps. Entonces, si solo estos, y veo que tengo todas mis ventanas existentes desde estos precomps ahora. Haré lo mismo por esta ventana de aquí abajo. Entonces, lo duplicaré. Comando o Control + D, haga clic en Mayús y arrastre. Desplazar sobre, duplicar, hacer clic en el desplazamiento y arrastrar, duplicar el clic de desplazamiento y arrastrar. Se ve genial. De acuerdo, haré lo mismo por esta lámpara. Duplicado, está bien. Entonces, finalmente, este arbusto. Entonces, duplicar, muévelo. Duplicado y un duplicado más. Está bien. Ahí vamos. Ahora, tengo todos esos elementos repetidos recreados. Puedo apagar la capa 1 y mi obra sigue ahí. Encenderé esos elementos de fondo, y mi casa está completamente recreada dentro de After Effects usando precomps y capas de forma. Ahora, que tengo todo eso configurado, realidad puedo deshacerme de todas mis ilustraciones de Illustrator. Ya no lo necesito. Por lo tanto, selecciono la primera capa, desplácese hacia abajo, mantenga presionado Mayús y haga clic en la última capa, y luego simplemente presione eliminar. Ahora, el contenido de mi comp son sólo las capas que realmente me preocupan. Presionaré Command + S para guardar o Control S en un PC. Recuerda, ahorra todo el tiempo. Ahora, podemos empezar a animar mi casa. En este punto, necesitas traer tu obra de arte en After Effects y descomponerla tal como lo hice yo. Si estás siguiendo conmigo y haciendo un edificio muy parecido al mío, entonces probablemente quieras usar precomps para cosas repetidas como las ventanas de mi edificio. Si no, eso está bien. Solo asegúrate de mantener todas tus capas en tu comp agradables y organizadas, etiquetadas correctamente para que sea fácil de navegar y fácil ver lo que estás haciendo. Una vez que hayas terminado con todo eso, toma una captura de pantalla de tu pila de capas After Effects y publica eso en la página de tu proyecto de clase para que pueda ver tu proyecto. Eso podemos pasar a la animación. 4. El gráfico de velocidad: Esta es la sección más importante única de toda la clase. Te voy a enseñar a usar el editor de gráficos y todas las herramientas que lo acompañan. Entonces, si aún no lo has hecho, ahora es el momento de empezar a prestar atención. Ahora, voy a tomar un poco estos que son de mi propio proyecto de clase, y tengo una demo configurada para explicar exactamente cómo está funcionando el editor de gráficos, y he hecho esta demo como after effects project file a tu disposición para que descargues, así que que puedes jugar interactivamente con él mientras me estás mirando. Entonces, seguiré adelante y pondré eso en las notas de este video. También lo puedes encontrar bajo la pestaña de tu proyecto en los archivos adjuntos, pero de esa manera, puedes estar jugando interactivamente con el editor de gráficos mientras estás aprendiendo al respecto. Entonces, he construido aquí una demo que te va a mostrar un contorno como un rastro de este círculo moviéndose a través de la pantalla. Voy a poner este archivo de proyecto a tu disposición para descargas para que puedas jugar con esto ya que me estás viendo, y después de que termines con el video. Porque creo que es un ejercicio realmente genial para poder entender cómo se mueven tus objetos en función de la forma en que estás manipulando tus fotogramas clave. Entonces, puedes encontrar ese archivo de proyecto en las notas de este video en este momento, así como en la pestaña de tu proyecto en los archivos adjuntos. No te preocupes por cómo hice este demo ahora mismo, tendré una lección extra al final de clase, si realmente te interesa cómo hice esto, te mostraré ahí. Pero por ahora, solo piénsalo como una guía. Está mostrando cada fotograma entre el fotograma cero y el fotograma 30, ya que este contorno de círculo resaltado. De esa manera, podemos ver exactamente cómo se mueve esta pelota. Si previsualizo, puedes ver que solo está viajando a través de la pantalla. Esta animación se generó con sólo dos fotogramas clave de posición. Primer fotograma clave establecido en 200 píxeles en el eje x, y 1080 en el segundo fotograma clave. El eje y no cambia. Por eso sólo se mueve de izquierda a derecha. Mis fotogramas clave son lineales. Eso es lo que significan estos pequeños diamantes. Me voy a dar un poco más de espacio. Pero eso es lo que representan estos iconos, fotogramas clave lineales. Si pasaste algún tiempo animando dentro de After Effects, entonces probablemente estés familiarizado con el término 'Fácil Easi'. Si selecciono estos dos fotogramas clave, y haga clic derecho, baja al asistente de fotogramas clave, allí encontrará fácil facilidad el atajo de teclado es F9. Si hago clic en eso, mi diamante cambia a estas formas de reloj de arena, y mi animación se cambia así como el rastro. Vemos ahora que hay más círculos superpuestos en este extremo y este extremo, y el movimiento se suaviza ligeramente en el extremo frontal de la animación. Si deshago para volver a lineal, se puede ver que es muy recto, lineal, estático. Si rehago Command Shift Z, o Control Shift Z, tenemos ese poco de flexibilización en los extremos delantero y trasero. Ahora es aquí donde la mayoría de las personas se meten en el diseño de movimiento y después de efectos se detienen Simplemente dicen todos estos fotogramas clave, lo suavizará y será genial. Pero, estás tomando esta clase porque no quieres ser como cualquier otro diseñador de movimiento. Se quiere entender cómo controlar su movimiento, y la clave para aprender que es a través del editor de gráficos. Entonces, podemos abrir el editor de gráficos llegando a este pequeño ícono aquí mismo. A ver, editor de gráficos, voy a hacer clic en él, y aquí tenemos una línea doblada, es forma de campana, y una gráfica , y algunos números, y podría parecer un poco confuso. Pero no te preocupes, voy a descomponerlo todo y te explicaré todo lo que necesitas saber para aprovechar esta herramienta. Lo primero que necesito señalar, es que en realidad hay dos tipos de gráficos dentro del editor de gráficos. Entonces, si estás jugando con un editor de gráficos mientras estás viendo esto, tu gráfico podría verse diferente al mío. De hecho, probablemente se verá diferente al mío, pero el tuyo podría no ser esta bonita curva en forma de campana. Si vengo a este pequeño desplegable aquí mismo, puedo elegir el tipo de gráfico. Ahora, por defecto, está configurado para seleccionar el tipo de gráfico automático, porque ciertos gráficos tienden a funcionar mejor con ciertos tipos de propiedades, por lo que after effects está sugiriendo qué tipo de gráfico cree que desea usar. Esto solo sucede que es el gráfico de velocidad. Entonces, si elijo el gráfico de velocidad se mantiene igual. Pero, tenemos otra opción, la gráfica de valores. Si hago clic en eso, se ve diferente. Tenemos colores, tenemos esta forma de S, y luego la línea recta. De nuevo, todo esto podría ser un poco confuso, pero lo voy a descomponer. Empecemos con el gráfico de velocidad. Ya que estamos en la propiedad de la posición, y después de efectos incumplidos a eso, hablemos de lo que esto representa. Bueno, estos dos puntos aquí están representando nuestros fotogramas clave. Puedo seleccionar cualquiera de ellos, y apagar el editor de gráficos, y volver a encenderlo, y se puede ver que dentro de la línea de tiempo, están en el mismo punto que esos fotogramas clave. Entonces, eso es fácil de recordar. Estas plazas son exactamente las mismas que estos iconos de reloj de arena. Son fotogramas clave. Esta curva en forma de campana nos está diciendo lo rápido que esta bola se mueve en un punto específico en el tiempo. Está midiendo los píxeles por segundo que se mueve con el tiempo. Es por eso que a esto se le llama el grafo de velocidad. En la propiedad de posición, está midiendo la velocidad de los píxeles a lo largo del tiempo, en la propiedad de rotación estarías midiendo grados a lo largo del tiempo, y en la propiedad de escala estaría midiendo porcentaje a lo largo del tiempo. Pero con todas esas propiedades, el valor que en realidad está midiendo es la velocidad. Entonces, veamos si podemos leer esta gráfica. Es una forma de campana. Aquí abajo vemos un cero. Si destaco ese fotograma clave, obtenemos un pop up que dice en el fotograma cero, está viajando a cero píxeles por segundo. Entonces, el punto de anclaje del fotograma clave está abajo en esa línea base de cero. Está bien. Eso tiene sentido, porque al principio de nuestra animación, el balón no se mueve. Entonces, está viajando a cero píxeles por segundo, y a medida que continúa la animación, la velocidad se mueve hacia arriba. Entonces, el por fotograma seis, se está moviendo alrededor de 846 píxeles por segundo, y luego en la parte superior en el fotograma 15, lo estamos moviendo como 1300 píxeles por segundo. En ese punto, es viajar el más rápido. Entonces, se acelera a esa velocidad, y luego la forma de campana empieza a volver a bajar. Entonces, podemos predecir que esta bola va a estar disminuyendo medida que se acerca a ese último fotograma clave que termina en cero píxeles por segundo. Es tan simple como eso. El gráfico de velocidad solo te está diciendo qué tan rápido se mueve el objeto entre fotogramas clave. A esto se le llama interpolación. Es lo que hace que la animación sea tan fácil dentro de un programa de computadora, porque solo puedes decir después de los efectos, empezar con el balón aquí en el cuadro cero, y aquí en el cuadro 30, y en el medio, te conformas el resto. Se llena todos esos vacíos. Pero el editor de gráficos permite elegir cómo está interpolando entre esos dos valores. Entonces, si vuelves a echar un vistazo al fotograma clave, tengo éste seleccionado. También tengo esta manija. A esto se le llama mango de influencia. Si hago clic y lo arrastro hacia la derecha, mi forma de campana cambia, y puedes ver que mi rastro también se está actualizando. Entonces, déjame retocar esto de nuevo. Ya ves que ahora se tarda mucho más en atravesar la pantalla. Nuevamente, podemos leer esa gráfica. Se inicia en cero, se tarda más en acelerar, y ahora son alrededor de 20 fotogramas que está a su velocidad máxima, y es mucho más rápido que 1300, ahora está en 1780 píxeles por segundo, y luego se ralentiza bastante abruptamente. Si agarré este mango de influencia y lo arrastré hacia la derecha, ahora eso va a ser aún más una parada abrupta. Si hago esto mientras podemos ver el rastro, realmente se puede ver cómo eso está afectando a cada fotograma. Entonces, así es como afinas el movimiento usando el gráfico de velocidad. Pero estos fotogramas clave no tienen que empezar a cero píxeles por segundo. Si hago clic y arrastro hacia arriba en este mango, se puede ver que podría decirle que comience a una velocidad de 1,000 píxeles por segundo. Ahora va a ser más rápido al principio, y luego disminuir hacia abajo cerca del final. Se puede sacar un poco este mango, y ahora tenemos todo un montón de marcos agrupados cerca del final y se trata de una parada suave agradable. Si agarro este mango y lo muevo todo el camino hacia la izquierda para que básicamente no tenga influencia en la curva, entonces va a ser más rápido en el primer fotograma, y ralentizar todo el camino hasta la velocidad de reposo del cero. Puedo exagerar esto aún más, y ahora entre este marco y este marco, se puede ver que ni siquiera hay solapamiento. Tocemos eso atrás y veamos cómo se ve. Ahora empieza a viajar muy rápido, y poco a poco llega a ese punto de descanso. Podría revertir esto muy fácilmente, sacaré toda la influencia de esa, lo pondré todo de nuevo en esta, y ahora esa velocidad se invierte. Se inicia muy lento, y despega al final de la animación. Ahora, quiero volver a mis fotogramas clave lineales. Podría hacer eso saliendo del editor gráfico y Comando o Control haciendo clic en los fotogramas clave, o, sin salir del editor gráfico, podría simplemente mantener pulsada la opción o Alt y hacer clic en esos fotogramas clave. Ahora mi gráfica no está curvada en absoluto. Es una línea recta. Si lo piensas, eso tiene sentido, porque los fotogramas clave lineales tienen una velocidad constante. Hay una cantidad igual de distancia recorrida entre cada uno de estos fotogramas, lo que me lleva justo a mi siguiente punto que es el tiempo versus el espaciado, y estos son dos conceptos fundamentales de animación que se unen directamente a el editor de gráficos y cómo las cosas se mueven dentro de After Effects. El tiempo es la distancia entre fotogramas clave. Literalmente, donde hemos cronometrado estos dos fotogramas clave. Es por eso que este es un icono de cronómetro, permite asignar un valor específico a cualquier propiedad en un momento dado. Entonces, en fotogramas cero, lo tengo establecido a este valor, en el fotograma 30, lo tengo establecido a este valor. Ese es mi momento. El espaciado es de lo que es la interpolación de la que hablamos. Son todos los fotogramas entre esos dos puntos en el tiempo. Debido a que mis marcos clave son lineales, el espaciado es perfectamente uniforme a lo largo de cada uno de estos marcos. El balón está viajando igual distancia entre cada uno de los marcos. Si alivio esto. Ahora el espaciado es diferente, hay menos espaciado entre fotogramas en los extremos frontal y de cola de la animación, y más espaciado en el medio. Si abro mi editor de gráficos, y es esto bastante, entonces soy un realmente afectando el espaciado. Entonces, hay un montón de huecos entre estos marcos aquí en el medio y apenas hay huecos entre los marcos en el frente y el extremo de la cola. Entonces, tocaré eso de nuevo, obtenemos una animación mucho más suave. En lo que hay que pensar, es que el tiempo no ha cambiado en absoluto. En el fotograma cero, es el primer fotograma, y en el fotograma 30, el segundo fotograma clave. Todo lo que ha cambiado es el espaciado entre esos dos fotogramas clave. Déjame mostrarte a lo que me refiero. Tengo otra comp aquí configurada con esa misma comp fácil a la que acabo de hacer los ajustes, así como otro duplicado donde sólo tenemos movimiento lineal. Entonces haré esto más grande, así que es bonito y fácil de ver, y volveré a jugar esto. El punto de esto es mostrarles que el tiempo de ambas animaciones es idéntico. Ambos empiezan en cero y terminan en 30, pero el espaciado es completamente diferente, y se podría ver lo dramáticamente que eso afecta al movimiento real. Es exactamente por eso que saber usar el editor de gráficos es tan importante. Porque puedes tomar dos fotogramas clave y producir algo que se vea totalmente diferente a los fotogramas clave predeterminados y lineales. Ahora bien, si volví a mi demo comp, y ajusté esto para que tal vez no termine tan suavemente, arranca mucho más suave y termina más abruptamente, podemos volver atrás y seguir viendo que el cronometraje no ha cambiado, solo el espaciado. Ambas capas comienzan y terminan en la misma posición exacta. Eso va por cualquier propiedad, no sólo tiene que posicionarse. El tiempo y el espaciado se aplica a cualquier cosa con fotogramas clave, y por eso es tan importante saber usar el editor de gráficos. A mí me gusta usar mucho el gráfico de velocidad. Ahí afuera hay alguna controversia qué tipo de gráfica es mejor, y yo te animaría encarecidamente a no favorecer una sobre la otra. Ambos tienen pros y contras, y pueden hacer cosas que el otro no puede. Entonces, es muy importante que entiendas cómo usar cada uno, para que puedas saber cuándo usar cada uno. 5. El gráfico de valores: Ahora pasemos al gráfico de valores. Entonces, baje a este menú y diga editar gráfico de valor. Ahora, recuerda que estamos de vuelta a nuestros fotogramas clave lineales y estamos viendo algo diferente en nuestra gráfica. La mayor diferencia es que ahora tenemos dos líneas diferentes y hay dos colores diferentes. Esto es algo que es un poco confuso sobre el gráfico de valores, cuando estás trabajando con una propiedad que tiene múltiples valores como la posición o la escala, el gráfico de valores va a mostrar ambos valores. Entonces estamos viendo esta línea verde y eso está representando la posición Y, ya que resalto sobre ella se puede ver la posición Y en ese cuadro pop up, y la línea roja es una posición representativa X. Eso es genial. Déjame seleccionar estos fotogramas clave pulsando y arrastrando y luego los convertiré a facilidad, F9 en el teclado, y ahora tengo esta curva en forma de S para el rojo y mi línea verde sigue recta. Nuevamente, porque no hay movimiento de posición Y esta línea se mantiene completamente plana. Pero mi línea roja, la posición X, es esta forma de S. Entonces, ¿por qué esta es una forma de S y la curva de velocidad una forma de campana? Bueno, es porque el gráfico de velocidad estaba midiendo velocidad o velocidad a lo largo tiempo y el gráfico de valores mide el valor a lo largo del tiempo. Entonces, si recuerdas, dije que el balón comienza con un valor de 200 píxeles en el eje X. Entonces, allá vamos tenemos este primer fotograma clave 200 píxeles y luego en el último fotograma clave está en 1080, y aquí vemos este fotograma clave en 1080. Podemos mirar nuestras unidades y ver que tenemos 500 pixels 1,000 pixels. Entonces, aquí abajo a los 200 es donde el primer fotograma clave en la posición X es eso, tiene sentido y a medida que pasa el tiempo, termina en 1,080 píxeles. Ojalá que eso tenga sentido para ti no sea tan complicado una vez que lo entiendes. El gráfico de velocidad mide la velocidad en el tiempo, el gráfico de valores mide el valor en el tiempo. Una vez que entiendas eso, realmente puedes empezar a predecir lo que está pasando con tus animaciones con solo mirar la curva. Entonces, facilamente aliviaría mis fotogramas clave y puedo ver que empieza en un valor de 200 y se alija fuera de ese valor, está viajando más rápido, cambiando valor más rápido entre un valor de 200 y se alija fuera de ese valor, está viajando más rápido, cambiando valor más rápido entre estos dos puntos y luego empieza a relajar en bajar a ese 1080 posición. Ahora, tengo seleccionado este primer fotograma clave y notarás que no tengo ningún manejador para manipular esta curva, y ¿por qué es eso? Bueno, esta es otra parte de la gráfica de valores que al principio es un poco confusa y a veces bastante frustrante, y la razón de eso es porque se comporta de manera diferente con diferentes propiedades. Por cualquier razón, no soy capaz de editar esta curva con la propiedad de posición que tiene ambos valores juntos. No obstante, si hago clic derecho sobre él y digo dimensiones separadas, ahora tengo una propiedad de posición X y una propiedad de posición Y, y se resaltan con el color que el editor de gráficos les asignó. Entonces, mi posición X es roja que es más fácil de identificar y la posición Y es verde. Genial, no necesito preocuparme por la posición Y de hecho ni siquiera necesito fotogramas clave en la posición Y así que voy a seleccionarlo y presionar el cronómetro para quitarle esos fotogramas clave. Después seleccionaré la posición X, para que se muestre en mi gráfica y eche un vistazo a esta curva. Ahora con esos fotogramas clave seleccionados, tengo acceso a esos mangos. Ahora, se metieron en mal estado cuando dividí las dimensiones, así que necesito facilitarlas de nuevo. Presionaré F9 en el teclado y ahora esa curva en forma de S está de vuelta. Juega S atrás para que podamos ver la animación y al igual que con el gráfico de velocidad, puedo agarrar una de estas asas y arrastrarla hacia fuera. Pero al hacer esto, notarás que no se está quedando horizontal como lo fue el gráfico de velocidad. Yo también soy capaz de moverlo arriba y abajo. Si sostengo turno, se mantendrá horizontal, por lo que puede ser útil pero no sostener cambio descendente me da algo más de flexibilidad. Si quiero que esto termine en posición de descanso, eso es muy bonito y suave, sostendré cambio descendente y mantendré eso horizontal. Al arrastrar esto hacia fuera, se pueden ver todos estos círculos agrupados hasta el lado derecho. De verdad voy a exagerar esto en estas dos asas y reproducirlo. Ahora, tengo esta curva S extrema y se puede ver cómo eso realmente ha afectado mi movimiento. Si yo fuera a agarrar este asa superior y arrastrarlo hacia abajo para que sea más una forma como esta, podría ver que casi todos los círculos están sobre el lado izquierdo ahora. Si juego eso, tenemos ese mismo movimiento de flexibilización fuera de esa posición de reposo a una velocidad muy rápida. Si hago clic en él y lo arrastro hacia arriba más allá ese punto de techo superior y veo que estos círculos ahora disparando hacia el lado derecho. Entonces, vamos a retocar esto y a ver qué hace. Ahora, en realidad va más allá de ese valor de 1,080, aquí arriba ves que está alrededor de 1,150 antes de bajar. Hizo lo mismo con este mango si solo lo agarro y lo arrastro hacia abajo, eso es realmente empujar un puñado de estos círculos hacia la izquierda. Tienen este movimiento completamente diferente solo de editar mi curva. Voy a hacer clic y arrastrar mientras mantiene pulsado shift para encajar estos de nuevo a ser perfectamente horizontal. Ahora, volvamos al gráfico de velocidad y comparemos las curvas. Entonces, aquí tengo esta curva de campana que es bonita y puntiaguda, y luego en el gráfico de valores tengo esta curva S. Nuevamente, podemos leerlos ambos para interpretar la velocidad. Inicia con valor de detención cero, acelera muy rápidamente en el medio, y luego inmediatamente se ralentiza hasta una posición de reposo nuevamente. En el gráfico de valores, estamos viendo un valor. Entonces, comienza en un valor bajo de 200, el valor comienza a cambiar lentamente luego muy rápidamente luego se ralentiza de nuevo descansando en 1080. Ahora, aquí hay algo interesante. Si selecciono estos fotogramas clave, haga clic derecho sobre ellos, vaya al asistente de fotogramas clave y diga fotogramas clave inversos de tiempo, ahora mi curva S se refleja. Entonces, está empezando por un valor más alto y bajando a uno más bajo. Entonces, eso tiene sentido con la gráfica. Empezaría con un valor más alto y luego se movería hacia abajo en lugar de hacia arriba. Voy a retocar eso y ahora se mueve de derecha a izquierda en lugar de izquierda a derecha y si vuelvo a cambiar a mi gráfico de velocidad, mi curva de campana está al revés y la razón de eso es porque la velocidad se mueve a un negativo velocidad. Ahora bien, no se suele pensar en la velocidad en valores negativos, pero la razón de esto es porque after effects está basando todas estas gráficas en los píxeles de comps. Entonces, por aquí, estamos en un valor de 1080 y por aquí leemos un valor de 200. Entonces, está midiendo la velocidad del cambio de valor, y como va de un número mayor a uno menor, es interpretarlo como una velocidad negativa. El curvo es exactamente la misma forma, simplemente se invierte. Voy a deshacer para volver a donde estaba. 6. Rutas de movimiento y fotogramas clave itinerante: Ahora podría volver a mi línea de tiempo y simplemente agregar otro fotograma clave yendo a un fotograma y haciendo clic aquí o dentro del editor de gráficos, realidad podría simplemente cambiar a la herramienta de lápiz que es G en el teclado y hacer clic en cualquier lugar de esta gráfica para añadir un marco clave extra. Ahora que está ahí, puedo volver a cambiar a mi herramienta de selección V en el teclado y luego ajustar las asas de influencia a lo que quisiera. Entonces, si quiero a lo mejor espaciar esto un poco más y tener que tomar más tiempo para acumular a esa velocidad, es como puedo hacerlo o si quiero enloquecerme y solo que esto vaya por todo el lugar, podría arrastrarlo hacia abajo a un negativo velocidad y si cambio a mi gráfica de valores, podemos ver cómo se ve eso. Eso se agrega otro marco clave justo aquí en el medio. Puedo agarrar estas asas y moverlas para ajustar con mucha precisión cómo está sucediendo esta interpolación entre estos fotogramas clave. Ahora con el gráfico de valores, en realidad puedo romper estos manejadores. Si vuelvo a cambiar a mi herramienta de lápiz, G en el teclado, y mantenga la opción o Alt en un PC, eso cambia a mi herramienta Vertex, puedo hacer clic y arrastrar en estos manejadores. Ahora que están rotas, solo puedo seleccionar el otro click y arrastrarlo y ahora tengo algún movimiento de aspecto muy loco. Ahora bien, esto puede no ser en absoluto lo que querrías pero es algo de lo que debes estar al tanto. Te da mucha flexibilidad con cómo interpolar los valores entre tus fotogramas clave. Si quieres que esos mangos se vuelvan a unir, solo tienes que mantener presionada la opción click y arrastrar y volverán a estar encerrados juntos. También puedes optar por hacer clic una vez en un marco clave y ahora esos mangos no tendrán ninguna influencia en el cambio de valor. Voy a deshacer de nuevo a donde teníamos este marco clave loco y sólo compararlo con el gráfico de velocidad. Entonces, aquí podemos ver que se ve completamente loco pero la forma en que esto está funcionando aquí es que tenemos mangos de influencia a ambos lados de este marco clave que está entre otros dos que podemos operar de forma independiente. De nuevo, puedes dividir los manejadores de influencia de un marco clave manteniendo presionada la opción o Alt y haciendo clic en ese marco clave. Haga clic una vez para unirlos, haga clic de nuevo para separarlos. Entonces, puedo mantenerlos separados así o vincular la influencia para que sea agradable y suave entre esos mangos. Todavía los ajusta adecuadamente pero la influencia entrante y saliente será muy similar si están encerrados así. medida que estás empezando a envolver la cabeza alrededor de estos dos gráficos, también puede ser útil utilizar el gráfico de referencia. Al igual que dar click en eso. Te va a mostrar ambas gráficas a la vez. Cualquiera que no estés usando será la referencia. Entonces, estoy ajustando el gráfico de velocidad por lo que me está mostrando el gráfico de valores en segundo plano. En realidad no puedo editarlo pero si hago cambios en el gráfico de velocidad, podemos ver cómo eso está afectando al gráfico de valores. Si cambio a mi gráfico de valores, puedo hacer lo mismo. Ajusta estos mangos y ve cómo están afectando el gráfico de velocidad. Esta es una manera realmente genial de entender e interpretar cómo se están mostrando ambas gráficas. Voy a apagar mi gráfico de referencia, eliminar este marco clave, y luego volver a tirar de este mango hacia arriba. Ahora, mientras hago esto, se puede ver que mi gráfica se desplaza automáticamente hacia arriba por lo que me está dando un poco más de espacio. Pero a veces podría ser difícil trabajar con eso. Si deshago y cambio este valor de 1080 hacia abajo a decir 300, se puede ver que mi curva no ha cambiado pero las unidades gráficas tienen. Ahora sólo se muestra entre 200 y 300 píxeles. Entonces si hago clic y arrastro este mango y lo muevo hacia arriba, apenas se está moviendo más allá de ese punto de descanso. Para evitar esto, puedo desmarcar este botón de altura del gráfico de zoom automático. Lo que esto me permite hacer es simplemente alejar usando las herramientas de zoom. Entonces si presiono Z en el teclado, mantenga pulsada la opción o Alt, puedo hacer clic y se puede ver que se acerca verticalmente en mi editor de gráficos y ahora puedo volver a cambiar a mi herramienta de selección, V en el teclado, y hacer clic y arrastrar que mucho más dramáticamente. Entonces eso me da la capacidad de simplemente alejar o acercar si prefiero acercar más libremente y al igual que dentro de mi curva, mantenga presionada la barra espaciadora para desplazarse alrededor de ese gráfico. Voy a volver a encender eso para que sólo se mantenga eso agradable y centrado y luego poner mis valores de vuelta a donde estaban. A continuación, quiero hablar un poco de la trayectoria de movimiento y cómo eso juega en todo esto. Si no te resulta familiar, esto de aquí arriba, esta pequeña línea azul es la trayectoria de movimiento. El motivo por el que es azul es porque mi capa es azul. Si cambié el color de la etiqueta a verde, será verde. El trazado de movimiento es una representación de la posición de esta capa a lo largo del tiempo. Cada uno de estos puntos es un marco. Los cuadrados abiertos en los extremos representan los marcos clave. Si hago clic en ellos, puedes ver que están siendo seleccionados aquí abajo en mi línea de tiempo. medida que paso por esta animación, se ve que el punto de anclaje de mi capa se está alineando con cada uno de esos puntos. Entonces eso es lo que representan esos puntos. Si ajuste mis gráficos de velocidad o valor, se puede ver que esos puntos también se están agrupando exactamente de la misma manera que mis senderos eran. Entonces esa es una forma de leer el movimiento de tu camino. Eso es genial. Como es ahora, eso es realmente sólo para referencia. No es hacer mucho por mí ni darme más control. Pero si hago clic derecho en mi posición y desmarco dimensiones separadas, he vuelto a mis fotogramas clave lineales y ya no puedo ajustar mi gráfico de valores. Pero si cambio a mi gráfico de velocidad y ajuste estos mangos, se puede ver que eso está actualizando tanto mi rastro como mi trayectoria de movimiento. Lo bonito de esto es que ahora puedo controlar el camino que toma mi círculo entre estos dos fotogramas clave como si estuviera dibujando un camino con la herramienta de lápiz. Entonces, si cambio a mi herramienta de lápiz y resalte sobre el primer fotograma clave, verás que cambia a mi herramienta Vertex. Por click y drag, eso me va a dar un mango igual que cualquier ruta vectorial, igual que mi gráfico de valores, se comporta exactamente igual. Ahora soy capaz de controlar el camino que toma este objeto entre los dos fotogramas clave y como estoy haciendo esto se puede ver que no está cambiando mucho en mi gráfico de velocidad en absoluto. A lo mejor un poco en esta Velocidad máxima pero nada demasiado. Si repongo esto, mis fotogramas clave son exactamente los mismos. Los valores siguen fijados en 210 80 en el eje x. alivian en función del gráfico de velocidad pero va en esta forma de S en lugar de una posición lineal izquierda y derecha. Entonces eso es un beneficio para mantener tu posición bloqueada. Se pueden animar objetos utilizando la trayectoria de movimiento. Si eso es importante para ti, entonces vas a necesitar acostumbrarte a usar el gráfico de velocidad porque como dije, no puedes ajustar la trayectoria de movimiento con las dimensiones de posición separadas. Si separo las dimensiones, pierdo esas asas. Ya no puedo ajustarlos. No obstante, esta moción aún se conserva. El motivo de eso es porque se genera fotogramas clave tanto para la posición x como y. Entonces, ahora si echamos un vistazo al editor de gráficos sólo por la posición y y voy a cambiar al gráfico de valores, se puede ver que está cambiando de un valor de 360 a 315 hasta 420 y luego a 360 mientras que antes esto era apenas lineal. Entonces, si necesitas usar el gráfico de valores pero aún así quieres poder controlar la ruta que toma tu objeto, así es como lo vas a hacer. Probablemente vas a querer seleccionar tanto las posiciones x como y, puedes verlas ambas a la vez y entonces solo empezaré por relajar todo. Entonces otra vez, esto es sólo viajar en un camino lineal pero quiero volver a moverme en ese camino curvilíneo. Así que selecciona mi posición y, agarra una de las asas y arrástrala hacia abajo y luego agarra el otro mango y arrástralo hacia arriba. Ahora esto es, en mi opinión, un poco más difícil de manipular y conseguir que se comporte exactamente la manera que quieres porque tienes que jugar con cuatro valores diferentes. Los marcos clave entrantes y salientes tanto para las posiciones x como y. Tengo algo que funciona bastante bien pero no se facilita muy bien al final así que tendría que jugar un poco más con esto y es por eso que digo que solo es importante conocer ambas gráficas, cómo se comportan con diferentes propiedades, cuáles son sus limitaciones y cuáles son sus beneficios porque entonces se puede saber cuándo usar qué gráfica. Si intentara hacer este tipo de animación, nunca separaría las dimensiones. Los mantendría trabados, facilmente aliviaría mis fotogramas clave y luego solo ajusto mi trayectoria de movimiento. Exactamente como lo hacía antes. Entonces, solo seleccionaré este mango en este marco clave, haré lo mismo aquí abajo y muy fácilmente, soy capaz de manipular por dónde está viajando ese círculo por ese camino. Entonces eso es algo muy importante a tener en cuenta. De lo siguiente de lo que quiero hablar se llama marco clave Rove. Entonces, voy a empezar por sólo hacer que todos mis fotogramas clave sean lineales de nuevo, deshacerme de esos manejadores de trayectoria de movimiento para que solo esté viajando en esa línea recta otra vez. Digamos que quiero ajustar esta trayectoria de movimiento pero esta vez usando un fotograma clave en lugar de las asas. Digamos que estos mangos no me estaban dando exactamente lo que quería. Yo quiero que el balón baje aquí entre estos dos marcos clave. Entonces, solo hago clic y lo arrastro. Genera un fotograma clave y ahora puedo reproducirlo y dispara de un fotograma clave a otro. Si selecciono los dos marcos clave externos y fáciles los alijo, el primer fotograma clave se va a aliviar fuera de este valor e ir a este marco clave y luego esa flexibilización va a ser ignorada a medida que llegue al otro lado de el marco clave e ir de un marco clave lineal a un marco clave Este. Toca eso de nuevo. No es un movimiento suave muy continuo. Si trato de facilitar este entonces se va a relajar a esa posición y luego salir de ella. Pero sólo quiero que tenga este bonito movimiento fluyendo entre estos dos puntos. Bueno, lo primero que tengo que hacer es hacer que mi trayectoria de movimiento sea agradable y suave. Entonces, voy a cambiar a la herramienta de lápiz, G en el teclado, haga clic una vez en ese marco clave para suavizar automáticamente esta curva y luego tal vez solo ajustarla un poco. Está bien. Entonces el camino que está tomando es genial pero el tiempo está apagado. No me gusta la forma en que se está desacelerando a esta posición antes de despegar a aquí. Yo quiero que sea un movimiento continuo casi como si este marco clave no estuviera aquí. Yo solo quiero usar esto como un valor en mi trayectoria de movimiento. Bueno, una forma en que podría hacer esto es manteniendo presionado comando o Control en una PC y haciendo clic en el marco clave quiere hacerlo lineal y una vez más para que sea un círculo. Esto se llama fotograma clave Bezier automático y lo que hace es intentar suavizar la velocidad entre esos fotogramas clave por lo que está haciendo un trabajo bastante bueno. Esto es mucho más suave que este marco clave lineal y mucho más suave que este marco clave Oriente. Entonces eso es genial. Pero saltemos al editor de gráficos y pasemos al gráfico de velocidad para ver cómo se ve eso. No es muy suave. Como dije, es más suave y de nuevo si hice este lineal por opción dando click en él, se puede ver cómo eso realmente no se ve suave. Se rompe las asas y esas no funcionan. Si lo alijo fácil, se reduce a una posición de descanso. No quiero eso. Entonces, vuelvo a mi auto Bezier y usaré eso como punto de partida. Esa es como una forma de tener una idea aproximada de dónde debería estar la flexibilización para ese marco clave y luego solo tiraré de este mango de influencia y tal vez jalaré de éste en tan solo un poquito y ahora tengo este bonito movimiento fluido suave. Casi parece como si no hubiera ningún punto aquí donde haya un marco clave. Eso es genial. Pero, ¿y si te dijera que hay una forma aún más fácil de hacer este tipo de emociones? Si vuelvo a mi línea de tiempo, haga clic derecho en el fotograma clave y baje para rove a través del tiempo, mi fotograma clave se hace más pequeño. Es un círculo por lo que se parece mucho al auto Bezier y se desplaza. Ni siquiera está debajo de donde lo puse. Si vuelvo a mi editor de gráficos, tengo esta curva perfecta en forma de campana otra vez y ese marco clave Rove está justo aquí. Es ese círculo. Mira lo que pasa si ajuste mi curva. Eso se está desplazando automáticamente hacia donde sea necesario, para mantener la velocidad entre estos dos fotogramas clave. Entonces lo que Rove a través del tiempo está haciendo de manera efectiva, es lo que ya había explicado. Es tomar el valor de posición que establecí para esta velocidad de fotogramas clave aquí e incorporarlo a la interpolación entre los dos fotogramas clave a cada lado de la misma. Entonces, no es prestar atención a ninguna de la información de velocidad de hecho, no puedo ajustar ninguna de la información de velocidad. Sólo es aferrarse a los datos que pongo en la trayectoria de movimiento. Entonces, si hago clic y lo arrastro por ahí, puedes ver cómo eso está afectando mi curva. En realidad, no está afectando en absoluto la curva, solo está cambiando a lo largo de ella. Entonces, puedo hacer esta curva tan loca como quiero que sea y siempre va a tener la misma velocidad entrante y saliente, basada en estos dos fotogramas clave. Lo bueno de esto es que en realidad se puede agregar múltiples rove a través del marco clave de tiempo. Entonces, si agrego otro fotograma clave justo aquí, click derecho y digo rove a través del tiempo, ahora tengo dos de esos y puedo ajustar la trayectoria de movimiento como quiera, tal vez hacer esto un poco más bonito y ser muy preciso sobre cómo el movimiento se está reproduciendo en mi comp mientras se sigue controlando la velocidad con sólo este inicio y fin fotogramas clave. Todo esto es conceptos muy importantes para entender y pueden hacer tu vida mucho más fácil al animar cosas. 7. Cómo usar el editor gráfico con otras propiedades: De acuerdo, ahora que hemos hecho toda esta animación de posición, echemos un vistazo a una de las otras propiedades. Voy a subir la escala y establecer un par de fotogramas clave. Empezaremos por bajarlo a decir 50, establecer un fotograma clave y luego ir a este fotograma 30 y volverlo a girar hasta 100. Entonces, ahora esa pelota se está escalando hacia arriba mientras se mueve a izquierda y derecha. Genial. Y si fácil alijo esos fotogramas clave podemos ver esa facilidad reflejándose, ya no es perfectamente lineal. Si entro en mi editor de gráficos, veo un gráfico de velocidad y se está comportando exactamente de la misma manera que el gráfico de posiciones. En lugar de píxeles a lo largo del tiempo, es midiendo porcentaje con el tiempo, así que puedo incrementarlo o disminuirlo, como quiera. Y ahora, el cambio de escala será más dramático por aquí. Ves que se acelera mucho y si paso al gráfico de valores tengo la misma curva S-. Ahora lo interesante de esto es que solo tengo una curva para dos valores y esta es una de esas instancias donde el gráfico de valores es bastante confuso a veces porque en el valor de posición, no puedo editar esto en todos. Tengo dos líneas siempre, tengo que separar las dimensiones si quiero usar el gráfico de valores. No obstante, en la propiedad de escala solo puedo seguir editando esto como si fuera un solo valor y siempre funcionará. Pero si desmarco el botón de proporciones de restricción, para que pueda cambiar de forma independiente la escala x e y. Ahora si selecciono este fotograma clave y hago clic y arrastre, de repente tengo dos líneas y la escala x siempre va a estar encima. Entonces, si selecciono todo y simplemente fácil lo facilidad están todos superpuestos uno encima del otro. Si quiero ajustar sólo la escala y, primero tengo que mover la escala x fuera del camino y luego puedo hacer lo que quiera a la escala y. Es un poco molesto y algo con lo que solo tienes que lidiar. Desafortunadamente, no se pueden separar dimensiones en una escala como se puede con la posición. Pero algo de lo que tomar nota es que ahora que tengo este tipo de escala extraña pasando, ya ves, se va a un óvalo aquí y tal vez incluso exagere esto aún más, tenemos esta extraña animación sucediendo. Ahora puedo vincular estas propiedades juntas, estas proporciones, y si ajusto una de las asas afecta a ambas. Por lo tanto, puede en cualquier momento vincular y desvincular estos valores, e incluso si están vinculados y facilita los fotogramas clave, los alineará todos de forma muy agradable. Y si volvemos al gráfico de velocidad y desvinculamos estos, tenemos exactamente lo mismo sucediendo. Ahora puedo ajustar tanto los valores x como y independientemente el uno del otro. Y una vez que sean diferentes si los vinculé de nuevo arriba entonces afectarán tanto los ejes x como y. Está bien, me voy a deshacer de esa animación de escala y vamos a subir la rotación. Para ello, estoy presionando shift y luego el atajo de teclado correspondiente para la propiedad. Entonces, R es rotación, S es escala, P es posición, y luego si mantienes pulsado el turno y presionas R, eso levantará la rotación mientras mantenemos la posición, luego cambiaremos y presionaremos S obtienes la escala también. De acuerdo, entonces, si giro esto en realidad no ves que pasa nada porque es un círculo, así que voy a entrar en esto y cambiarlo de un círculo hacia abajo a un cuadrado. Entonces, ahora se parece algo más a esto. Presione R para volver a subir mi rotación y cambiar P para la posición y establecer mi fotograma clave. Entonces, cero en el cuadro 30 y luego simplemente lo giraré hacia atrás tal vez 270, ahí, y reproduciré esto atrás, y ahora mi cuadrado está girando. Otra cosa que quiero señalar es que se pueden facilitar múltiples propiedades al mismo tiempo, por lo que, voy a seleccionar los cuatro de estos fotogramas clave para la rotación y la posición. Presiona F9 para facilitarlos. El motivo por el que normalmente me gusta facilitar es porque trae el gráfico de velocidad, maneja influencia hasta la línea base de cero o los gráficos de valores maneja hacia fuera a esta posición horizontal. Es sólo un buen punto de partida. Entonces, en el gráfico de velocidad con ambas propiedades seleccionadas realmente puedo agarrar cualquiera de estos fotogramas clave haciendo una selección y facilitando todo a la vez. Entonces, ahora el gráfico de velocidad coincide tanto en los valores de rotación como en posición. Ahora, desafortunadamente, no puedo hacer eso en el gráfico de valores porque mi posición no está separada, entonces, no puedo ajustar el gráfico de valores para la posición. Pero el valor de rotación, si mantengo presionado comando o control y hago clic en la posición, esa manera me queda sólo con la rotación, ese valor de rotación es una sola propiedad. Se mide en grados, así que por eso estamos viendo grados a lo largo del tiempo pero no tenemos ningún problema. Puedo editar esto en el gráfico de valores o en el gráfico de velocidad y manejarlo como quiera y funcionará en cualquiera de los dos. De muchas de las propiedades en las que puedes usar el editor de gráficos, la propiedad de rotación es realmente una de las más fáciles de manipular. Y solo para mostrarte de nuevo lo fácil que es facilitar múltiples fotogramas clave para múltiples propiedades tan fácilmente, solo voy a establecer alguna escala de fotogramas clave también y tal vez lo tengamos empezar a los 25, sube hasta 100 y entonces solo seleccionaré todo. De nuevo, fácil facilidad lo y vamos a separar las dimensiones en la posición, fácil facilidad otra vez, entra en los cuatro de estos a la vez y luego podría simplemente aliviar esto muy bien y ver cómo eso está afectando en nuestro rastro. Tenemos marcos agrupados por aquí, agrupados por aquí, reproducirlos y así, he aliviado cuatro propiedades diferentes todas a la vez. Y debido a que separé las dimensiones en la propiedad de posición, puedo editar estas exactamente igual dentro de la gráfica de valores. Entonces, si agarro todos estos y los levanto y luego agarro todos estos, los empujo hacia abajo, tengo algo que es absolutamente loco. Pero el punto es que es muy fácil de manipular. No puedo recalcar lo suficiente la importancia de esta sección de la clase. Entender cómo usar el editor de gráficos realmente es la clave para controlar tu movimiento dentro de After Effects. Y esa fue toda una información para tomar de una vez, así que realmente necesitas dar un paso atrás de tu proyecto de clase y meterte en After Effects. Usa este archivo de proyecto de demostración que he configurado para que juegues con el editor de gráficos y veas cómo está afectando el movimiento de ese círculo. Asegúrese de entender cómo funciona el gráfico de velocidad versus el gráfico de valores. Cómo son similares, cómo son diferentes, para que puedas saber cuándo elegir una sobre la otra. Y también asegúrate de aplicar esto a otras propiedades distintas a la posición. Vea cómo afecta a la propiedad scale y a la propiedad de rotación y cómo una de las gráficas podría ser una mejor opción dependiendo de la propiedad que esté utilizando. Si se te ocurre algún tipo de experimentos de aspecto único siéntete libre de compartir eso en la página de tu proyecto de clase para que podamos ver en qué estás tramando. Y si tienes algún problema, cualquier pregunta en absoluto, solo hazme un golpe en la página de la comunidad y haré todo lo posible para ayudarte. 8. ¡Los Puntos de anclaje son importantes!: Ahora que has conseguido tus pies qué con el editor de gráficos y entiendes los conceptos básicos de cómo funciona, voy a empezar a animar mi propio proyecto de clase y usar el editor de gráficos para facilitar todo el movimiento. Si algo de esto te va por encima de la cabeza solo toma un descanso de esta clase por un segundo y ve a ver, The Principiant's Guide to Animating Custom Gifs. Esa es la clase que hice que tiene solo 30 minutos de duración para las personas que nunca antes habían usado After Effects, y te pondrán en marcha, y puedes volver y seguir adelante. Otra cosa que voy a estar haciendo a través del resto de esta clase es usar muchos atajos de teclado, y haré todo lo posible para llamarlos ya que los estoy usando. Pero eso es algo que debes empezar a memorizar. atajos de teclado son un increíble refuerzo de eficiencia para tu flujo de trabajo en After Effects y te convierten en un diseñador de movimiento mucho más rápido y eficiente. A través de la demo del editor de gráficos utilicé mayormente la propiedad de posición para mostrarte cómo funciona. Pero la realidad es que probablemente no voy a estar animando mucho de la propiedad de posición si alguna con este diseño de casa. Creo que mayormente voy a estar usando la propiedad scale, tal vez un poco de rotación. Pero como verás todo sigue aplicándose independientemente de qué propiedad estamos animando. Empecemos con la fila superior de ventanas. Voy a hacer doble clic en cualquiera de los pre-comps, y empezar a pensar en cómo quiero que esto se anime. Probablemente tiene sentido que el marco se anime primero seguido por el vidrio, y de esa manera el vidrio no se anima encima de nada tiene el marco detrás de él. Entonces, voy a apagar las capas de vidrio ocultando sus iconos del globo ocular aquí abajo en el panel de capas, y de esa manera puedo enfocarme sólo en el marco. Como dije, creo que voy a usar la propiedad scale para animar. Entonces vamos a subir eso girando hacia abajo esta flecha, entrando en los controles de transformación y encontrando escala. Ahora aquí es donde quiero que termine. A un valor de escala de 100 por ciento en ambos ejes X e Y. Entonces estableceré un fotograma clave y luego pincharé y arrastraré un poco esto. Ahora, estoy bastante alejado aquí, así que estoy en el botón más del teclado para acercar, así que puedo ver estas unidades con más claridad. También voy a cambiar mi código de tiempo para verlo como fotogramas en lugar de horas, minutos, segundos. Entonces de esa manera sólo puedo contar marcos. Amplíe una vez más y ahí podemos ver 30 fotogramas equivale un segundo para que pueda saber relativamente lo rápido que estoy animando esto. Entonces tal vez tome alrededor de medio segundo. Voy a ir al fotograma 15 y arrastrar este fotograma clave a ese punto en el tiempo, luego volver a subir al fotograma cero y ajustar la propiedad a cero, After Effects generará automáticamente otro fotograma clave, y luego estableceré mi área de trabajo, que tiene este pequeño bar aquí arriba. Eso es con estas asas azules son. Ahora solo puedo ver el in-point pero como puedes ver al hacer clic y arrastrar, se desplaza donde está esa área de trabajo y cambia el resaltado en mi línea de tiempo. Pero hay dos atajos de teclado que son realmente útiles B para establecer el punto final. Por lo que puedo ir a cualquier punto en el tiempo y presionar B y eso se romperá a mi depurador de línea de tiempo. Entonces N que está justo al lado de la tecla B para establecer el outpoint. Entonces, B y N para entrar y salir. Con ese conjunto de área de trabajo ahora puedo previsualizar presionando cero o la barra espaciadora del teclado, y solo va a previsualizar dentro de esa área de trabajo. Si hago clic y arrastra esto y vuelve a previsualizar, sólo vamos a ver qué pasa ahí, que no tiene animaciones por lo que no está pasando nada en mi comp. De acuerdo, así que aquí está mi animación pasando de cero a 100 por ciento. No es todo tan emocionante, pero antes de que vayamos más allá, solo quiero hablar de la forma en que las cosas se animan dentro de After Effects. Por lo que ahora mismo tengo este punto de anclaje en el centro de mi caja delimitadora para esta capa. Ese punto de anclaje es donde esta capa se está escalando hacia arriba. Pero puedo cambiar dónde está ese punto de anclaje para ajustar la forma en que se ve mi animación. Si subo aquí al pan detrás o herramienta de punto de anclaje, atajo de teclado es Y, entonces puedo hacer clic y arrastrar este punto de anclaje donde quiera. Entonces, si digo, bájala en esta esquina inferior izquierda y vuelve a previsualizar, ahora la animación está sucediendo desde esa esquina inferior izquierda. Por lo que se ve mucho diferente a lo que hacía antes. Intentemos conseguir que escale desde la parte superior en el medio. Bueno, podría hacer clic y arrastrar, e intentar alinearlo bien pero en realidad puedes habilitar temporalmente ajuste si bajarás el comando o el control mientras arrastras este punto de anclaje. Se puede ver que eso me está dando un montón de guías y chasqueando a varios puntos de esta capa. Entonces si voy justo arriba, ahí mismo, esa plaza grande me está diciendo que está rompiendo a ese mango transformador. Entonces sé que mi punto de anclaje está justo en el medio en el borde muy superior de esta capa. Ahora si lo repongo, se está escalando desde la parte superior perfectamente. Por lo que es importante considerar tu punto de anclaje cuando estás animando cosas como la escala. Este es también el punto en el que la capa girará alrededor. Entonces si cambio a mi herramienta de rotación, y hago clic y arrastre, verás que está girando alrededor de ese punto de anclaje. Si estaba en el centro de la capa, lo que puedes hacer fácilmente haciendo clic derecho, yendo a transformar el punto de anclaje central en el contenido de la capa, que hay un atajo de teclado para, Opción Comando Inicio o Alt Ctrl Inicio en un PC, que simplemente rebotará ese punto de anclaje justo de vuelta al centro, y ahora si trato de girar o cambiar a la herramienta de rotación presionando W en el teclado, eso va a girar alrededor del centro y escalar de nuevo alrededor del centro. Está bien. Entonces con eso en mente, voy a mover mi punto de anclaje al borde izquierdo. Presione Command o Ctrl para ajustarlo a ese borde izquierdo, y digamos que no quiero que se escale tanto en el eje X como en Y, quiero que solo escale de izquierda a derecha en ese eje X. Bueno, para hacer eso voy a necesitar desmarcar este icono de proporciones de restricción, desvincular la X e Y para que pueda dejar la Y al 100 por ciento en este primer fotograma. Ahora todavía no vemos nada porque el valor X es cero. Entonces a pesar de que tenemos una altura del 100 por ciento, tenemos cero ancho por lo que aún no vemos nada. Pero si repongo esto, ahora se está escalando sólo de izquierda a derecha. Está bien, entonces creo que esa es la dirección en la que quiero que pase esta animación pero es muy lineal. Solo tenemos fotogramas clave lineales así que hagamos que esto sea un poco más bonito de mirar. Empezaré por facilitar la facilidad, F9, en el teclado. Entonces saltaré a mi editor de gráficos. Ahora accidentalmente también tuve seleccionado el valor de posición, así que solo voy a mantener pulsado el comando y hacer clic para deshacerme de eso, y ahora sólo estoy viendo mi escala. Ahora puedo empezar a relajar esto. Entonces voy a seleccionar el segundo fotograma clave, traerlo un poco, tal vez incluso un poco más allá y luego hacer lo mismo para el primer fotograma clave. Entonces ahora esa facilidad es sólo mucho más extrema. Está bien, entonces me gusta ese movimiento pero ahora que estoy viendo esta animación, segundo lo adivino. Creo que en realidad quiero tenerlo a escala desde el centro. Entonces, con estos fotogramas clave ya en su lugar, todavía puedo ajustar el punto de anclaje, solo necesito asegurarme de que estoy más allá de este último fotograma clave porque si fuera a cambiar el punto de anclaje aquí dentro se va a meter con mi animación. Entonces, si lo muevo aquí y luego muestro mis fotogramas clave presionando U en el teclado ver eso, eso destruyó totalmente la animación, ahora se va mucho fuera de la pantalla. Entonces voy a deshacer, ir a donde está escala del 100 por ciento y luego moverlo mientras mantiene el comando para chasquear al centro. Ahora tocaré eso atrás y tenemos este bonito movimiento suave desde el centro hacia afuera. Está bien, eso es genial. Ahora vamos a hacer los dos paneles de vidrio. Creo que quiero que estos animen de arriba hacia abajo y de abajo hacia arriba. Por lo que voy a empezar por fijar los puntos de anclaje hacia arriba. Voy a agarrar esta capa, mover el punto de anclaje a la parte superior mientras mantienes el comando para chasquear, y luego hacer lo mismo para este segundo panel, pondré ese en la parte inferior. Quiero que el tiempo sea el mismo, así que voy a establecer fotogramas clave de escala en estas dos capas seleccionándolos ambas, manteniendo pulsada la opción o Alt en un PC y presionando la tecla S y eso establece un fotograma clave de escala para ambas capas. Entonces volveré a subir al frente de la animación- Desvincular las propiedades de la escala y cambiar la escala Y a cero. Te darás cuenta de que a pesar de que la instancia de esta capa tenía vinculadas las propiedades de escala, porque yo estaba ajustando la que estaba desvinculada siguió el ejemplo. Está bien. Entonces, tocaré esto de nuevo y vemos que la animación pasa de la forma en que yo quería que lo hiciera. Entonces eso es genial. Ahora sólo tenemos que trabajar en la flexibilización. Voy a desplazar estas capas hacia adelante en el tiempo para que no me distraigan las animaciones de fotogramas. Por lo que desplazaré mi área de trabajo hacia adelante para que solo pueda enfocarme en los cristales. Seleccionaré ambos de estos fotogramas clave y este es otro buen punto para plantear que puedes facilitar cualquier número de fotogramas clave. Cualquier número de propiedades a través de cualquier número de capas al mismo tiempo. Entonces, seleccioné todos mis fotogramas clave y los facilitaré fácilmente, luego entraré en el editor de gráficos y estoy viendo todas esas propiedades a la vez. Entonces, voy a seleccionarlos todos y luego sólo ajustar mi curva. Para que sea agradable y suave. Este es un tema. Ahora, qué es exactamente lo que está pasando aquí. Porque tengo una de mis instancias de escala, constreñida y la otra no, todas las asas no se movieron juntas. Si recuerdas el eje Y realmente se sienta detrás del eje X por lo que el eje X está justo aquí arriba. Es esta línea roja en la parte superior y porque está en la parte superior, cuando agarré ese mango en realidad estaba ajustando el eje X. En el caso de esta ventana, puedo ajustar la X e Y independientemente el uno del otro, pero en esta instancia donde están constreñidas va a mover ambos al mismo tiempo a pesar de que son valores diferentes. Entonces, voy a volver a constreñir las proporciones de ambas capas luego comando o control haga clic en la otra propiedad de escala para poder ver todos mis fotogramas clave a la vez, seleccionarlos todos y facilitarlos una vez más. Ahora, puedo hacer clic y arrastrar y saber que voy a estar afectando a todos los fotogramas clave al mismo tiempo con la misma cantidad de influencia. Está bien. Entonces, vamos a retocar eso. Ese es un movimiento fluido rápido y agradable. Eso me gusta. Está bien. Entonces, voy a salir de mi editor de gráficos, y alejarme un poco presionando menos en el teclado, y ahora queremos solapar un poco la animación que no sucedan exactamente a la misma hora. Entonces, tal vez vaya hacia adelante desde el punto de inicio, cinco fotogramas. Entonces, presiono página abajo en el teclado, una, dos, tres, cuatro, cinco veces, y luego muevo la segunda capa a ese punto. Entonces, retrocederé a tiempo y agarraré esos dos cristales de vidrio y los cambiaré hacia atrás en tiempo para que empiecen a animar justo por aquí, justo cuando el marco sea el ancho de esos cristales de vidrio. Ahora, puedo tocar todo eso atrás, y tengo una animación en marcha. Ahora, creo que voy a traer de vuelta este segundo panel un poco para que no se superponga tanto, pero eso se ve realmente genial. Ahora, volvamos a saltar de nuevo a nuestra comp principal y porque estoy usando esas mismas pre-comps para todas estas ventanas de aquí arriba, cuando reproduzca esto de nuevo, todas animan al mismo tiempo, de la misma manera. Este es el poder de las pre-comps, y es exactamente por eso que configuré mi comp usándolas. Lo que es aún más poderoso es que no tengo que tenerlos animados al mismo tiempo exacto. Puedo compensar cada una de estas instancias precomps. Entonces, digamos que quiero ir de izquierda a derecha. Entonces, voy a anular la selección de la primera capa por comando o control haciendo clic en ella, luego mantenga pulsada la opción o Alt en un PC y presione la tecla página abajo dos veces para desplazar esas capas hacia adelante en el tiempo a fotogramas. Entonces haré esto por todas las demás capas. Control de comandante haga clic en la siguiente capa, opción o página Alt abajo dos veces. De esta manera estoy poniendo dos fotogramas entre cada instancia, y ahora si lo repongo se animan en especie de este movimiento en cascada, y se ve realmente bonito. Y digamos que quería animar desde el centro hacia afuera en lugar de izquierda a derecha. Bueno, todo lo que tengo que hacer es redesplazar un poco estas capas, así que agarraré estas tres ventanas, las cambiaré de nuevo al frente para que empiece esta ventana, y luego compensaré esta hacia adelante, y ahora van animar desde el centro hacia afuera. Puedo exagerar un poco esto agregando algunos fotogramas más entre cada capa y ahora ese es un movimiento de aspecto realmente bonito. Digamos que no me gusta la forma en que eso es animar. Podría entrar y cambiar el punto de anclaje. Entonces, tal vez en lugar de desde el centro hacia afuera en el marco, lo pondré de izquierda a derecha. Volveremos a esa animación, y luego revertiré los puntos de anclaje en estos dos, agarraré éste lo empujaré hacia arriba, agarraré éste, lo empujaré hacia abajo, y entonces tal vez lo hagan animar más rápido. Entonces, voy a traer estos, reproducirlo, y ahora tengo una animación de aspecto diferente. Volveré a saltar a mi comp principal y reproducirlo, y cada instancia se actualiza. Entonces, como estás trabajando en tu propia animación realmente piensa a través de todas las diferentes posibilidades, puedes hacer algo que sea completamente único y diferente a lo que estoy haciendo. Elegí usar escala pero también podrías incorporar algo como rotación cualquier propiedad keyframable para revelar cualquiera de estos elementos. Entonces, voy a tomar estos puntos de anclaje y moverlos ambos a la esquina superior izquierda, y luego voy a añadir en algún fotograma clave de rotación. Entonces, empecemos con esta capa aquí mismo y presione opción o Alt R para agregar un fotograma clave de rotación, y cambiaré eso hacia adelante al mismo tiempo que el fotograma clave de escala, luego giraré esto hacia atrás un poco tal vez cuarenta y cinco grados, y quiero suavizar estos exactamente igual que la báscula. Pero eso podría ser realmente difícil de hacer por I. Entonces, probablemente sea un mejor ajuste para el gráfico de velocidad pero incluso entonces va a ser difícil para mí agarrar esta rotación y especie de igualar la curva de la escala. Afortunadamente, en realidad puedo averiguar los valores específicos de influencia y velocidad de cualquier fotograma clave haciendo clic derecho sobre él y yendo a velocidad de fotograma clave. Eso va a abrir esta ventana y me va a decir que la velocidad entrante es 33.33 influencia tanto en la X como en Y a un cero por ciento por segundo de velocidad, y entonces tengo los mismos parámetros en la velocidad saliente. Ahora bien, este es en realidad el valor de un fotograma clave de facilidad fácil. El motivo por el que estamos viendo estos valores es porque esta es la velocidad entrante. Entonces, aquí abajo está del lado izquierdo. Es parte de la influencia que en realidad no está cambiando en la animación. De lo que me preocupa es la velocidad saliente. Esa es esta columna de aquí. Obviamente, no voy a poder recordar estos números exactos así que sólo voy a copiarlos. Recordaré que la velocidad es cero y la influencia es este número. Entonces, lo seleccionaré, comandaré o controlaré C para copiar, pulsaré Aceptar, y luego entraré en la velocidad del fotograma clave para el fotograma clave de rotación, miraré la velocidad saliente y lo ajustaré a cero, y luego cambiaré la influencia a ese número que Yo había copiado. Entonces, acabo de pegarlo presionando comando o control V, haga clic en Aceptar, y ahora que uno está configurado. Haré lo mismo por este fotograma clave. Voy a ir a esta escala, velocidad de fotograma clave. A mí me preocupa la velocidad entrante esta vez. El velocidad sigue siendo cero por segundo y las influencias es que los números lo copian, entra en la velocidad del fotograma clave de rotación, establece la velocidad hacia abajo a cero y pega esta influencia, haz clic en Aceptar. Ahora bien, si selecciono ambos fotogramas clave y entro en el editor de gráficos, podríamos ver que la curva de velocidad es idéntica, pesar de que son velocidades diferentes, los manejadores de influencia hacen la misma curva en forma. Entonces, puedo retocar esto y ahora vemos que la rotación y la escala suceden exactamente de la misma manera. Creo que quiero cambiar la propiedad de escala inicial. En lugar de ser 100 en cero, sólo voy a mandar a ambos abajo a cero. De esa manera empieza como este pequeño punto y apenas se escala hacia arriba mientras gira. Entonces ahí vamos. Tengo esa pequeña animación pasando, y ahora que tengo estos fotogramas clave, realidad puedo simplemente copiarlos, porque quiero que también se apliquen a esta capa, entonces, iré al frente de esa capa y pegaré, presionaré se quiere colapsar capa y usted una vez más para mostrar todos los fotogramas clave, y allá vamos tenemos tanto los fotogramas clave de escala como de rotación, y lo reproduciré de nuevo. Está bien. Entonces, ahora tengo una animación de aspecto diferente. Volveré a mi comp principal y puedo ver cómo se actualiza eso. Ahora, que me veas jugar con mi animación, deberías hacer lo mismo por tu obra de arte. Entonces, comienza a animar diferentes objetos y mover el punto de anclaje alrededor para ver cómo afecta a la animación general. Practica rebasamientos. Esa es una forma en que realmente puedes agregar mucha personalidad a tu movimiento y usar esos diferentes controles del editor de gráficos para encontrar dos superposiciones cerca y aplicarlos a muchos objetos diferentes al mismo tiempo. Una vez que hayas hecho algún progreso, siéntete libre de compartirlo o simplemente pasa a la siguiente lección para que veas cómo me acerco al resto de mi animación. 9. Ir más allá: Está bien. Ahora, que jugué con un montón de opciones diferentes, creo que tengo una buena idea de exactamente cómo quiero que pase esta animación para la ventana superior. Entonces, voy a volver a saltar ahí, deshacerme de estos fotogramas clave de rotación, y pensar esto a través. Me estoy imaginando este edificio de casa desde cero. Entonces, las capas en el fondo como este recorte y el revestimiento van a subir primero y luego todos los elementos encima de él. De lo contrario, todas estas ventanas estarían apareciendo sin nada detrás de ellas. Entonces, porque se va a estar moviendo en un movimiento ascendente como en realidad se está construyendo la casa. Creo que tiene sentido tener estas ventanas escaladas desde abajo. Entonces, así es como quiero animar la capa de marco posterior. Entonces, agarra mi herramienta de punto de anclaje, Y en el teclado, y mantén pulsado el comando para ajustar eso al centro muy inferior. Pero eso sigue animando desde el centro hacia afuera. Necesitaba animar de abajo hacia abajo. Entonces, en el primer fotograma clave en lugar de cero a 100, lo cambiaré a 100 y cero. Ahora se escala hacia arriba pero he perdido mi flexión porque no alivié los fotogramas clave originales con las proporciones constreñidas. Eso está bien sin embargo. Yo sólo voy a rehacer esto rápidamente, poner todo a fácil E volvió a constreñir mis proporciones y luego ajustar la curva de velocidad a algo así, tal vez un poco más de influencia en el segundo fotograma clave que se ve bastante bien. Simplemente voy a apagar estas dos capas de vidrio una vez más porque quiero hablar de otra técnica en animación llamada overshoot. Un rebasamiento es una técnica para darle mucho rebote o elasticidad a tu movimiento. Te mostraré exactamente cómo hacerlo. En primer lugar, necesito algo más de espacio en mi comp. Casi he recortado esto exactamente al tamaño del punto de descanso final de esta ventana, pero quiero poder escalar un poco esto más allá de ese punto. Entonces, voy a entrar en mi configuración de composición. Entonces, saca un poco esta ventana del camino para que pueda ver al policía. Voy a acercarme a mi ancho y altura y asegurarme de que esté marcada la relación de aspecto de bloqueo, y luego puedo simplemente hacer clic y arrastrar en este número para expandir un poco mi comp. Porque tenía eso comprobado, se va a escalar proporcionalmente. Entonces, eso me da un bonito margen alrededor de la ventana, hago clic bien, y ahora tengo un poco más de espacio para trabajar. El modo en que funciona un overshoot es tomando una animación como esta en la que está creciendo de abajo a arriba, y yendo más allá de ese valor de reposo del 100 por ciento o rebasándolo. Entonces, voy a empezar por solo quitarme la facilidad de estos fotogramas clave convirtiéndolos a lineales seleccionándolos y control de comandante haciendo clic en ellos. Un rebasamiento en realidad es realmente fácil de hacer, realmente intuitivo usando el gráfico de valores. Entonces, voy a cambiar al gráfico de valores, y desconstreñir mis proporciones para poder editar solo el valor de la escala Y. No necesito un poco más de espacio para ver esta gráfica muy bien. Entonces, voy a escalar esto hacia arriba y alejarme presionando la tecla de comando en el teclado para mi visor de comp. Entonces también amplíe mi línea de tiempo presionando la tecla más un par de veces, y ahora podemos empezar a hacer mi rebasamiento. Entonces, como dije quiero que vaya más allá de este valor del 100 por ciento. Entonces, voy a cambiar a mi herramienta de lápiz, G en el teclado, G en el teclado, y luego hice clic en algún lugar por aquí, cambiar a mi herramienta de selección presionando V, y luego haga clic y arrastre ese fotograma de tecla hacia arriba. Ahora, tengo snapping habilitado. Entonces eso va a acoplar ese fotograma clave a otros fotogramas clave, pero quiero ser un poco más preciso. Voy a desmarcar ese ícono. Ahora, puedo traer esto más allá y estoy mirando el pequeño pop up que me dice cuánto más allá del 100 por ciento voy. Entonces, creo que quiero ir alrededor del 110 por ciento, y si me desplaza hasta ese punto, puedo ver exactamente hasta dónde va eso. Ahora bien, esto es algo interesante que debo señalar. Si alguna vez te encuentras con un fotograma clave que ocurre entre fotogramas, es porque tienes esta opción aquí abajo. Si vas a este menú y tienes marcadas permitir fotogramas clave entre fotogramas, entonces puedes mover con mucha precisión estos fotogramas clave a cualquier lugar que quieras independientemente del número de fotogramas. Ahora en este caso, no quiero fotogramas clave entre fotogramas. Entonces, voy a volver a entrar ahí y desmarcar permitir fotogramas clave entre fotogramas, y encajar eso de nuevo a este fotograma. Ahí vamos. Está bien. Por lo que ahora puedo ver muy fácilmente cuánto más allá voy al 100 por ciento. Entonces, quiero empujarlo tal vez 112,115, en algún lugar ahí dentro. Eso se ve bastante bien y pondré mi área de trabajo y la reproduciré. Entonces, ahora podemos ver que se está disparando muy rápidamente más allá del 100 por ciento, luego volver a bajar. Ya puedo decir que mi cronometraje es un poco demasiado rápido. Entonces voy a alejarme un poco y luego arrastrar este fotograma clave hacia fuera, el fotograma clave en reposo mientras mantiene pulsado el turno. De esa manera no estoy arrastrando accidentalmente la escala X hacia abajo, solo mantendré el turno e iré derecho a 15 cuadros, y luego sacaré éste también. Preview eso, y creo que el tiempo es un poco mejor. Ahora, lo aliviará todo. Selecciona todos los fotogramas clave, F9, y ahora eso se ve mucho más balanceado. Entonces, este es un rebasamiento en su forma más básica. Pero podemos hacerla aún un poco más floja. Si respaldo este fotograma clave tal vez uno o dos fotogramas, puedo agregar otro fotograma clave aquí mismo, G para cambiar a mi herramienta de lápiz. Haga clic en V para llegar a mi herramienta de selección y luego arrástrelo un poco hacia abajo, y luego presionaré F9 para facilitar eso. Ahora, va a subir más allá del 100 por ciento, fondo por debajo del 100 por ciento antes de llegar a ese valor final. Voy a retocar eso, y ahora es incluso un poco más elástico. Ahora, que tengo estos fotogramas clave configurados, puedo empezar a ajustar los mangos. Al principio, quería relajarme un poco más. Entonces voy a hacer clic, mantener el turno y arrastrar eso hacia fuera. También quiero traer este mango aquí desde el segundo fotograma clave fuera un poco, para que se aliente, vaya muy rápido y luego se ralentice muy rápido también. Entonces, solo seguiré ajustando los manejadores para todos estos valores y estoy ignorando más o menos la escala X en este punto, porque no hay animación de escala. Siempre vamos a ver esos fotogramas clave, pero sólo me preocupa la línea verde. Ahora, eso se convierte en un problema con el último fotograma clave ya que el gráfico de escala X está en la parte superior del gráfico de escala Y, pero simplemente lo moveré fuera del camino, asegurándome de mantener el turno. Entonces, no sube ni baja, y luego agarra el mango verde. Entonces, puedo ajustar eso exactamente como quiero. Ahora, tenemos esta curva suave muy bonita, y veamos cómo se reproduce. Muy bonito. Entonces eso es un rebasamiento. Digamos que me gusta la forma en que esto funciona, pero quiero que el rebasamiento sea aún más dramático. Bueno, hay una herramienta realmente genial dentro del editor de gráficos que nos permite hacer eso muy fácilmente. Es este pequeño botón de aquí abajo. El show transform box. Si hago clic en eso y selecciono varios fotogramas clave, estoy gooing para obtener una caja de transformador al igual que cualquier caja de transformador en una capa. Me da todos estos diferentes puntos en los que puedo hacer clic y arrastrar para cambiar el tamaño mis valores de fotograma clave de la misma manera que puedo cambiar el tamaño de mi capa. Pero en lugar de las proporciones reales de la capa, está afectando los valores de los fotogramas clave. Entonces, podría recronometrarlo pulsando y arrastrando para hacerlo más rápido o más lento, y voy a retocar eso para que veas que ahora mi rebasamiento es más lento o puedo hacerlo mucho más rápido. Voy a deshacer. Si agarro el asa superior y lo bajo, ahora no se va a poner casi tan grande, y debido a que es una propiedad de escala esto está afectando tanto a la escala x como a y por eso me hice mucho más pequeño. Volveré a deshacer, y podría agarrar el mango inferior y escalarlo, y ahora va a empezar alrededor del 64 por ciento en lugar de cero. Pero nada de eso es realmente hacer lo que yo quería. Yo sólo quiero hacer que este desbordamiento sea más dramático mientras se conservan los fotogramas clave de inicio y final. Bueno, la forma más fácil de preservar esos fotogramas clave es primero solo seleccionar los dos fotogramas clave en el medio, para que no solo los fotogramas clave de inicio o final, pero esto aún va a ser un poco difícil de escalar proporcionalmente y hacer que se vea exactamente de la forma en que quiero que lo haga. Se puede ver que ese pequeño movimiento ajustó las escalas X, por lo que ahora está apretando en un poco. Voy a deshacer, y hay una tecla modificadora que puedes presionar comando o control en un PC antes de agarrar uno de estos manejadores de transformación. Ahora cuando hago clic y arrastre, se puede ver que se está escalando alrededor de este punto de anclaje, igual que cualquier otra capa. Ahora, de nuevo, esto no está resolviendo el tema de mover la escala X. Entonces deshacer y lo que necesito hacer es reposicionar ese punto de anclaje. Simplemente voy a desplazarme un poco hacia adelante en el tiempo para que pueda ponerme agradable y cerrar en esta gráfica. Al igual que con el punto de anclaje de una capa, puedo agarrar el lápiz detrás de la herramienta, hacer clic y arrastrar este punto de anclaje a lo que quiera y ahí es donde va a escalar a medida que ajuste mis asas de transformación. Ahora, quiero que esto se ajuste a la línea de base del último fotograma clave. Apagé mi chasquido aunque así que eso va a ser muy difícil de ser preciso. Entonces, voy a volver a encender el snapping, hacer clic y arrastrar, y ahora eso se va a acoplar a cualquiera de estos fotogramas clave. Entonces, sólo voy a ir a esa, asegurarme de que estoy en el fotograma clave correcto, desplácese hacia el principio para que tenga un poco más de espacio para trabajar. Mantén presionado el comando y luego haz clic y arrastra. Al estar haciendo esto, se puede ver que se está escalando proporcionalmente en base a este punto de anclaje. Podría incluso invertirlo si quisiera, pero de esta manera puedo dispararlo mucho más allá, 150 por ciento abajo al 83 por ciento y reproducirlo. Ahora, ese rebasamiento es mucho más dramático, y de la misma manera podría ir en dirección opuesta escalarlo hacia abajo para que no vaya casi tan lejos y sea mucho más sutil. Creo que quería un poco más dramático. por lo que voy a mantener el mando y escalar eso un poco más, y ahí vamos. Ahora eso es bonito y rebotante. Entonces, así es como puedes crear una animación de overshoot y ajustarla con todas estas bonitas herramientas que tenemos disponibles en el editor de gráficos, y los overshoots realmente se pueden aplicar a cualquier cosa. Se puede hacer y rebasar con posición con rotación de escala. Básicamente cualquier propiedad que tenga un marco clave en este rebasamiento en particular simplemente pasa a tener cuatro fotogramas clave. Un inicio y un final. Uno que sube más allá del valor final y otro que se profundiza por debajo del valor final. Pero puedes hacer que tus overshoots duren más solo añadiendo más fotogramas clave. Entonces, si esparzo esto un poco, podría agregar otra tasa de fotogramas aquí, y solo que esto suba un poco más allá del 100 por ciento. No mucho. Mira mi editor de gráficos y haz zoom, haz clic y mantén presionado el turno para hacer estas curvas agradables y suaves, y luego vuelve a previsualizar. Ahora, tengo ese movimiento extra ahí al final de la animación que hace que ese rebote dure un poco más. Una vez que tengas tu valor dicho podrías trabajar un poco en el tiempo, tal vez dar un poco más de tiempo al final del rebasamiento para que tengas un montón de opciones de personalización. 10. Continuación de mi animación: Ahora que estoy contenta con la forma en que se ve el desbordamiento de podría y lo tengo construido, en realidad puedo aplicarlo a mis otras capas. Entonces, solo voy a copiar los fotogramas clave de escala porque van de cero en la escala Y, a 100 en la escala Y. Entonces, debería aplicarse a otras cosas a pesar de que sean de diferentes tamaños. Entonces, los abriré, presionaré U para que aparezcan los fotogramas clave, y luego simplemente deshacerme de los fotogramas clave de escala haciendo clic en el cronómetro que se deshace de ambos, y luego pegaré en la primera capa, luego ir al inicio de la segunda capa, y pegarla allí también. Ahora debería poder retocar esto de nuevo, y todas mis capas se están rebasando. Ahora los puntos de anclaje están en la parte superior de las capas, por lo que se están rebasando hacia abajo. Creo que quiero que también se rebasen hacia arriba, ya que esa es la dirección que va el marco. Entonces, voy a volver a posicionar mis puntos finales una vez más. No importa dónde esté a la izquierda y a la derecha, ya que solo es escalar en el eje y, pero solo por buena medida, lo pondré abajo en la parte inferior de la capa. Ahí vamos. Tócala una vez más, y ahora el dolor superior se está encendiendo antes del dolor de fondo. Creo que tendría más sentido si revertiera eso. Entonces voy a respaldar a éste un par de fotogramas, empujar éste hacia adelante un par de fotogramas, y luego también puede empezar antes, probablemente justo aquí, y entonces tampoco necesito solapar tanto esta capa. Ahora todo esto está sucediendo mucho más rápido ahora. A lo mejor un poco más de superposición se vería bien, solo uno o dos marcos. Ahora no puedo empujarlo tan lejos, porque entonces va más allá del marco, pero tal vez en lugar de preocuparme por la superposición, solo acerque bonito y ciérrelo aquí para que podamos ver. Podría simplemente reducir un poco el rebasamiento para estas dos piezas de vidrio. Entonces, seleccionaré los tres fotogramas clave en el medio, que son para el rebasamiento, entraré en mi editor de gráficos, acercaré aquí un poco, aseguraré de que mi chasquido esté encendido, y mis cajas de transformadores encendidas, y luego mueva mi punto de anclaje donde necesita estar, y luego simplemente bájalo un poco. En realidad, voy a deshacer, e ir a la parte superior del rebasamiento, donde más se está disparando, y de esa manera puedo previsualizar lo que esto está haciendo. Asegúrate de que el punto de anclaje esté donde necesita estar, Command click, y escala eso un poco hacia abajo. De esa manera, no va a ir más allá de la parte superior del marco. Está bien. Ahora, solo copiaré esos fotogramas clave, y los pegaré en el otro trozo de vidrio para que coincidan, y lo reproduciré de nuevo. Está bien. Ahora que lo estoy viendo de nuevo, creo que está pasando un poco demasiado rápido para el vaso. A mí me gusta la forma en que se anima el marco, pero va un poco demasiado rápido en las otras dos capas. Entonces, solo voy a seleccionar todos los fotogramas clave más allá del primer fotograma clave en ambas capas, y desplazar los fotogramas clave hacia adelante manteniendo presionada la opción o Alt, y presionando la tecla de flecha derecha. Sólo voy a hacer este fotograma a la vez y ver cómo afecta a la animación. Creo que eso se ve mejor, y creo que incluso lo voy a hacer con la capa de marco también. Ahora que estoy viendo un poco más lento, creo que eso sólo se ve un poco más fluido, no tan drástico, y en general me gusta la forma en que se ve. Creo que voy a llamar a eso bueno para la ventana superior por ahora, y luego quería hacer cascada, y luego lo retocaré aquí atrás. Sí. Creo que estoy contento con eso. A continuación, ¿por qué no pasamos a las ventanas inferiores? Ya que esas son similares, entraré en eso, y creo que quiero cambiar un poco las cosas en esta ventana, solo para que mi animación no sea demasiado repetitiva. Pero seguiré usando la propiedad de escala, y probablemente se desplome. Entonces, en realidad puedo simplemente abrir mi ventana superior y copiar los fotogramas clave de escala de cualquiera de estas capas como punto de partida para mi rebasamiento en esta comp. Entonces tal vez para este, tendré estas capas escaladas desde el centro hacia afuera. Entonces, no necesito reposicionar ninguno de los puntos de anclaje. Empezaré de nuevo con el marco, para desplazar a estos otros líderes hacia adelante, para que pueda enfocarme en el marco, ir al primer fotograma, y luego pegar. Ahora pulsa U para que aparezcan mis fotogramas clave y acerque. Ahora voy a necesitar modificar un poco estos fotogramas clave, porque ahora mismo se está escalando en el eje y, y quiero escalarlo en el eje x. Entonces, estableceré mi área de trabajo, y luego solo iré un fotograma clave a la vez, intercambiando estos valores. Entonces los voy a desvincular, y cambiar esto a 0100, y de esa manera tenemos un poco de altura sin anchura, ir al segundo fotograma clave, e intercambiar estos dos valores. Entonces, solo copiaré aquí, y lo cambiaré a 100, luego pegaré ese número aquí. Ahí vamos. Entonces iré al siguiente, y haré el mismo proceso. Copiar 100, pegar, copiar 100 y pegar. Ahora puede rebasar sale a los lados. Ahora eso se ve perfectamente decente, pero quizá quiera empujarlo un poco más allá. Entonces, al igual que con la primera ventana, abriré mis ajustes de composición presionando Comando K, o Ctrl+ K, y luego simplemente expandir un poco el ancho, asegurándome de que esté marcado Lock Aspect ratio. Y luego haré clic en “Aceptar”. Ahora solo tengo un poco más de espacio para trabajar. Creo que quiero exagerar ese rebasamiento un poco más. Entonces, seleccionaré los tres fotogramas clave en el medio, yendo aquí, acercar para poder ver con claridad, agarrar mi caja de transformación y mover ese punto de anclaje, mantener pulsado el comando o el control, y luego simplemente exagerar el rebasamiento un poco más. Puedo volver a jugar esto, y ahí vamos. Eso es mucho más rebote y elástico. Creo que eso se ve genial. Está bien. Hagamos lo mismo por los dos paneles de un vaso. Voy a copiar estos fotogramas clave, mover estas capas de nuevo a donde podrían empezar a animar, probablemente por aquí, y pegar. En realidad, tengo las dos capas equivocadas. El top de la ventana inferior, eso sólo debería ir a la parte superior de la pila, voy a mover eso hacia adelante y agarrar este otro trozo de vidrio. Está bien. Ahora selecciona esas dos capas y pega, y deben animar de manera muy similar. Genial. Ahora acaba de compensarlos por un par de fotogramas, y me estoy topando con ese mismo tema donde esta capa superior se está rebasando un poco demasiado lejos. Entonces, voy a seleccionar todos los fotogramas clave de rebasamiento para ambas capas al mismo tiempo, entrar en mi editor de gráficos, acercar bonito y cerrar, y mover el punto de anclaje, y luego simplemente escalar bajarlo un poco, y ahí vamos. Ahora no va más allá del marco. Genial. Está bien. Entonces traeremos la parte superior de la ventana de vuelta, y ésta no creo que quiera escalar desde el centro hacia afuera. Creo que esta vez la tendré a escala de abajo hacia arriba. Entonces moveré ese punto de anclaje hacia abajo al centro, y estos fotogramas clave que modifiqué para ir desde el centro hacia afuera, así que solo saltaré de nuevo a mi ventana superior, copiaré estos fotogramas clave ya que van en la escala y en lugar de la escala x, pulse I para saltar al punto final de esa capa, y pegar. Voy a retocar eso, y eso se ve bien. Yo sólo quiero recronometrarlo. Entonces, sucede bastante rápido después del marco. Algo así se ve bien. Y entonces sólo tengo este poco de un hueco, y creo que eso son sólo unos píxeles semitransparentes. Entonces, voy a hacer clic y arrastrar mientras mantiene presionado turno hasta que esa costura desaparezca. Está bien. Vamos a retocar eso como un todo. Genial. Simplemente voy a empujar la ventana superior hacia adelante un par de marcos, Option o Alt y Page Down. Sí, creo que eso se ve genial. Volvamos al comp principal y veamos cómo se ve esto. Está bien. Por lo que todo es más o menos animado en el mismo tiempo exacto. Entonces, quiero desplazar esas capas, igual que las ventanas de fila superior, quiero que se anime desde el centro hacia afuera. Sólo tengo cuatro capas con las que lidiar en este punto, pero la puerta entrará en juego una vez que eso esté animado. Entonces, tomemos estas dos capas mostrar aquí abajo, y cambiarlas hacia adelante para alinearse con estas dos ventanas justo aquí. Después llevaré el exterior a las ventanas y las empujaré hacia adelante a tiempo para alinearse con estas capas. Ahora van desde el centro hacia afuera. De nuevo, ya que estoy animando de abajo hacia arriba, probablemente tendré las ventanas de abajo encendidas primero. Entonces, en realidad voy a seleccionar todas estas capas para la fila superior, y moverlas hacia adelante cuatro o cinco, seis fotogramas, y ver cómo se ve eso. Está bien. Creo que todo eso es genial por ahora. Obviamente, una vez que todo esté animado, puedo recronometrar todo esto hasta que esté perfectamente contento con él. Entonces, no voy a estar demasiado preocupado por cómo se ve todavía, pero definitivamente tengo un buen comienzo. 11. La puerta y las lámparas: Está bien. Ahora, voy a saltar a la puerta, y a animar esto. Hay un montón de partes para esto, pero todas son muy básicas. La mayoría son rectángulos, así que realmente no va a ser tan complicado. Empecemos una vez más con la capa posterior, este marco. Seleccionaré todo lo demás y lo desplazaré hacia adelante en el tiempo, acercaré, y quiero que este dispare desde abajo al igual que las ventanas superiores. Entonces voy a copiar de nuevo esos fotogramas clave, ir al inicio de esa capa y pegar, y luego volver a colocar el punto de anclaje al fondo. Genial. Entonces, tenemos la puerta verde. Entonces, voy a poner eso probablemente por aquí, y también animar eso de la misma manera. Voy a volver a posicionar el punto de anclaje, pegar. Entonces solo necesito modificar esos fotogramas clave de escala. Darme un poco más de espacio para ver aquí. Entonces asegúrate de que no estoy rebasando ese marco. No quiero perder ese rebasamiento, está yendo más allá de la velocidad de fotogramas aquí, y realmente no quiero minimizarlo más, así que lo que podría hacer es simplemente cambiar el tiempo del rebasamiento en el fotograma. Entonces, déjame traer esos marcos clave, y tal vez solo estirar un poco a todos. Ahora, ya te mostré cómo hacer eso con la caja de transformación, podía seleccionar todos mis fotogramas clave y hacerlo así. Pero, hay otra forma en que puedes hacerlo bien en la línea de tiempo. Tienes seleccionado todo tu fotograma clave, y luego mantienes pulsada la opción o Alt, y haz clic en los fotogramas clave de inicio o final, luego puedes hacer clic y arrastrar y escalar estos proporcionalmente. Entonces, sólo voy a escalarlos un poco, y ver qué le hace eso a mi animación. Ahí vamos. Creo que el tiempo funciona mejor, pero estoy notando un tema raro en la puerta verde. Parece que se está escalando hacia adentro, y si echamos un vistazo a los números, se supone que la escala X se mantenga al 100 por ciento todo el tiempo, pero no está justo aquí en el medio. Por lo que debo haber tenido mi punto de anclaje en el lugar equivocado cuando escalé estos. Entonces, solo voy a ajustar rápidamente todos estos a mano, desconstreñido las proporciones, y escribir 100 en cada uno de estos fotogramas clave, y de esa manera el ancho siempre permanecerá igual. Ahí vamos. Toca eso de nuevo. Creo que eso se ve bien. No me voy a preocupar por todo lo que va en la puerta aún, voy a agarrar la parte superior de la puerta, y arrastrarla hacia abajo, llevarla a este punto, presionando el soporte izquierdo, y creo que quiero tener ese pop up derecho sobre aquí. Lo haré de la misma manera que las ventanas inferiores, de abajo hacia arriba. Entonces, en realidad solo copio estos fotogramas clave aquí mismo, voy al punto final, yo en el teclado, y pego, y voy a querer que salga probablemente justo en este fotograma. Entonces, pulsa nuevamente el corchete izquierdo para ajustar esa capa en punto a ese punto en el tiempo. De esa manera, sale justo cuando el marco está terminando está rebasando. Creo que quería que pasara un poco antes, voy a respaldarlo. Entonces, me gusta este tiempo, pero no me gusta esa brecha que está produciendo, obviamente. Entonces, lo que quiero hacer en realidad es ir al punto de descanso, después de que toda la animación ha pasado, y luego sólo padres de esta puerta superior al marco de la puerta, y de esa manera se va a mover con la escala de la otra puerta, y esa costura nunca se presentará. Genial. Entonces, ahora se está moviendo con la puerta, por la razón que sea, estamos consiguiendo esa diminuta costura justo aquí, así que voy a tocar eso tal vez un píxel, y eso se deshace de la costura. Genial. Ahora, sólo va más allá de la parte superior del marco un poco, así que voy a presionar el comando K, para abrir mis ajustes de composición, y expandir esto un poco. Eso debería darme mucho espacio para contener ese top. Está bien. Eso me gusta. Agarremos el pomo de la puerta, ese plato de oro al lado. Creo que va a tener que eso suceda probablemente en el camino de vuelta hacia abajo de ese rebasamiento, así que justo por aquí, presionaré el corchete izquierdo para bajarlo, y me gusta que mis capas vayan en orden ascendente, así que estoy sólo va a reorganizarlos en función de cuando empiecen a animar. Voy a acercarme bonito y cerrar aquí, y mover este punto de anclaje al centro superior de la capa, porque quería animar de arriba hacia abajo, para especie de ir junto con el movimiento que ya está sucediendo, del puerta y el marco, encogiéndose hacia abajo. Muy bien, entonces copiaré estos fotogramas clave, pegaré, y veré cómo se ve. Genial. Incluso en este diminuto detalle, se puede ver ese rebasamiento y se ve bien. Vamos a sacar estos paneles de puerta a continuación. Probablemente los tengan pasando alrededor de la misma hora que el pomo de la puerta. Arrástrelo hacia abajo por debajo de la parte superior de la puerta, y entonces tal vez sólo empuje los puntos de anclaje hacia los bordes exteriores de cada uno de estos paneles. Entonces, necesitaré ir a la ventana inferior, y copiar uno de esos conjuntos de fotogramas clave de escala de rebasamiento, y pegarlo ahí ya que eso va en el eje X. Eso se ve bastante bien. Ahora, sólo los compensaré un poco, tal vez dos marcos cada uno. Después, retrocede un poco a todos a tiempo. el zoom para que pueda ver todo en contexto, y creo que se ve bastante bien. Siguiente arriba es el vidrio en la parte superior, que es todas estas capas restantes, ahí están todos estos elementos diferentes. Entonces, eso probablemente pasará justo aquí, me imagino. Entonces, retrocede esto hasta ese punto en el tiempo. El modo en que estoy pensando en animar esto es tener primero el semicírculo blanco, eso está en el fondo vamos primero, y luego revelar todos estos paneles de vidrio, usando esto como una especie de tapete. Entonces, empecemos con el primer semicírculo de fondo. Bajaré este punto de anclaje hasta el centro inferior. Entonces voy a dar un ritmo a los fotogramas clave que tengo para el rebasamiento, pero después sólo modificarlos. Entonces, en lugar de 0100, voy a poner cero tanto en la X como Y. Entonces, solo voy a copiar el valor X, y pegarlo en la Y para cada uno de estos fotogramas clave. De esa manera se está escalando, proporcionalmente en ambos valores. Restrinja esas proporciones otra vez, y simplemente vuelve a jugar eso. Está bien, eso se ve bien. No creo que quiera tener tantos rebotes. Creo que me voy a deshacer de estos fotogramas clave aquí mismo. Elimina eso, así sube, baja, y luego vuelve al 100 por ciento. Genial. Entonces, ahora lo que quiero hacer es padres todos los paneles de vidrio, y el otro semicírculo, al semicírculo principal después de que termine la animación. Entonces, voy a padres todos esos a esta capa, y ahora van a seguir esa animación. Entonces, en este punto, justo aquí en la parte superior del rebasamiento, ahí es donde quiero que comiencen estas capas. Pero aún no quiero poder ver estos cristales. Entonces, voy a tomar este otro semicírculo, y mover el punto de anclaje hacia abajo hasta el medio inferior de esa capa. Estableceré un marco clave de escala, y luego lo moveré hacia adelante en el tiempo, y luego escalaré esto hacia arriba mientras mantiene el turno, para escalarlo proporcionalmente. Ahora, eso es utilizarla efectivamente como máscara, ocultando esos cristales de vidrio. Ahora, de nuevo, no cubriendo exactamente todo, así que voy a simplemente golpearlo hacia abajo, una o dos veces con la tecla de flecha, para que podamos ocultar la totalidad de ese vaso. Ahora, a medida que eso se escala hacia abajo, ves que está revelando todas esas otras capas. Se ve realmente bonito. Ahora, solo quiero aliviarlo un poco. Entonces, agarraré ambos fotogramas clave facilidad fácil, entraré a mi editor de gráficos, y luego modificaré esto, y lo reproduciré. Echemos un vistazo a toda la puerta, y reproducimos toda la animación. Ahí lo tienes, tengo todos estos elementos, bonitos y flotantes, animando en muy bien. Echemos un vistazo al campamento principal. Se ve genial. Pasemos directamente a estas lámparas. Voy a saltar aquí. Voy a empezar con esta pieza central grande justo aquí, pondré el punto de anclaje hacia abajo en el medio inferior, agarraré los marcos clave de mi ventana superior, y pegaré. Ahí está ese primer elemento, viene bien. Viene así, y piensa que voy a exagerar un poco más el rebasamiento. Dado que este es un elemento tan pequeño, realmente no puedo escalarlo un poco más. Entonces, sólo me aseguraré de que ese punto de anclaje esté en el lugar correcto, mantenga al mando, y luego escale. Ahora, eso va a conseguir mucho más de un rebasamiento, y puedo pasar a la siguiente capa. Entonces, la base de la lámpara vendrá de arriba hacia abajo, pero probablemente pueda usar los mismos marcos clave de escala, copiar y pegar. Yo solo quiero asegurarme de que tengo suficiente espacio en mi comp para encajar eso. Entonces, sólo estoy expandido un poco más. Ahí vamos. Esos pueden pasar bastante rápido, uno tras otro. Entonces, pasaremos a la siguiente parte de la lámpara, probablemente tengan exactamente el mismo tipo de animación, pegar. Amplíe bien y cierre, mueva ese punto de anclaje a la parte inferior de la caja del transformador, y pegue. Genial. Ahora, haremos lo mismo para esta pieza superior también. Muévete hacia abajo por la parte inferior, hazlo arrancar, probablemente justo en este marco, pega, y luego retírelo. Todo está genial excepto esta primera pieza, porque se está superponiendo este panel de vidrio, lo estamos viendo disparar mucho más lejos de lo que me gustaría. Entonces, en lugar de usar el cuadro de transformación y el editor de gráficos para escalar todo esto hacia abajo, en realidad solo voy a agarrar todos los fotogramas clave aquí, todos a la vez, desconstreñir las proporciones, y luego simplemente haga clic y arrastre, aquí, hasta que se alinea un poco con el fondo de ese vaso. Porque yo los tenía seleccionados todos los modificó proporcionalmente. Entonces, ahora rebota y vuelve a bajar. Ahora bien, no quiero que vaya tan lejos hacia abajo, así que sólo iré a ese marco clave, y lo escalaré un poco. Ahora, eso se va a quedar detrás de los otros elementos. Genial. Echemos un vistazo a eso en el campamento principal. Se ve bien. Ahora sólo vamos a compensar las dos lámparas, así que tengo lámpara uno y dos, voy a desplazar esto hacia adelante un par de fotogramas, y ahora no animan exactamente al mismo tiempo. Tampoco quiero que se animen al mismo tiempo que la puerta, así que los voy a empujar un poco hacia adelante en el tiempo. Escalonar y solapar el tiempo de tus elementos como este realmente agrega mucha personalidad a tu animación, y esto hace que se vea mucho más agradable. Entonces, definitivamente jugar con el tiempo, para conseguir algo que se vea bien. También note que solo estoy dando un par de fotogramas entre cada uno de estos elementos. No quiero que esta animación pase a lo largo de diez segundos, quiero que suceda bastante rápido, así que no tengas miedo de mantener todas tus superposiciones bastante apretadas. Sólo por el bien de las organizaciones, voy a agarrar todas las capas de arbusto, y moverlas hacia arriba en la pila de capas. Creo que eso va a animar en último, así que sólo los voy a poner justo en la parte superior. Entonces voy a mover el techo hacia abajo a justo arriba del revestimiento, y el umbral justo encima de la puerta. Ya que tengo todos los elementos que están en el revestimiento atendidos ahora, voy a seguir adelante y animar eso a continuación. 12. Comandos de fotogramas clave: Ahora, quiero animar esto un poco diferente, solo para que toda mi animación no se vea exactamente igual. Ahora mismo, es solo un rectángulo grande, pero quiero dividirlo en múltiples capas para que pueda tener una animación de aspecto más única. Lo primero que haré es precomponer esta capa. Entonces, con eso seleccionado, presionaré Comando + Mayús + C, o Control + Mayús + C, y le cambiaré el nombre Siding. Haga clic en Ok. Ahora, puedo entrar en ese comp y cosecharlo con mi región de interés. Entonces, lo conseguiré bonito y cercano, Composición, Cultivo a Región de Interés. Entonces, solo quiero asegurarme de que esto esté perfectamente centrado en el comp. Entonces, subo a Ventana, Alinear. A continuación, asegúrese de que esté seleccionado Alinear capas a composición y haga clic en los botones de alineación horizontal y vertical. De esa manera, esto está perfectamente centrado en el comp. Voy a cerrar eso. Para esta animación, quiero ranuras individuales de este revestimiento, las tablas individuales para animar realmente para formar en esta pieza final. Entonces, voy a querer dividir esto en un montón de rectángulos diferentes que terminan pareciendo una sola pieza sólida. Entonces, voy a empezar por duplicar esto y llamarlo Siding 01. Después, abre la escala presionando S en el teclado y desconstreñí mis proporciones. De esa manera, puedo escalar esto en el eje y. Ahora, quiero romper esto de manera uniforme, que quede bien en el rectángulo que ya está ahí. Entonces, digamos que quiero componer esta animación desde 14 tableros. Bueno, no sé exactamente cuál sería ese valor de escala, pero en realidad puedo escribir una ecuación en este valor y After Effects lo puede resolver por mí. Entonces, quiero 14 de estas juntas, así que necesito que esto sea 100 por ciento dividido por 14. Presionaré enter, y eso calcula automáticamente exactamente el porcentaje que necesito para conformar un catorce del rectángulo más grande. Ahora, voy a bajar la opacidad en la capa de fondo presionando T para subir la opacidad y simplemente bajarla. De esa manera, puedo ver exactamente lo que estoy haciendo. Tampoco quiero mover esa capa, así que la voy a bloquear. Quiero que esto vaya hasta el borde inferior de este rectángulo más grande. Entonces, voy a acercarme aquí, mover ese punto de anclaje al centro inferior, chasqueándolo ahí, y luego haciendo clic y arrastrando en ese punto de anclaje mientras mantienes presionado Comando para encajar al borde inferior, y justo ahí, ese está bloqueado en el borde central. Entonces ahora, sé que eso está perfectamente alineado hasta el fondo de mi rectángulo más grande. Ahora, que está alineado correctamente, quiero poner ese punto de anclaje en el borde izquierdo porque quiero animarlo de izquierda a derecha. Creo que no quiero hacer ningún rebasamiento con este. Dado que es una tabla tan larga, el rebasamiento sería bastante extremo, así que solo tienes que ir al marco uno y bajar la escala x a cero. Pondré un fotograma clave y seguiré adelante tal vez 10, 15 fotogramas. Entonces, eso es medio segundo, y configurar esto hasta 100. Entonces, Voy a Fácil Afacilidad los fotogramas clave a las nueve, entra en mi editor de gráficos y luego suaviza esto aún más. Ahora, retocaré eso para ver cómo se ve. Está bien. Creo que eso es bueno. A lo mejor tendré que dure un poco más, tal vez 25 fotogramas y reproducirlo una vez más. Haré que esa Facilidad aún un poco más extrema. Genial. Ahora, que tengo eso animado, voy a acercarme aquí y duplicar la capa. Entonces, con mi herramienta de selección, haré clic y arrastraré cerca de ese mango inferior izquierdo y mantendré presionado Command para ajustarlo al borde de la siguiente capa, y lo volveré a hacer hasta que tenga 14 copias todas perfectamente alineadas entre sí. Entonces, solo estoy duplicando, haciendo clic y arrastrando mientras mantienes presionado Comando para encajar. Perfecto. Ahora, todo eso está alineado muy bien. Puedo apagar mi capa de fondo y reproducir esto de nuevo. Ahora, parece que sólo tengo un rectángulo gigante todo animando a cabo exactamente al mismo tiempo. Obviamente, eso no es lo que quiero. Entonces, lo que voy a hacer es seleccionar todas mis capas de abajo hacia arriba, y eso es importante que esté seleccionando en este orden desde la capa muy inferior, mantenga pulsado shift y luego haga clic en la capa superior, porque After Effects sabe qué orden seleccionas capas en. Iré al principio mismo de la composición, mantenga pulsada la opción o Alt y presione el corchete derecho para recortar todas las capas hasta un solo fotograma, y luego, haré clic derecho en cualquiera de las capas, vaya a Keyframe Asistente, Capas de Secuencia. Entonces, dejaré Superposición sin marcar y haga clic en Ok. Se puede ver que After Effects dio en cascada cada una de esas capas compensadas por un fotograma. Entonces, solo iré al final de la comp, mantenga presionada la opción y presione el corchete derecho para traer de vuelta la duración de todas esas capas. Ahora, lo reproduciré para mostrarte lo que eso hizo. Por lo que ahora, tengo una animación de aspecto muy cool para todos los tableros de revestimiento. Al presionar U para que aparezcan todos mis fotogramas clave, puedo ver cómo se ve eso. Entonces, eso se ve realmente genial y probablemente podría llamarlo bueno ahí, pero podría incluso hacer esto un poco más interesante si selecciono todos estos fotogramas clave, el segundo fotograma clave para cada capa, asegúrate de que tengo todo de ellos seleccionados, y luego hago ese truco de escalado, donde mantengo pulsada la opción y luego haga clic en el primer o último fotograma clave, y luego, haga clic y arrastre este hacia atrás. Se puede ver que esto lo está escalando proporcionalmente. Entonces, en lugar de tener exactamente el mismo tiempo en cada capa a medida que vas más arriba en la pila, toma menos tiempo terminar de animar. Veamos cómo eso afectó a la animación. Mira, ahora, todas las capas terminan en la posición final más o menos al mismo tiempo. Voy a deshacer para que puedas compararlo. Aquí es donde cada capa se anima en el mismo tiempo exacto, y luego, rehacer, ahora, todas sus animaciones terminan justo alrededor del mismo tiempo. Está bien. Me gusta mucho la forma en que se ve eso, pero estoy pensando que sería genial poder todavía distinguir entre cada uno de estos tableros una vez terminada la animación, así que voy a hacer esto simplemente añadiendo algo de sombreado. Cuando selecciono la capa superior y busco sombra de gota, aquí vamos, y aplicamos eso a esa capa superior, zoom en bonito y cerrar, y quiero asegurarme de que esto sólo va directo hacia abajo y no hacia un lado en absoluto. Entonces, cambiaré la dirección a 180 grados. De esa manera, va directo hacia abajo y eso sólo da un poco de ventaja. No sé si necesito que esté tan oscuro, así que voy a bajar la opacidad sólo un poquito, tal vez alrededor de los 25. Entonces, copia la sombra de gota y pega en todas las capas excepto la capa inferior, porque no necesito lanzar una sombra sobre nada por debajo de la pieza final de revestimiento. Voy a pegar, Comando V. Ahora, tenemos todas estas líneas apareciendo, indicando dónde está el revestimiento. Toca esto de nuevo. Creo que eso se ve muy bien. Volvamos a saltar a nuestra comp principal y veamos cómo se ve eso. Ahora, eso sí metió el posicionamiento cuando recorté la región de interés, así que sólo volveré a bajar eso, acercar bonito y cerrar y ver que eso se alinea muy bien. Déme un poco más de espacio para ver esto, y luego reproducirlo. Está bien. Por lo que se ve realmente genial. Obviamente, tenemos que trabajar en el momento. Entonces, voy a seleccionar todo en mis capas apilar además del fondo de la casa, así la puerta, y todas las ventanas, las lámparas, todo así y empujarlo hacia adelante en el tiempo. No quiero que eso empiece a animar hasta probablemente alrededor de aquí. Por lo que solo empujaré esas capas hacia adelante y la reproduciré de nuevo. Eso se ve realmente bonito. De acuerdo, vamos a animar este umbral, creo que eso podría pasar justo aquí, así que solo agarraré esa capa empujándola hacia adelante a ese momento, y creo que solo quiero que se escale desde el centro hacia afuera y rebasar un poco. Entonces, creo que la ventana inferior es la que quiero copiar este rebasamiento, copiar y luego pegar eso en el primer fotograma de ese umbral, luego alejar y ver cómo se ve eso, genial. Ir a mover estos arbustos hacia adelante en el tiempo para que no me distraigan con ellos, e ir al frente de la animación, así que tengo el techo y el fondo, el embellecedor de la casa, para animar. El recorte probablemente va a animar el primero así que empecemos con eso, voy a reubicar el punto de anclaje en el centro inferior, y creo que como este es un objeto tan grande, voy a querer hacer un rebasamiento de aspecto único. Entonces, solo empecemos agregando una opción de fotograma clave de escala o alt más la tecla S y luego moverla hacia adelante en el tiempo, tal vez 20 fotogramas. Entonces escalaré la escala Y a cero, entraré en mi editor de gráficos, facilitaré esos fotogramas clave y luego cambiaré a mi gráfico de valores. Así que quería disparar pero quiero que se tome su tiempo haciendo eso, así que probablemente por aquí y en lugar de agregar un fotograma clave, realidad sólo voy a agarrar el mango de transformación y moverlo hacia arriba. No quiero que esto se dispare demasiado hacia adelante pero probablemente algo así, entonces simplemente voy a aliviar ese fotograma clave y porque el avistamiento se acerca justo detrás de él, no creo que vaya a querer que se vuelva a bajar, así que sólo voy a necesitan estos tres fotogramas clave para este rebasamiento en particular y los voy a aliviar muy bien. Por lo que probablemente se disparará bastante drásticamente, y luego se sumerja de nuevo hacia abajo muy bien, agradable y suave, este no tiene que ser loco hinchable y jugar eso de nuevo. Voy a sacar la capa del techo del camino para que no me distraiga. Creo que eso sucede aún más rápido de lo que debería ser, así que voy a agarrar estos dos marcos ASCII y cambiarlos un poco hacia adelante y reproducirlo. Creo que eso se ve un poco mejor, tal vez un poco más rápido. Entonces, tal vez en lugar de terminar al ras con el revestimiento, dejaré un poco de margen. Por lo que solo agarraré mi capa y escalaré esto hacia arriba, para que como que coincida con el margen en la parte inferior también. Está bien. Se ve bien. Ahora puedo animar en el techo lo cual creo que quiero hacer de manera similar al revestimiento, así que lo precompondré, le renombraré techo, entraré en esa capa y la recortaré, así que estableceré mi región de interés, recortaré, y luego de nuevo, asegúrate de que esté perfectamente centrado, así, alinear ventana, composición horizontal y vertical. Genial. De la misma manera que rompí el revestimiento en montones de capas diferentes, creo que lo voy a hacer con el techo pero lo voy a tener animado en un poco diferente. Entonces obviamente, el posicionamiento de esto está apagado ahora, creo que necesito alinear eso justo con el borde del revestimiento, eso se ve bien. Creo que lo dividiré en el mismo número de rectángulos que el revestimiento, así que solo 14 copias. Entonces duplicaré esta capa, lo nombraré techo 01, bajaré la opacidad del fondo uno a decir 50 y lo bloquearé, luego abriré la escala presionando S proporciones sin restricción digamos 100 divididas por 14, y mueva esto hasta el fondo, para que se alinee perfectamente. Para este, quiero animarlo de arriba hacia abajo, algo así como se está construyendo el techo desde la parte superior del techo hasta donde estarían las canaletas. Nuevamente, no necesito agregar un rebasamiento a esta, esta capa, ya que son tantas capas, se van a solapar, así que solo voy a escalarla de cero a 100 por ciento en la opción Y. Presione o alt S para agregar un fotograma clave, empujar eso hacia adelante en el tiempo, acercar y luego establecer la escala Y en cero, facilidad y modificar esa curva, asegurarse de que la opacidad no esté seleccionada, y la razón por la que estos están tan separados es porque el escala solo llega hasta 7.1 pero, realmente no necesito ceder tanto detalle aquí. Yo sólo puedo decir hasta dónde estoy tirando de estas asas, eso se ve bastante bien. Creo que sólo tiene que suceder mucho más rápido. Sí, algo tan sencillo como eso va a estar bien. Ahora solo necesito duplicarlo todo un montón de tiempo. Así que duplicar, y luego me voy a mover al borde izquierdo, haga clic y arrastre cerca de ese mango de transformación inferior izquierda, y simplemente repita este proceso de nuevo. Exactamente de la misma manera que el revestimiento. Está bien, ahí vamos. Ahora tengo este número donde estoy consiguiendo presenten algunos píxeles semitransparentes entre algunas de estas lamas, entonces, lo que voy a hacer es solo presionar S sin ninguna de las capas seleccionadas para que aparezcan todas las propiedades de la escala S, y luego seleccione el segundo fotograma clave para cada capa, vaya a ese punto en el tiempo, y luego haga clic y arrastre solo para ocultar esa escena. Ahora, hacer clic y arrastrar realmente hace que eso sea muy dramático y es un poco difícil ser preciso. Pero si mantengo pulsada Comando mientras arrastro, entonces puedo hacerlo a un valor 10 veces más preciso. Entonces solo voy a hacer esto un poquito, solo para que cubra todas esas costuras, y ahora esas todas se animan muy bien. Ahora puedo desactivar la capa de fondo y quiero compensarlas con el tiempo de nuevo, pero esta vez en lugar de de abajo hacia arriba, quiero ir de arriba hacia abajo. Por lo que necesito asegurarme de seleccionar mis capas en ese orden, dar clic en la parte superior, desplácese hacia abajo, haga clic de desplazamiento en la parte inferior, vaya al primer fotograma, mantenga presionada la opción y presione el corchete derecho, haga clic derecho en fotograma clave asistente, capas de secuencia, haga clic bien. Ahora están en cascada de arriba hacia abajo, iré al final de la comp, opción o alt más el corchete derecho para extender los outpoints de todas las capas a ese tiempo y reproducirlo. Necesito un poco más de tiempo en mi área de trabajo, pero ahí vamos. Ahora tenemos este tipo de animación de edificación de arriba hacia abajo. Ahora voy a ir a mi comp principal y justo para cronometrar esto muy bien, así que probablemente quiera que pase por aquí. Por lo que se reúne con la parte superior de la casa justo cuando el revestimiento está terminando su animación. Creo que eso se ve genial. Entonces déjame alejar un poco. Dame un poco más de espacio en el comp y juega esto de nuevo. Está bien. Todo se ve muy bien. Yo sólo tengo los arbustos que animar. Entonces saltaré a uno de los arbustos, y quiero darme mucho espacio para trabajar, así que presionaré Command K y ampliaré un poco mi comp, y solo para ser consistente con mis otras animaciones, soy va a tener este rebasamiento hacia arriba, así que voy a ir a mi ventana superior y copiar esos fotogramas clave una última vez, pegarlos en esta capa, y luego simplemente mover el punto de anclaje hacia abajo hasta el centro inferior. Ahora eso va a aparecer muy bien, tal vez lo haga un poco más extremo. Ahí vamos, agradable y flotante y luego saltamos de nuevo a mi comp principal. Genial. Ahora solo necesito compensarlos a tiempo, y de nuevo siendo consistente, voy a hacer que vayan desde el medio hacia afuera. Entonces probablemente por aquí, traeré primero las dos capas internas, seguidas de las dos externas. Muy bien, ahora todas mis propiedades están animadas, voy a maximizar este marco presionando la tecla tilde, la pequeña tecla garabateada debajo de la tecla de escape de tu teclado, y maximizaré la ventana y reproducirla, y ahí lo tienes. He animado toda la construcción de mi casa. 13. Agregar detalles: Ahora, solo quiero agregar algunos detalles más a mi obra de arte para darle un poco más de profundidad a mi escena. Entonces, voy a empezar con las ventanas superiores, quiero agregar una sombra gota a cada una de ellas. Entonces, solo tendré uno seleccionado y añadiré que cae sombra otra vez. Creo que el ángulo predeterminado estará bien, pero quiero que coincida con el mismo color que uso para la sombra de gota en el revestimiento, y no quiero ver ningún píxel más oscuro aquí. Entonces, en realidad voy a hacer que la opacidad sea 100%, y luego usar la herramienta cuentagotas para seleccionar ese color, y de esa manera esas dos sombras simplemente fluyen entre sí. A lo mejor hacer la distancia un poco más allá, tal vez algo por ahí. Entonces solo seleccionaré este efecto, lo copiaré, y luego pegaré en todas las demás ventanas. De hecho lo haré por todos estos elementos que están encima del revestimiento también. Entonces, todas las ventanas inferiores, la lámpara, la puerta y yo sólo los seleccionaré y pegaré. Ahora, ese poco de sombreado realmente ha añadido algo de profundidad a la escena. También podría añadir probablemente una sombra debajo del techo. Pero si tuviera que pegar ese efecto aquí, y mover esto hacia abajo para ser 180 grados en lugar de hacia un lado, va a poner esos lugares de sombra que no lo quiero. Ya que está animando, también vamos a ver esas líneas rojas en el medio, y definitivamente no quiero eso. Entonces, voy a deshacerme de ese efecto, y en cambio, sólo voy a entrar al revestimiento, porque ahí es donde se alinea el techo, y voy a mover mi línea de tiempo a justo aquí, así que sé en qué punto en el tiempo debería estar apareciendo la sombra, luego entrar en mi precomp de avistamiento. Entonces solo seleccionaré la capa superior, la duplicaré, y la renombraré revestimiento de sombra superior, desharé de la sombra de caída, y moveré el punto de anclaje a la esquina superior izquierda. Presione U para que aparezcan mis fotogramas clave y vaya al primero, y luego establezca esto en 100 en la escala X para que tenga ancho completo, y luego cero en la escala Y, para que se escale hacia arriba en la parte superior. Y ahora que escalar hacia abajo. Ahora, ya perdí donde se suponía que iba a animar esto, así que voy a encontrar eso en el maincomp otra vez, justo por aquí, entonces solo saltaré de nuevo a mi comp de revestimiento, y desplazaré esta capa hacia adelante para que ahí empiece a animar . Ahora, solo necesito cambiar el color para que coincida con la sombra del resto del revestimiento. Entonces seleccionaré ese color, usaré el cuentagotas, y ahí vamos, y finalmente, solo cambiaré este valor de escala haciendo clic y arrastrando sobre este mango de transformación, para que sea aproximadamente el mismo ancho que el resto de las sombras. Está bien. Voy a volver a tocar eso, y eso es animar en bien. Creo que sólo voy a acelerarlo, así que es agradable y rápido, y luego volver a mi casa construir y ver cómo se ve eso. Perfecto. Creo que incluso puedo empujarlo hacia atrás en el tiempo sólo un par de marcos, y eso se ve muy bien. Ahora quiero agregar algo de sombreado a estos arbustos solo para darles un poco más de profundidad. En realidad voy a hacer eso con un estilo de capa. Entonces, saltaré a esta capa, haga clic derecho en la capa y vaya a estilos de capa, y luego sombra interna. Entonces giro hacia abajo mi sombra interior en la paleta de capas, y cambio el ángulo. Ahora mismo las sombras de arriba a la izquierda, quiero girarlo alrededor hasta que se vaya a la parte inferior derecha. Ahí vamos, en algún lugar por ahí. Entonces voy a aumentar un poco la distancia y bajar el tamaño hasta el final. Voy a rotar esto un poco más hasta que lo consiga justo donde lo quiero, y luego simplemente bajaré la opacidad. De esa manera solo da esta bonita sombra, y volveré a mi comp principal, y podemos ver que ahora esos tienen mucha más profundidad. Yo lo reproduciré. Está bien. Otro detalle que quiero hacer es agregar un poco de un destello al cristal, casi como si hubiera un resplandor de cada una de estas ventanas. Entonces, voy a hacer doble clic en la ventana superior, y añadir en esa reflexión. Creo que solo voy a hacer esto a mano con la herramienta de bolígrafo. Entonces, seleccionaré la herramienta de lápiz y apagaré el relleno, haciendo clic en ese pequeño ícono ahí mismo, y luego cambiaré el trazo para ser, blanco. Y aumentaré un poco el tamaño del trazo, y luego simplemente dibujaré un camino sin capas seleccionadas. Entonces, algo que se parece un poco a esto. Entonces, es una línea en ángulo, y luego puedo controlar el ancho de esa línea sólo aumentando el trazo con aquí. Entonces, algo que se vea así, y luego entraré en el contenido de esta capa, y duplicaré esta forma, cambiaré a mi herramienta de selección, haga clic y arrastre para moverla, y luego entraré en esa forma también, y ajusta un poco el ancho del trazo hacia abajo, por lo que es un poco más pequeño. Amplíe bien y ciérrelo para que podamos ver lo que está pasando, y luego moverlo de nuevo hacia la izquierda un poco. Ahora solo tenemos estas dos líneas simples que están haciendo una capa estilizada. Cómo quiero animar esto es básicamente tener la diapositiva adentro, pero necesito mantenerlos contenidos dentro del cristal. Para ello, solo voy a duplicar la capa de vidrio, moverla hacia arriba, y renombrarla, vidrio mate, y renombraré esta capa resalte uno, y luego estableceré esta capa para que sea mate para el resaltado yendo al mate de pista, que si no ves la columna track matte, solo tienes que dar click en este botón aquí mismo, y voy a cambiar esto a alfa mate, y ves mate de cristal es el nombre de la capa para la capa encima de ella, así es como un alfa mate funciona. Ahora eso va a contener estas líneas dentro de esa capa. Ahora puedo agarrar esta capa de resaltado y moverla por ahí, y no aparecerá en ningún otro lugar. Ahora voy a respaldar esto y hacer que vengan estos probablemente justo por aquí. Entonces, empezaré con esta capa fuera hacia un lado, y presionaré el corchete izquierdo para empujar el punto in de esa capa a este punto en el tiempo, estableceré un fotograma clave de posición manteniendo la opción y la tecla p, luego ir hacia adelante en el tiempo unos cuantos marcos, y ponlo de vuelta donde quiero que termine. Entonces por ahí, ahí. Ahora como se inicia fuera de pantalla, realmente no lo necesito para salir de ese fotograma clave, realmente solo quiero enfocarme en facilitar el segundo fotograma clave. Entonces, seleccionaré eso, con facilidad lo, entraré en mi gráfica, y pasaré a mi gráfica de velocidad, y luego solo aumentaré la velocidad hasta el momento en el segundo fotograma clave y traeré este mango todo el camino en la primera fotograma clave. De esa manera, solo dispara en bonito y rápido. Creo que lo voy a empujar hacia adelante en el tiempo sólo un poco, así que hay un poco más de una superposición en la animación, y voy a llevar esto incluso un par de pasos más allá entrando en los contenidos, y encontrar la transformada propiedades para esta forma dos grupos. Entonces, lo giro hacia abajo, entro en la transformación para la forma dos, y establezco un fotograma clave de posición. Entonces presionaré U para que aparezcan sólo las propiedades keyframe, y esto me va a permitir cambiar esto forma independiente desde el primer punto culminante. Entonces, sólo cambiaré eso hacia adelante en el tiempo un poco y luego tal vez empujarlo sobre 10, 15 fotogramas, algo así. Entonces haz el mismo tipo de flexibilización que estos dos fotogramas clave. Entonces, fácil facilidad, entra, sube este, deshazte de la influencia en el primer fotograma clave, y luego alinearlos con los dos primeros fotogramas clave. Ahora, tenemos este ligero pedacito de aire básicamente entre los dos. Ahora es muy sutil en este punto, pero si agarro ambos fotogramas clave y los empujo hacia fuera, ahora va a ser mucho más notorio, y eso podría incluso ser un poco demasiado. Entonces, parece que ese podría ser el punto dulce, pero parece que uno entra tras otro ahora, eso es exactamente lo que quería. Algo más que podría hacer para que esto sea aún un poco más interesante, es traer el ancho de trazo para cada una de estas líneas. Entonces, con esa capa seleccionada, voy a venir a esta pequeña barra de búsqueda y teclear, ancho de trazo, y ahí vamos, vemos las propiedades de ancho de trazo, estableceré fotogramas clave, nuevamente presionaré U para que aparezcan todos los propiedades keyframe, copia de seguridad en el tiempo un poco, y luego bajarlas a ambos. Entonces, éste tenía 10 años, lo bajaré a probablemente tres, y cogeré este que tenía cinco y lo bajaré a uno. Entonces creo que voy a hacer que este rebasamiento sea un poco, para que tenga un poco de movimiento flotante. Entonces, voy a extender un poco esto, copiar y pegar, y luego escalarlos a ambos. Entonces, tal vez 10 va a 14, cinco va a ocho, y luego seleccionaré ambos fotogramas clave y entraré en mi gráfico de valores. Voy a facilitar todos estos fotogramas clave, espaciar un poco los dos últimos mientras mantiene el turno para preservar los valores, y luego escalar un poco cada uno hacia abajo. Entonces, cinco bajarán a cuatro, 10 bajarán a ocho, traerán a los dos de nuevo arriba, y facilitar esas propiedades también. Entonces solo aumentaré la influencia en todos estos para que sea un poco más suave. Estoy haciendo todo esto sin ni siquiera mirar mi animación, porque en este punto sé cómo funciona un overshoot, por lo que debería poder conseguir que esta mirando bien con sólo mirar la gráfica. Entonces, vamos a retocar eso. Eso se ve bastante bien. Creo que el tiempo de estos dos últimos fotogramas clave solo necesita ser ajustado y tal vez los valores no deberían bajar bastante hasta ahora. Apague mi chasping para que pueda ser un poco más preciso, y luego creo que voy a sacar la flexibilización de este primer fotograma clave, que simplemente se dispare hasta ese valor máximo, y luego se baje de nuevo hacia abajo. Eso se ve bastante bien. Ahora, alineemos esos fotogramas clave hacia arriba con la animación real. Pondré éste al frente, agarrar el segundo y alinearlo con la segunda capa y ver cómo se ve. Ahí vamos, solo un detalle muy sencillo pero añade un poco a esa animación. Ahora, también quiero bajar la opacidad de esta capa para que no sea exactamente del mismo color que el marco. Entonces, ahí vamos, presiono T para que suba la opacidad, y luego la baja, para que sea más transparente. Creo que quiero empujarlo un poco más hacia la izquierda así que solo presionaré P para que suba la posición, y la cambiaré. Entonces, es más así. Genial. Y ahora que tengo esto animado una vez, puedo duplicarlo, y luego necesitaré un mate en la ventana inferior, así que duplicaré eso, lo moveré a la parte superior, y lo llamaré, vidrio mate dos, y haré seguro que lo apague. Porque aunque se esté usando una capa como mate, va a aparecer a menos que la apagues. Después seleccionaré la capa de resaltado duplicada y presionaré P para subir la posición, y necesito moverla hacia abajo, pero no quiero hacerlo de un fotograma a la vez. Entonces, voy a seleccionar los dos fotogramas clave, asegurarme de que mi juego esté en uno de ellos, y luego haga clic y arrastre mientras mantiene presionado el turno. Y se puede ver que es mover ambos fotogramas clave al mismo tiempo. Está bien, voy a volver a jugar eso. Eso se ve bien. Yo sólo voy a compensarlos un poco a tiempo. Creo que puedo hacer que sucedan un poco antes. Eso se ve genial. Ahora, sólo para hacerlo un poco diferente en el vidrio inferior, creo que voy a respaldarlo para que no viaje tan lejos. Entonces, tal vez esté por aquí un poco más, entonces presionaré U para que suba los fotogramas clave y tal vez haga que la segunda línea no sea tan delgada. Entonces, seleccionaré los fotogramas clave para eso, agarraré los últimos tres y luego solo escalarlo un poco mientras mantienes el comando, para que pueda hacerlo bien y precisamente, así las reflexiones se ven un poco diferentes entre sí. Está bien. Genial. Ahora que tengo que lo voy a copiar, entra en mi ventana inferior, pasarlo en la parte superior de la pila de capas, y luego reposicionarlo para alinearse con este cristal superior. Entonces presionaré P, colapsaré estas otras capas seleccionándolas y presionaré U, y luego seleccionaré ambos fotogramas clave, los moveré hacia arriba, y parece que mis líneas apenas son demasiado cortas para caber. Entonces, lo que voy a hacer es simplemente agarrar la báscula, y escalarla. Presione P en el teclado para subir la posición y alinear eso hacia arriba justo donde quiero que esté, y genial por ahí se ve bien. Ahora solo necesito mi mate, así que agarraré esta capa, duplicaré, mando D en el teclado, renombrarlo, cristal mate uno, y lo apagaré. Después volveré a mi ventana superior, copiaré el resaltado superior, y lo pegaré. Presione P para volver a subir la posición, vaya a uno de los dos fotogramas clave, y arrástrelo hacia abajo, mientras mantiene pulsado el turno, escale un poco hacia arriba y vuelva a colocarlo hasta que esté justo donde lo quiero. Pienso justo ahí. Y una vez más duplica esta capa, muévala por encima de esa resalte y renombrala, cristal mate dos, apágalo, y ahora va a estar contenida dentro de esa ventana. Está bien, veámoslo en contexto de toda la casa, y ahí la tienes. Añadí mucha profundidad a esta obra de arte solo agregando algunos sombreados simples. Ahora ya has visto todo mi proceso de animación de principio a fin, que puedas terminar tu propia animación. Si quieres agregar en pequeños detalles como lo hice, para sombrear, para agregar un poco más de profundidad, o simplemente estilización, siéntete libre de hacer eso. Una vez que estés contento con lo que tienes, entonces podemos pasar a pasarlo en un looping para la exportación. 14. La animación en bucle: Ahora que he animado mi casa, quiero revertir la animación para que pueda hacer bucle esto como GIF. Hay dos formas diferentes en que puedes hacer esto. El primer camino es realmente sencillo. Voy a empezar seleccionando todas mis capas, presionando Comando o Control A y luego precomponiéndolas. Entonces, sube a Capa, Precomponer y voy a nombrar a este bucle de construcción de casa. Haga clic en Aceptar y ahora todas esas capas están contenidas dentro de este pre-comp. Ahora, reproduciré la secuencia y la detendré cuando piense que quiero que la animación se revierta. Entonces, aquí vamos. Creo que justo ahí es probablemente donde podría revertir y animar retroceder. Esto es algo que puedo ajustar más tarde pero ahora sé que justo alrededor del cuadro 75 es donde me gustaría que solo revierta la animación y vuelva al principio. Entonces, lo que voy a hacer es recortar esta capa hasta este punto en tiempo manteniendo pulsada Opción o Alt y presionando el corchete derecho. Entonces, duplicaré la capa presionando Comando o Control D y luego pulsando y arrastrando esta capa mientras mantiene pulsada Mayús, que se ajuste al punto de salida de la capa debajo de ella. Entonces, ahora solo tengo dos capas de la misma animación exacta. Pero, quiero revertir este, por lo que se anima y luego se apaga. Entonces, voy a hacer clic derecho, ir a Tiempo y luego decir Time-Reverse Layer. Así como así, mi animación va a jugar en reversa. Entonces, pondré mi punto de salida de área de trabajo a justo aquí al final de esta capa y luego reproduciré todo de nuevo. Animate está encendido, reversa, animate está apagado. Entonces, eso está bien pero, hay mucho tiempo entre terminar la animación e invertir la animación. Entonces de este cuadro a este fotograma, no hay ninguna brecha, solo vuelve directamente a la animación. Entonces, me gustaría cerrar la brecha entre este punto aquí mismo y luego dar un poco más de tiempo antes de que se vuelva a animar, aunque, sean solo 5 fotogramas. Entonces, solo voy a recortar algo del final aquí, respaldarlo, parece justo por ahí es donde empieza a animarse. Entonces, podría incluso recortar un poco más, volver a respaldarlo, y luego ver cómo se reproduce eso. Incluso eso es bastante largo. Creo que sólo voy a eliminar todo el espacio muerto en este clip invertido y luego tal vez volver a respaldarlo unos fotogramas en esta capa. Yo lo tocaré desde aquí. Sí, me gusta más ese momento. De esa manera no tenemos tanta pausa antes de que se anime a retroceder. El único otro tema es que no hay nada que llenar este vacío aquí mismo, cuando la casa ya no es visible. Entonces, solo voy a hacer una nueva capa sólida, subiré a Capa, Nueva, Sólida y quiero que sea del mismo color que el fondo. Entonces, voy a hacer clic en eso con el cuentagotas y hacer clic en Aceptar, y luego simplemente mover eso hacia abajo al fondo. De esa manera, cuando la casa se anima y su capa ya no es visible, todavía vemos ese color de fondo. Voy a retocar esto una vez más. Ahí está mi animación en bucle. Ahora bien, no hay absolutamente nada malo en animar tu casa simplemente por revertirla. Para esta animación en particular, creo que se ve bien. Si prefieres no solo revertir la animación, entonces por todos los medios simplemente animarla. Siempre podrías volver a tu pre-comp y luego decir justo alrededor del fotograma 70, es probablemente donde quería empezar a animar fuera. Entra en una de tus ventanas y luego simplemente anima todo apagado, la misma manera en que animaste las cosas. A lo mejor, no necesita rebasar, podría ser tan simple como simplemente reducir los elementos, así que lo haré muy rápido. Agarra las tres capas, establece un fotograma clave de escala, avanza unos fotogramas y baja la escala Y a cero. Voy a empujar la capa de marco hacia adelante un par de marcos, desplazar un poco los paneles de vidrio superior e inferior, tal vez en dirección opuesta. Entonces, solo copiaré estos fotogramas clave a las capas mate correspondientes. Agarré todos esos fotogramas clave, entraré al editor de gráficos y luego solo daré algo de flexibilización más extrema. A lo mejor, quítate la flexibilización de este lado, ahí vamos. Ahora, esa ventana animate está apagada, entonces podemos ver cómo se ve eso. Entonces, así como eso, podría animar cada uno de estos elementos individuales, animando fuera exactamente de la misma manera en que los animé y de esa manera no sería sólo una animación inversa. Pero, eso depende totalmente de ti. Siéntete libre de hacer tu animación lo que quieras. 15. Paseo por la casa n.º 2: Para la versión actualizada de esta clase, decidí animar otro proyecto de casa y hacerlo un poco diferente. Entonces, déjame volver a jugar esto por ti. Entonces, ahí tienes, es otra animación de casa muy sencilla, pero el diseño es un poco diferente y algunos de los elementos no son solo rectángulos simples como mi primera casa. Entonces, solo quiero guiarte por algunas de las técnicas que uso para animar esta casa. Entonces, voy a entrar en mi comp loop, y aquí están todas mis capas. Entonces, en primer lugar, hablemos de estas líneas de ladrillo. Voy a encontrar esa capa y solo la solista. Entonces, así es como se ve. Es sólo un montón de caminos de trazo en la forma en que los animé. Entonces, si vas a los contenidos, en cada uno de estos grupos, hay un recorte caminos para cada una de las líneas. Entonces, así animé cada línea que viene es a través de los recorridos de recorte. Y si te presiono para que aparezcan todos mis fotogramas clave, y veo que desplazé todos estos fotogramas clave de manera uniforme en el primero y luego comprima todos los segundos fotogramas clave, igual que lo hice en el revestimiento de mi otra casa, eso produjo una animación de aspecto agradable. Entonces, por muchas de las líneas delgadas que ves, así es como las animó. Lo mismo para las nubes de fondo. Eso es sólo una almohadillas de recorte en una línea de trazo. En este árbol hice algo un poco interesante. Yo quería que se doblara, algo así como si solo estuviera fluyendo hacia arriba en el fondo, así que déjame encontrar esa capa y así y echar un vistazo a cómo la animé. Bueno, antes que nada si presiono R y traigo la rotación, te darás cuenta de que no tengo ningún fotogramas clave en esa propiedad. En cambio, animé esto con un efecto. El efecto se llama CC Bend It. Y la forma en que funciona es estableciendo un inicio un punto final. Entonces, voy a duplicar esto, apagar la primera y luego reiniciar la segunda copia, deshacerme de los fotogramas clave, y notarás que mi árbol desapareció. Y eso es por la forma en que hay que configurarlo. En primer lugar, necesitas alinear tus puntos de inicio y finales con tu ilustración. Entonces, necesito mover el punto final a la parte superior del árbol, el punto de inicio a la base del árbol. Y ahí tienes, ahora puedes ver mi obra de arte está de vuelta. Ahora que esos están establecidos, puedo doblar este árbol en cualquier dirección, y es tan simple como eso. Tienes algunas opciones más de cómo haces esta distorsión, pero eso es todo lo que necesitaba para mi animación. Ahora me desharé de eso y volveré a encender el original y echaré un vistazo a los fotogramas clave reales. Entonces, como dije antes, puedes hacer un rebasamiento con básicamente cualquier propiedad keyframable. Entonces, esta propiedad en particular está doblando la capa de ida y vuelta, pero todavía no me rebasé con ella. Se ve que empieza inclinado, se rebasa la posición final, regresa y luego simplemente pega bien de ida y vuelta a su valor final. Y así es como se ve mi gráfica de valores, muy similar a nuestros otros rebasamientos. Acabo de extenderlo con el tiempo para que sienta que tiene mucho más peso ya que es un árbol tan grande detrás de la casa. Pero notarás que en este caso, no hice muchos rebotes con ninguna de las otras partes de la casa. Hay algunos como en ese árbol y los arbustos en el frente, pero todos estos otros elementos son una especie de simplemente deslizándose o siendo dibujado sobre. Y eso lo hice intencionalmente para darle a esta animación una sensación ligeramente diferente. Entonces, toma todas esas cosas en consideración cuando estés trabajando en tu propia casa. No tienes que animar solo la propiedad scale, puedes usar efectos, puedes usar texturas, puedes usar posición, rotación. No hay límites porque se puede aplicar el editor de gráficos y construir cosas como overshoots o movimiento realmente muy bien aliviado a cualquiera de esas propiedades. Entonces, ponte creativo, juega y solo diviértete viendo lo que se te ocurre. 16. Exporta un GIF: Ahora, que mi casa está animada, quiero exportarla. Ahora, tengo dos clases específicamente enseñándote a exportar animaciones tanto como GIF como archivos de video, comprimiendo GIFs como un jefe, y comprimiendo videos para la web. Si quieres saber cómo exportar tus animaciones en cualquiera de esos formatos, definitivamente ve a revisarlas. Son clases rápidas y te dan una gran visión general de cómo hacer justamente eso. Para esta animación en particular, voy a exportar como GIF, y para ello, voy a empezar configurando mi área de trabajo. Ahora bien, esto ya está ajustado a la longitud que quiero que sea la animación, así que no necesito cambiar nada, pero ten en cuenta que cualquiera que sea tu área de trabajo es de lo que se exportará de after effects. Por lo tanto, configura tu área de trabajo exactamente cuánto tiempo la quieres y luego sube a Composición, Agregar a Cola de Render. La configuración predeterminada debe estar bien. Deberías tener los mejores ajustes, Lossless, y luego puedes cambiar el Output A haciendo click en estos en letras azules. Es así como puedes decir After Effects dónde poner tu animación. Voy a poner el mío justo en el escritorio, solo llámalo House_Build, eso está bien, y luego haz clic en Render. No debería tomar mucho tiempo. Oirás un pequeño carillón una vez hecho, y voy a abrir esa animación dentro de Photoshop. Entonces, abre eso. Podría tardar un poco de tiempo en abrirse dependiendo de la duración y la resolución de tu video. Exporté la mía a la resolución HD de 1440 por 1080, que es bastante grande y mucho más grande de lo que necesito exportar. Ahí vamos. El cronograma debe estar abierto. Si no ves el tuyo, solo sube a Ventana, Línea de tiempo, y puedes hacer clic en Jugar y asegurarte de que eso esté apareciendo bien. Es posible que no puedas reproducir en tiempo real, pero esto al menos te muestra que tu video se exportó correctamente. Lo primero que quiero hacer es cambiar el tamaño de esto. Entonces voy a subir a Imagen, Tamaño de imagen, y cambiarlo a 800 por 600. Te recomendaría que guardes tus GIFs al menos 800 píxeles o menos en el ancho o la altura, que sea más largo, solo por el bien de compresión y tiempo de carga. Voy a dar clic en Aceptar. Vamos a recibir una pequeña notificación de que esto necesita para convertirlo en un objeto inteligente para redimensionarlo, eso está totalmente bien, y ahora ese es el tamaño correcto. Ahora voy a venir a Archivo, Exportar, Guardar para Web, Legado. Es así como puedo exportarlo como GIF. Yo quiero subir aquí a los Preestablecidos, click en ese desplegable y subir hasta la parte superior, GIF 128 Dithered. Esto tardará un poco de tiempo en procesarse porque tiene que procesar cada fotograma. Pero ahí vamos. Ahora vemos una vista previa de la compresión GIF, y puedes pasar por este fotograma a la vez o incluso hit play. Parece que estamos recibiendo bastante compresión, así que voy a echar un vistazo al tamaño de mi archivo aquí abajo. Es sólo 626K el cual es muy muy pequeño como largo. Siempre y cuando tu GIF sea de 2 megabytes o menos, puedes subirlo directamente a Skillshare. Entonces, voy a seguir adelante y aumentar mis colores de 128 a 256. Ahí lo tienes. Ahora nuestra imagen es mucho más clara. Estoy contento con la forma en que se ve esto, así que estoy listo para exportar. Si tu animación sigue siendo bastante grande o si no se ve muy bien, hay casi sólo dos cosas que puedes hacer aquí que realmente afectarán la calidad de la imagen. El primero es cambiar la resolución. Te sugeriría bajar a algo así como 400 por 300 si no se ve tan genial y luego cambiar el número de colores. 256 es el máximo, pero si tu GIF se ve bien en un menor número de colores, entonces por todos los medios, baje eso porque eso reducirá el tamaño de tu archivo. Ahora que todo está configurado, voy a asegurarme de que las opciones de bucles estén configuradas para siempre. Entonces haré clic en Guardar y solo pondré esto de nuevo en el escritorio. House_build está bien. Haga clic en Guardar, Photoshop exportará este GIF. Entonces puedo ir a mi escritorio, echar un vistazo a ese GIF. Ahí vamos. Está reproduciendo, revertiendo y buceando perfectamente. Ahora eso está listo para subirlo. 17. ¡Lo has hecho!: Enhorabuena, has terminado de animar con facilidad en after effects. Por ahora estoy seguro de que se puede decir que me apasiona mucho el editor de gráficos. Entonces, si tienes una buena comprensión y comprensión de cómo funciona entonces, he tenido éxito. Muchas gracias por tomar esta clase y asegúrate de publicar tu proyecto de clase una vez terminado. Todos queremos verlo y si lo compartes en redes sociales etiquetame @Jakeinmotion para que lo pueda ver ahí. Si tienes alguna pregunta, como siempre, pregúntalos en la página de la comunidad y si te gusta esta clase, me encantaría que me dejaras revisar. Asegúrate de que me estás siguiendo aquí en Skillshare para que puedas ver cualquier actualización a medida que las publique. Apenas una vez más, muchas gracias por tomar la clase. De verdad sí significa mucho para mí y te veré en el siguiente. 18. Extra: tutorial de demostración del editor de gráficos: La primera versión de esta clase por mucho, la pregunta que más me hicieron fue ¿cómo configuré esta demo del editor de gráficos? Bueno, por fin voy a contestar todas esas preguntas ahora mismo. Lo que no puedes ver aquí es todas las capas duplicadas que componen estos contornos porque tengo habilitado mi tímido interruptor si deshago mis capas, vemos que en realidad hay muchas capas dentro de esta comp y las bloqueé y las eché todas para que Podría esconderlos y no meterme con ellos. Entonces, lo que está pasando aquí, es que tengo un duplicado de este círculo maestro con el relleno apagado así que solo vemos el contorno y hay un duplicado para cada fotograma entre cero y 30. Es así como lo guardamos de que aparezcan cuadros extra pero esto solo funciona para esos 30 fotogramas. Esa es la trampa para todo esto, es que no es una solución muy práctica. Entonces, qué hice si desbloqueo uno de estos duplicados y entro a los controles de transformación y luego a la posición. Tengo una expresión aquí puesta que no es fácil de ver, en absoluto pero la voy a descomponer para ti. Lo que está diciendo es mirar este círculo maestro de capas de comp. Entonces, la capa de círculo maestro y en la transformación controla el valor de posición. Entonces, la posición de la capa de círculo maestro y luego mirar ese valor en un momento específico, eso es lo que hace el valor en el tiempo. Entonces, especificé a qué hora quiero que esté mirando, en esos paréntesis tenemos estocomp.frameduración. Esa expresión es calcular cuánto tiempo es un fotograma en esta comp en las unidades de segundos porque así se calcula el tiempo en expresiones, con las unidades de segundos. Entonces, descubrí cuál es entonces la longitud de un cuadro, lo multiplicé por 30 lo que efectivamente significa mirar, a la posición de este círculo en el marco 30. Ahora podría haber escrito esto de una manera diferente, estoy plenamente consciente de que podría haber dicho sólo un segundo pero así es como terminé por escribirlo. Entonces, mira el valor de posición de este círculo en el tiempo 30 fotogramas entonces, restar un fotograma veces el índice y el índice es este número justo aquí. Es el índice de la capa en la que está escrita esta expresión. Entonces, el número de capa o el valor de índice para esta capa es 30. Entonces, estoy tomando el marco 30 y restándole el índice, que es 30. Entonces, estamos obteniendo un valor de cero. Entonces, leámoslo una vez más. Echemos un vistazo a la posición del círculo maestro en el marco de tiempo 30 menos 30 dándome el marco cero y usemos 30 dándome el marco cero y usemos ese valor de posición en ese marco para esta capa duplicada. Porque basé esta expresión fuera del índice, cada vez que duplicaba una capa el valor del índice cambió. Entonces, la capa uno fue de 30 fotogramas menos 30 así que fotogramas cero. El siguiente sería 30 cuadros menos 29 que serían un fotograma y así sucesivamente. Todo lo que tenía que hacer fue duplicar las capas 30 veces porque lo estaba basando en el valor del índice. Entonces, cada uno de estos va a ser compensado por un fotograma en el tiempo. Entonces, literalmente es simplemente tomar cualquiera que sea el valor de posición de este círculo maestro e igualar su valor de índice con el número de fotograma del que se toma un valor de posición. Ahora que ya he explicado eso, probablemente puedas entender por qué nunca mostré eso en las lecciones. Es muy confuso sobre todo, si eres nuevo en las expresiones. Además de eso, no es muy práctico porque solo funciona para el número de marcos duplicados que tienes. Pero se me ocurrió otro método que usa algunos efectos en lugar de capas duplicadas, si acaso quieres usar esto. Entonces, déjame mostrarte cómo funciona eso. En lugar de capas duplicadas, utiliza el efecto eco y esto sí se comporta ligeramente diferente y se renderiza un poco más lentamente. Entonces, es por eso que no lo usé en la demo del editor de gráficos pero como puedes ver, el rastro se animará apagado. La forma en que he configurado esto es a través de una pila de efectos. Entonces, sólo pasemos por ellos de uno a la vez. En primer lugar, solo tengo un círculo negro con un contorno blanco y es importante que uses esos colores, negro para tu relleno, blanco para tu trazo. Entonces aplicé un efecto llamado CC compuesto. Lo que hace este efecto es tomar la capa original y luego la compone de nuevo en parte superior de la capa después de cualquier efecto usando cualquiera de estos modos de fusión. Ahora, sucede que uso stencil luma que es lo mismo que la estencil luma track mat. Porque usé blanco y negro, es deshacerme de todo lo que es negro y dejar el blanco. Entonces, ese es el primer paso, CC composite con el modo compuesto de stencil luma. Entonces, tengo mi círculo de contorno viajando a través de la pantalla. Entonces, aplicé un efecto de eco y esto es lo que nos va a dar el rastro. Pero agregué una expresión al tiempo de eco porque se mide en segundos y quería poder simplemente escribir en un fotograma negativo para saber que el eco se desplaza un fotograma a la vez. Entonces, entramos en los efectos, miramos el eco, abrimos eso. Tengo una expresión muy simple, tengo el valor, así que el valor lo que escriba aquí veces esta duración comp.frame, que acabamos de hablar eso es solo calcular cuánto tiempo es un fotograma en segundos. Entonces, ahora puedo teclear en negativo cinco y ahora los senderos van a ser compensados por cinco cuadros cada uno. Ahora, quería que esto funcionara como solo un fotograma para que básicamente parezca que esos senderos se están quedando quietos, y luego solo giro el número de ecos hasta 30 para esos 30 fotogramas. Ahora si quieres más ecos, puedes tener esto dure más, solo dale vuelta eso hasta el número de fotograma que quieras. También puedes hacer algunas cosas interesantes con el efecto de eco como, bajar la decadencia para que se desvanezca, no es 100 por ciento todo el tiempo. WI voy a dejar eso atrás a una y luego añadí otro compuesto CC. Si recuerdas, lo que eso hace es componer la capa original antes de que se aplicaran cualquier efecto de una manera que elijas. Por lo que por defecto, esto estaría al frente y sería sólo RGB. Yo quería ponerlo detrás de todos los ecos y no quería sólo RGB, quería que también tomara el alfa. De esa manera puedo recuperar toda la capa exactamente como era. Entonces, esto es sin RGB y esto es con. Entonces, eso se encargó de traer de vuelta el original y ahora solo es cuestión de tintarlo para que sean los colores reales que quiero. Entonces, agregué un efecto tinte set mi negro a este rojo rosado y el blanco al color amarillo, y ahora tengo exactamente el mismo efecto de eco. Si quiero hacer el trazo más grueso, todo lo que tengo que hacer es agarrar la capa y aumentar el tamaño del trazo y esto se va a comportar exactamente de la misma manera que la demo del otro editor de gráficos. Entonces, si volviera a combinar mis dimensiones X e Y, podría hacer este camino lo que quiera, facilitar estos fotogramas clave con el grafo de velocidad y se va a comportar exactamente igual que las expresiones demo. Entonces, ahí lo tienes, así es como construí la demo del editor de gráficos.