Guía para principiantes de Adobe After Effects 2023: aprende los gráficos en movimiento | Hongshu Guo | Skillshare
Menú
Buscar

Playback Speed


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

Guía para principiantes de Adobe After Effects 2023: aprende los gráficos en movimiento

teacher avatar Hongshu Guo, 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.

      Introduction

      3:05

    • 2.

      Getting Started

      4:07

    • 3.

      Panels

      7:09

    • 4.

      Workspace

      2:55

    • 5.

      AE File Setup

      5:13

    • 6.

      Import & Move around

      8:57

    • 7.

      Organization

      8:57

    • 8.

      Basic Properties

      5:49

    • 9.

      Position

      9:36

    • 10.

      Opacity

      5:10

    • 11.

      Scale

      12:14

    • 12.

      Offset Layers

      3:06

    • 13.

      Trim Path

      6:04

    • 14.

      Transition

      18:21

    • 15.

      Transition Effects

      8:41

    • 16.

      Exclusive Community

      1:18

    • 17.

      Base of Slot machine

      11:19

    • 18.

      Top of Slot machine

      9:33

    • 19.

      Handle animation

      4:11

    • 20.

      Text animation

      7:40

    • 21.

      Name Animation

      14:09

    • 22.

      Extra animation

      10:46

    • 23.

      Final Touch

      5:46

    • 24.

      Congrats!

      1:16

    • 25.

      Great News!

      2:29

  • --
  • Beginner level
  • Intermediate level
  • Advanced level
  • All levels

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

11,383

Students

159

Projects

Acerca de esta clase

Este es el curso completo del After Effects para principiantes: comienza con los gráficos de movimiento. Si te interesa el mundo del diseño de movimiento y quieres aprender cómo funciona la animación y cómo animar un proyecto real como un principiante total con cero experiencia, ¡esta clase para ti! Este es un curso completo que cubre todo lo que necesitas saber para empezar a crear animaciones en Adobe After Effects. A continuación, vas a aprender todo lo que necesitas para empezar a animar tu propio video de inmediato, y un montón de temas para ayudarte a aprender este programa de una manera profesional y animar profesionalmente muy pronto.

  • Paneles y espacios de trabajo
  • Importación del trabajo artístico
  • Manipulación de las capas
  • Velocidades de cuadro
  • Código de tiempo
  • Organización de las capas
  • Creación de una obra
  • Cómo trabajar con las precomposiciones
  • Animación con fotogramas clave
  • Principios simples de la animación
  • Cómo trabajar con editores de gráficos
  • Cómo trabajar con texto
  • Cómo trabajar con efectos especiales
  • Animación de obras de arte vectoriales
  • Efectos de ruta de enmascaramiento y recorte
  • Cómo trabajar en una transición compleja
  • Una variedad de herramientas dentro de After Effects
  • Cómo agregar música al video
  • Atajos del teclado
  • Consejos y trucos para el flujo de trabajo

¡Y mucho más! Una vez que hayas terminado este curso, estarás completamente equipado para pasar a cualquiera de los cursos de After Effects y sentirte seguro de continuar en tu viaje del dominio de los Motion Graphics.

Únete a nuestra comunidad de Motion Circles, reúnete con otros diseñadores de movimientos y aprende juntos.

También puedes consultar mis otras clases:

Introducción a Motion Graphics: cómo animar ilustraciones en After Effects

Introducción a Motion Graphics: animación de iconos y logotipos en After Effects

Animación simple de personajes: ciclo de caminata en AE sin fotogramas clave

Videos explicativos, del guion gráfico a la animación

Principios de animación en el diseño de movimiento: secretos de Motion Graphics grandiosos

Stop motion en After Effects: anima videos explicativos de estilo collage

Meet Your Teacher

Teacher Profile Image

Hongshu Guo

Motion Designer

Top Teacher

Hey! My name is Hongshu Guo. I am a Motion Graphics instructor with 40K students online. I help beginner animators master After Effects animation through online courses. Thanks for checking out my profile. Please take a look at my courses below and hope to see you in my classes.

Watch more free After Effects tutorials on my Youtube Channel: www.youtube.com/@motioncircles

Join the Motion Circles exclusive community on Discord: https://discord.gg/weezcdqe

See full profile

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. Introducción: Hola, soy zapato de casa y este es un curso completo para principiantes sobre After Effects. Hace casi diez años que no uso Adobe After Effects . Los clientes para los que trabajé incluyen Adidas, PayPal, Walmart y muchos más. After Effects es una herramienta robusta y probablemente puedas hacer 1 millón de cosas diferentes con ella. Si echas un vistazo a mis otros cursos, hay muchos temas diferentes que enseño usando After Effects y cientos de efectos especiales que puedes aprender en línea. En este curso, te daré una introducción completa y completa a After Effects para ayudarte a comenzar con este software y comenzar a hacer animación de inmediato. Este curso es completo y no es fácil si eres alguien que está interesado en entrar en la industria del diseño en movimiento y quieres aprender cómo funciona After Effects en los proyectos del mundo real. Esta clase es para ti. Te llevará de cero experiencia con After Effects a poder usar cómodamente el software para hacer tu propia animación. Para el proyecto de clase, te voy a llevar a través un proyecto del mundo real y introducción personal animada y te mostraré cómo animar toda esta animación para que puedas personalizarla una animación por ti mismo. A través de este proyecto, aprenderás todos los aspectos de After Effects con prácticas del mundo real, desde navegar hasta este complejo software y todas las diferentes ventanas hasta personalizar tuyas propias espacio de trabajo y solo trabajar con las herramientas que necesitas sin agobiarte. Pero este programa masivo cubrirá cómo hacer que las cosas se muevan en After Effects. Cómo tomar el control total de tu animación y darle vida a tus movimientos como un profesional cubrirá cómo aplicar efectos especiales, animación y gráficos para darle su estilo, vamos mira cómo animar transiciones, cómo animar obras de arte vectoriales, cómo animar fácilmente tipografía para que se vea divertida y emocionante. Algunos principios de animación y también cómo usar fotogramas clave simples y Graph Editor para lograr animaciones complejas. Toneladas de atajos de teclado, flujo de trabajo, consejos y trucos que puedes empezar a usar de inmediato. Como dije, esta clase no es fácil y es para aquellos que se toman serio el aprendizaje de la animación After Effects y quieren meterse en motion graphics. Al final del curso, tendrás una comprensión completa de cómo funciona este programa y cómo hacer tu propia animación. Una vez que hayas terminado con este curso, puedes consultar mis otros cursos y comenzar a sumergirte en los gráficos en movimiento y la animación After Effects sobre diversos temas. Esta clase es para principiantes totales, por lo que no necesitas tener ninguna experiencia previa con After Effects o softwares de Adobe. Para seguir adelante, puedes descargar la obra de arte con la que estoy trabajando en la sección de recursos. Para que no tengas que preocuparte por la parte de diseño del proceso. Estarás usando el activo que ya diseñé y comenzarás a animar de inmediato. Esta es una clase completa e integral, pero no dejes que te asuste. Te explicaré todo lo que necesitas saber para ponerte en marcha con animación After Effects y conquistar este programa de una vez por todas. Si tienes alguna duda pasando por la clase, no dudes en comunicarte y estaré aquí para ayudarte. Entonces, ¿estás entusiasmado y emocionado de comenzar con una increíble animación de efectos de cuidado? No puedo esperar a verte en clase. 2. Comencemos: Bienvenido a la clase antes de comenzar e incluso abrir Adobe After Effects. Quiero platicar sobre lo que vamos a pasar en este curso y los proyectos de clase. Para aquellos de ustedes que no están familiarizados con After Effects o nunca antes usaron ninguno de los programas de Adobe. El programa en sí puede ser intimidante y probablemente haya 1,000 botones y herramientas en las que puedes hacer clic. Cada uno de ellos hará una cosa diferente. No obstante, no los cubriremos todos a la vez. Así que no se sienta tan abrumado. Lo resolveremos juntos y te daré una visión completa del programa mientras trabajas en un proyecto del mundo real. Así que entiendes cómo funciona la animación en prácticas reales para ser honesto, After Effects es el estándar de la industria cuando se trata de animación 2D. Pero también puede hacer muchas otras cosas como calibrar el seguimiento de movimiento, cámara lenta y todo tipo de efectos especiales. En este curso, solo cubriremos el aspecto de animación 2D de After Effects, que es la base de los gráficos en movimiento. Para el proyecto de clase, estará creando un video de introducción animado para que puedas usarlo como parte de tu carrete de demostración o portafolio. Puedes descargar el archivo del proyecto en la sección de recursos para seguirlo. La obra de arte ya está prefabricada así que no tienes que preocuparte por la parte del diseño y puedes enfocarte en la animación, empezar a animar de inmediato. Otra cosa, si aún no tienes Adobe After Effects en tu computadora, te mostraré cómo descargar una versión de prueba gratuita de Adobe Creative Cloud para que puedas usarla para el proyecto y decidir si quieres conservar esta suscripción más adelante para descargar Adobe After Effects, o necesitas hacer es ir al navegador, escribe adobe.com, y luego te llevará a los sitios web de Adobe. Empieza aquí con una prueba gratuita. Haga clic en eso. Para la versión individual va a ser 54, 99 mensuales después de la prueba gratuita. Y si eres estudiante o profesor, si tienes una identificación de estudiante, también puedes hacer click en esta versión. Va a ser mucho más barato, va a ser 1999 al mes después de la prueba gratuita de siete días. Después de eso, puedes simplemente dar clic en Continuar. Di si quieres hacer un plan anual o un plan mensual después de la prueba gratuita, di si queremos hacer el plan mensual, Vamos a continuar. Ahora te está preguntando si quieres agregar el stock de Adobe, que va a ser un archivo de sitios web de metraje. También va a ser un modelo de suscripción también. Son 49, 99 mensuales. Se puede decir que no, gracias. Escribe tu correo electrónico y continúa y poner tu método de pago va a ser gratis durante los primeros siete días y asegúrate de que las que obtengas sea la versión de todas las aplicaciones de Creative Cloud. No estás descargando solo uno sufre. No solo estás descargando After Effects, después de descargar este software y luego lo puedes instalar en tu computadora. Después de instalarlo, va a aparecer en la barra superior de aquí. Este es un icono de Creative Cloud. Haga clic en eso y luego podrá ir a la esquina superior izquierda aquí, todas las aplicaciones. Estas son todas las aplicaciones que puedes descargar navegando por este panel por aquí y solo encuentra Adobe After Effects. Si aún no has descargado nada, va a aparecer en la parte inferior aquí y luego haz clic en Instalar si es después de los efectos. Y también podrías necesitar Adobe Illustrator también. Ya los tengo instalados, así que por eso está apareciendo en el panel instalado por aquí en la parte superior. Así es como puedes descargar Adobe After Effects y Creative Cloud. En este curso, estaré usando muchos atajos de teclado y se reflejará en mi pantalla una vez que golpee el teclado. Pero también voy a decir boca para que sepas lo que se presiona la tecla. Los atajos de teclado son excelentes formas mejorar tu eficiencia y flujo de trabajo es un animador amateur separado de los profesionales. Entonces, si quieres hacerlo de manera profesional, asegúrate de usar un atajo de teclado como yo lo hago. Y con la práctica, se volverá natural e intuitivo. Eso es todo con el proyecto de clase. Una vez que tengas After Effects instalado, hablaremos sobre cómo navegar dentro de After Effects en la siguiente clase. 3. Paneles: Ahora hablemos de Adobe After Effects. Sigamos adelante y abramos After Effects. Estos van a ser los paneles que estamos viendo primero cuando abres After Effects, Hay mucho botón, mucha función, muchas herramientas. Pero no se deje intimidar por ello porque no muchos de estos son necesarios y no vamos a estar usando todos ellos. Entonces en esta clase, solo voy a mostrarte cómo funciona el panel y cuáles son como introducción. Entonces más adelante sabes dónde encontrar las herramientas que necesitas o los paneles que necesitas. Después de que abrimos, After Effects, esto es lo que ya vemos. Restablecer mis secuelas a la versión predeterminada. Así que el tuyo debería verse exactamente como el mío si estás usando el en 2020 para Adobe After Effects. La versión más reciente, la última versión. Ahora mismo en el medio aquí se puede ver hay esta nueva composición y a partir de metraje. Entonces este es el panel de composición aquí. Si hago clic en él, puedes ver que está resaltado en color azul. Cualquiera que sea el panel en el que hagamos clic, va a ser resaltado alrededor del borde. Así que de esa manera se puede decir en qué panel estamos y a qué herramientas estaban accediendo. este momento, estoy dando click en este panel de composición. Aquí es donde va a estar sucediendo la acción en vivo. Aquí es donde vamos a ver todas nuestras imágenes de diseño, todo. Esta es una vista previa en vivo de lo que estamos haciendo. En el lado izquierdo, se puede ver hay este panel de proyectos, y este es un gerente de nuestro proyecto. De hecho, puedes organizar archivos, importar archivos, hacer cualquier cosa. Esto es como una estructura de carpetas aquí en donde solo puedes acceder a todo, todos los archivos para el proyecto. Y en el lado izquierdo de este panel de proyecto, está este otro botón que dice Controles de efectos. Y esto en realidad corresponden a en el lado derecho, efectos y panel de presets. Una vez que agreguemos un efecto a una capa, el efecto real va a aparecer en este Panel de Control de Efectos. Digamos si agregamos efecto de sombra paralela a un texto. Y por aquí realmente puedes ajustar el valor de la sombra paralela, como lo dura que es la sombra o el color la sombra es todos los detalles de la sombra paralela. Puedes acceder por aquí y cambiar los valores por aquí. En la parte superior aquí se puede ver hay un montón de herramientas por aquí. Esto es similar a todos los demás programas de Adobe como Photoshop, Illustrator, InDesign, donde puedes acceder a todas estas diferentes herramientas para realizar diferentes tareas. Y se puede ver ahora mismo sólo una pareja está activa. Todos los demás están atenuados porque todavía no tengo ningún archivo abierto. Aún no he creado ninguna nueva composición o archivo nuevo. Solo quiero mostrarte todos estos paneles primero en esta lección para que sepas dónde encontrar cosas. Y después de todas las herramientas, podemos bajar aquí donde dice Render Queue. Y hagamos clic en el botón al lado de la Cola de Render. Esta es en realidad nuestra línea de tiempo y panel de capas. Dice nueve ahora mismo porque no tengo nada abierto. En el lado izquierdo. Estas van a ser las capas donde tienes todos los archivos abiertos y luego tienes diferentes capas en este panel aquí. Y estos son los cronogramas. Vamos a tener el segundo cero hasta lo que sea, tal vez 1 min. Aquí es donde va a estar sucediendo la animación, el fotograma clave, el trabajo. Vamos a animar los objetos dentro de esta sección, la línea de tiempo y usando las capas de aquí. En el lado derecho, puedes ver muchas cosas pasando por aquí. Si hago clic en este personaje, es donde puedes cambiar las fuentes, cualquier cosa que tenga que ver con fondos de personajes. Y luego está esta biblioteca. Hay información de audio de vista previa. Y tenemos párrafo donde se puede cambiar la configuración del párrafo. Y luego está esta alineación donde puedes alinear las cosas juntas o alinear a la izquierda, alinear derecha, línea central. También podemos distribuir capas. Si estás familiarizado con otro software de Adobe, tenemos todas estas características en Photoshop o Illustrator. Ahí está este rastreador. Estos diferentes paneles son todos poca función que puedes usar dentro de After Effects. Y puedes acceder a ellos con solo hacer clic en cada uno de ellos. Y puedes ver este aquí, este panel de efectos y preset. Puedes buscar muchos efectos diferentes aquí, Digamos Sombra Partida, y luego puedes elegir el de sombra de trazo. Otra cosa es que en realidad puedes organizar este panel como quieras. Digamos que si hago clic en este botón de configuración aquí y luego voy a la configuración del grupo de paneles. Y aquí es donde está nuestra configuración en este momento, dice grupo de paneles de pila. Si marco este grupo de paneles de pila, lo que puedo hacer es que pueda reorganizar estos paneles. Digamos el audio. Si no necesito el panel de audio, simplemente puedo hacer clic en esta configuración y luego cerrar el panel, la vista previa. Si no necesito la vista previa, puedo dar click en la configuración, cerrar el panel. Pero después de que apareé esa opción de panel de pila, lo que puedo hacer es que pueda cambiar, a lo mejor poner el panel de párrafo, hacer clic en esto y luego arrastrar. Y luego se puede ver que hay un par de lugares donde puedo ponerla puedo ponerlo aquí abajo en la parte inferior. Y de esta manera puedo tener el panel de párrafos así como el panel de caracteres abiertos al mismo tiempo. Y luego este panel de alineación, sólo puedo arrastrar este panel de alineación, tal vez ponerlo aquí abajo. Y entonces puedo arreglar el tamaño de la misma, solo arrástrala un poco hacia arriba. Y ahora puedes ver si no necesito el rastreador, puedo cerrarlo. El Content Aware, no necesito un set cerrado, la biblioteca, no lo necesito. Ciérrala, y luego la info, no necesito cerrarla. Entonces ahora mismo tengo cuatro paneles abiertos. Obtuve el panel de caracteres, el panel de párrafo, ese panel de alineación, y luego los efectos y presets. Estos cuatro paneles. Abrí al mismo tiempo. Es muy accesible. Hago lo que haga, lo que sea que necesite, sólo puedo ir aquí y luego hacer lo que sea de inmediato. Basado en lo que necesites dentro de tu proyecto. Puedes abrir ciertos paneles y mantenerlo ahí todo el tiempo para que puedas acceder a él muy fácilmente. No tienes que hacer clic en él y buscarlo. Va a llevar mucho tiempo si su ropa todo el tiempo. Entonces estos son sólo los cuatro paneles que tenemos ahora mismo. Si vamos a la opción de ventana, puedes ver debajo del desplegable Ventana, tenemos el align marcado, y tenemos el carácter marcado, tenemos los Efectos y Presets marcados, y nosotros tener comprobado el párrafo. Y como se puede decir, estos son los cuatro paneles que tenemos abiertos en el lado derecho. Y también aparece en este menú desplegable dentro del Windows si quieres encender otra cosa, digamos si quiero encontrar el panel de audio, hago clic en el audio y puedes ver el audio aparece por aquí debajo. También puedo aguantar esto un poco para darle más espacio. Todos estos paneles, puedo ajustar el tamaño del mismo para que sea más accesible y me esté ayudando a través de mi proyecto. Volvamos a las ventanas y podemos encender todos estos diferentes paneles en función de nuestras necesidades para el proyecto. Y eso es todo sobre los paneles. En la siguiente clase, vamos a hablar brevemente sobre el espacio de trabajo. Te veré en la siguiente. 4. Espacio de trabajo: En esta clase, hablemos de espacio de trabajo. ¿Qué es espacio de trabajo? Si navegamos hasta la parte superior de los paneles por aquí, puede ver hay este espacio de trabajo predeterminado. Y luego está aprender estándares, biblioteca de pantalla pequeña. Y si vas a las flechas del lado derecho, hay todos estos espacios de trabajo diferentes. La configuración de Adobe After Effects, lo que hace es realmente guardar los diseños en un espacio de trabajo específico para que puedas acceder fácilmente a él. Digamos que si quiero hacer clic en este espacio de trabajo de animación y puedes ver nuestros cambios de diseño. Y este layout basado en Adobe es muy útil cuando estás haciendo animación. Y a esto se le llama el espacio de trabajo de animación. Y si hago clic en los paneles OLED, se puede ver por aquí en el lado derecho, vuelve a cambiar. Tiene todos estos paneles abiertos y apilados uno encima del otro para que puedas acceder a todos estos paneles al mismo tiempo. Y a esto se le llama el viejo panel. Y si vuelvo al valor por defecto, vamos a hacer clic en el predeterminado. Y se puede ver que estas son las obras originales con que configuramos en la lección anterior. Y volvió a nosotros otra vez. Si voy al botón de Windows en la parte superior aquí, y puedo ir al primer espacio de trabajo del menú. Puedes ver todos estos diferentes espacios de trabajo. Lo que puedo hacer es que en realidad puedo, una opción es restablecer el valor predeterminado para guardar el diseño. Va a restablecer el valor predeterminado al diseño guardado anterior, que es el mismo diseño cuando abrimos Adobe After Effects por primera vez. Pero también puedo guardar como nuevo espacio de trabajo. Vamos a hacer clic en el guardar como nuevo espacio de trabajo y llamaremos a este espacio de trabajo de zapatos caseros o como dice Toulon hong shu. Y luego haga clic en Bien. Ahora tengo este espacio de trabajo hong shu. Y si vuelvo a los valores predeterminados y luego voy al Espacio de Trabajo de Ventanas, Restablecer Predeterminado a disposición guardada. Esto es lo mismo que funciona cuando abrimos Adobe After Effects por primera vez, perdimos nuestros cuatro paneles y luego recuperamos todos estos paneles originales, que es lo que no queremos. Pero luego si hago clic en este zapato de casa y puedes ver estamos de vuelta al espacio de trabajo exacto que queríamos que configuramos de la lección anterior. Si estás haciendo diferentes tipos de animación, digamos que si estás haciendo animación de personajes, puedes configurar un espacio de trabajo como específico para una animación de personajes. Y tienes a los panelistas que necesitas para la animación de personajes. Y luego más adelante, si estás haciendo como seguimiento de movimiento, digamos que voy a este seguimiento de movimiento. Tengo todos estos paneles abiertos. Eso me está ayudando con el seguimiento de movimiento. Esto es un rastreador y esta manera me va a ser más fácil trabajar en proyectos específicos. Puedo acceder a diferentes espacios de trabajo. Y esto es sobre el espacio de trabajo. Yo solo mantendría todo este espacio de trabajo de zapatos por ahora para nuestro proyecto. Y también puedo editar sobre la marcha Si no necesito ciertos paneles. Y también puedo apagar ciertos paneles cuando lo necesite. Eso es todo sobre el espacio de trabajo. Ahora, en la siguiente lección voy a hablar sobre cómo configurar los archivos de After Effects. 5. Configuración de archivo AE: Naveguemos hasta esta sección media donde dice Nueva Composición. Haga clic en eso. Ahora tenemos una configuración de composición. Primero, tenemos el nombre de la composición para mí todo el tiempo. Siempre nombro mi nombre de composición para que sea la comp principal. Y como puedes ver, sea lo que escriba, hay estos lanzamientos de teclas que aparecen en la esquina izquierda para que cuando estoy haciendo un atajo, ya sabes lo que estoy haciendo y sabes el atajo de teclado que estoy usando, También voy a tratar de decirlo en voz alta cada vez que use estos atajos de teclado, pero siempre se puede referir de nuevo a esta esquina aquí para ver cuál presioné cuando estoy haciendo algo. El comp principal va a ser la composición principal donde esté el espacio de trabajo, donde vamos a estar animando nuestros videos. Y ahí esta sección preestablecida aquí. Si hago clic en el menú desplegable, puedes ver todos un montón de presets que se hicieron cuando empiezas por primera vez. Esto puede ser muy intimidante, pero no lo sea porque la mayor parte del tiempo no va a necesitar todos estos. Solo estarás necesitando solo uno o dos de estos. Y como se puede ver para los anchos y alturas, Se establece en 1920 por 1080 píxeles. Se trata de un tamaño de píxel estándar para un video HD de alta definición, y se dice que la relación de aspecto es de 16 por nueve. Este es el estándar de la industria. Siempre que estés haciendo algo por emisión o por una pantalla de TV los formatos van a estar en esta altura y ancho. Va a ser 1920 por 1080, y la relación de aspecto va a ser 69. Para las historias de Instagram, la relación de aspecto va a ser nueve por 16, que es vertical. Y solo intercambias estos dos números. La relación de aspecto de píxeles. Mantengámoslo dos cuadrados. Después la velocidad de fotogramas. ¿Cuál es la velocidad de fotogramas? La velocidad de fotogramas es, ¿cuántos fotogramas por segundo tenemos? Nuestro video para el estándar de transmisión va a ser 29, 97. Entonces, si estás haciendo algo por emisión, para la televisión va a ser 29, 97, ese es el estándar. Pero como estamos haciendo redes sociales o como estamos trabajando en videos en línea. Así que eso no importa tanto que podamos elegir. Podemos redondearlo y elegir 30 fotogramas por segundo. Y para la animación de dibujo tradicional, animación tradicional donde hay que dibujar cuadro por cuadro. Normalmente hacen 24 fotogramas por segundo. La diferencia entre 24 fotogramas por segundo, 30 fotogramas por segundo es que cuantos más fotogramas por segundo, más suave será la animación. En lugar de ver 24 fotogramas dentro de 1 s, estás viendo más marcos. Estás viendo 30 fotogramas, lo que hace que la animación sea más suave para nosotros. Solo intentemos hacer 30 fotogramas por segundo porque aquí es donde ahora haciendo el dibujo o una resolución por cuadro podemos elegir, esta va a ser la resolución visualizada. Podemos elegir completo, medio, tercer trimestre o personalizado. Si tienes un archivo muy grande y va a ralentizar tu computadora. Si lo pones en la resolución completa, realidad puedes reducir la resolución de vista previa para que cuando realmente estés trabajando en la animación, no ralentice tanto tu computadora. Por ahora, mantengámoslo a plena resolución. Y aquí hay un código de tiempo. Código de tiempo. Podemos dejarlo así. Y por duración, nuestra animación va a rondar los diez segundos. Pero por ahora hagamos 15 s. Solo asegúrate de tener tiempo suficiente para hacer toda la animación. Y luego también puedes elegir el color de fondo. Puedes elegir leer a los negros, los blancos por ahora vamos a mantenerlo negro. Después pasamos por todo. Ahora tenemos en 1920 por 1080 el video HD es de píxeles cuadrados, la velocidad de fotogramas a 30 cuadros por segundo, resolución completa. Y entonces el video va a ser, la línea de tiempo va a ser de 15 segundos. El color de fondo es negro. Vamos a hacer clic en, Bien. Ahora puedes ver nuestra composición principal por aquí. Ya está configurado y tenemos una línea de tiempo que va de 0 s a 15 s. por aquí en el código de tiempo. Si arrastramos este indicador de línea de tiempo, puedes ver cuando estoy a un segundo, muestra exactamente 1 s por aquí. Y esto, no es sólo 1 s, también es el cuadro 30. Si mantengo pulsado Comando haga clic en esto. Me va a dar una línea de tiempo basada en ciertos fotogramas. Entonces ahora mismo estamos los jueves, los jueves marco, y luego si seguimos adelante, podemos animar basándonos en el marco preformarme. Siempre animo basado en la línea de tiempo. Así que mantenga presionado Comando en Mac, Control en una PC y luego haga clic en esto nuevamente. Va a volver a la segunda y a los hombres y a la línea de tiempo. Si volvemos al panel del proyecto, puedes ver dentro del proyecto que solo tenemos esta configuración de composición principal. Este es el espacio de trabajo de nuestra animación. Y eso es todo sobre cómo crear un archivo en Adobe After Effects. 6. Importa y muévete: Ahora que tenemos nuestra configuración de archivo y composición, sigamos adelante e importemos nuestra obra de arte. Para importar la ilustración, podemos ir al panel Proyecto en el lado izquierdo aquí, y luego podemos hacer clic con el botón derecho en Importar archivo. Naveguemos a nuestro guión gráfico. Este es el storyboard que diseñamos para la clase. Y el fondo aquí, Vamos a ir a Composición Retener Tamaños de Capa. Entonces esto va a mantener la capa dentro del archivo de Illustrator del mismo tamaño que se hizo en Illustrator. Asegúrate de no verificar esta secuencia Illustrator CC o PDF EPS. Porque si revisas este te va a dar mucho problema más adelante. Asegúrate de que este esté marcado, no se marque nada. Ya tenemos la composición para que no tengas que crear una nueva composición en este momento. Solo asegúrate de hacer clic en esta composición, retener los tamaños de capa y luego hacer clic en Abrir. Ahora puedes ver dentro del panel del proyecto tenemos nuestra composición de storyboard STB, y luego tenemos una carpeta que dice capas de storyboard. Dentro de la carpeta tenemos todas estas diferentes capas que tenemos en Illustrator. Todos están separados como ilustrador, así que podemos animarlos individualmente. Así es como se importa el archivo. Otra forma de importarlo como para hacer doble clic en el panel del proyecto, simplemente haga doble clic aquí, el espacio vacío y luego va a abrir la ventana. Y puedes hacer lo mismo, ir al storyboard y luego ir a Composición. Retener Tamaños de Capa, asegúrate no hacer clic en éste y luego haz clic en Abrir, ya que ya lo tengo abierto. Entonces voy a cancelar en este momento. Después de tener la obra de arte importante, quiero organizar un poco esta capa para crear algunas carpetas dentro del panel del proyecto me ayuden a organizar el espacio aquí. Así que vamos a crear una nueva carpeta aquí. Y vamos a crear una carpeta pre-comps que necesitará en la lección futura. Ahora, vamos a crear una salida. Ahora vamos a crear una carpeta de música que albergará nuestra música. Y luego vamos a crear un render comp. Entonces el render comp va a ser nuestro comp principal. Dejemos caer la comp principal en la comp de render, este va a ser el espacio de trabajo principal. Y después de que terminemos todo, vamos a renderizar esta composición. Y la pre-comp va a ser la pequeña pre-comp que vamos a estar creando. Los pre-comps albergarán la pequeña pre-comp que crearemos cuando organicemos nuestras capas en la lección futura. Y el último que quiero usar como activo. Para la carpeta de activos. Vamos a dejar caer estas capas de guión gráfico en la carpeta assets. Ahora puedes ver que tengo todos estos activos diferentes dentro de esta carpeta de activos. Y este storyboard, podemos caer en la pre-comp. Y para expandirlo todo. Puedes ver que tengo el render comp. Esta es nuestra composición principal donde estaremos trabajando en la animación y luego en el storyboard. Esto es una precomp. Tenemos música, no la hemos importado, y luego tenemos assets, que tiene todas estas capas de archivos de Illustrator. De otra manera quiero hacer salida 00, guión bajo. Pondré ceros, cero y tu puntaje para que este render comp esté siempre en la cima. Sea cual sea la carpeta extra ocho, esta composición render va a estar siempre en la parte superior. Y sabía que este iba a ser en el que estoy trabajando y que estará renderizando después de que termine de animar. Así organizaremos nuestro panel de proyectos. Después de tenerlo organizado, vamos a la pre-comp. Hagamos doble clic en este STB. Esta es la composición que tiene todas nuestras capas. Vamos a copiar todos estos comandos a, seleccionar todo comando C, copiar, y luego volver a la composición principal. Voy a pegar todo aquí, comando V. Y como pueden ver aquí esta obra de arte, si deselecciono, se muestra exactamente como diseñamos en Illustrator. Lo que significa que todas estas capas están en el orden correcto. Digamos si tengo la última capa, que son los fondos, todo el camino en la parte superior. Porque pon la última capa, solo arrástrala encima. Se puede ver que la capa de fondo está cubriendo todo lo que hay debajo de ella. Así es exactamente como funciona el orden de las capas , igual que Photoshop. Cualquiera que sea la capa que tengas encima va a cubrir todo lo que hay debajo de ella. Como puedes ver, la primera capa que tenemos es el fondo, que es la capa azul. El color sólido está cubriendo todo lo que hay debajo de él. Si apago este icono aquí, puedo ocultarlo. Una vez que lo escondo, se puede ver que todo debajo de él sigue en el orden correcto. Eso es solo un cheque en este icono otra vez y luego pon esta capa, arrástrala hasta el fondo, hasta el lugar correcto. Ahora todo está en orden. Ahora mismo estamos seleccionando todo con la herramienta de selección, que es la primera herramienta que necesitas, es una herramienta de selección. Puedes seleccionar todo dentro de esta composición. Acabo de darle al Comando Z para volver al último paso. Si accidentalmente cambié la posición del fondo, puedo darle al Comando Z, que es deshacer, va a volver a la última etapa de la composición para que pueda deshacer lo que hice. Sólo para volver atrás, el comando Z es un gran atajo. Vamos a usarlo 1 millón de veces dentro del curso. Siempre que hicimos algo mal, podemos deshacer el Comando Z, volver. Entonces, como pueden ver, una vez que tengo seleccionada la herramienta de selección, puedo dar click sobre estos pequeños elementos dentro la escena para seleccionarlos y luego moverlos. Pero se puede ver una vez que los muevo, la pantalla se vuelve borrosa y dice resolución adaptativa en la esquina superior derecha de ahí. Para apagarlo. Antes de hacer eso, necesito asegurarme de que las estrellas vuelvan a su lugar original. Sólo comanda Z, comando Z dos veces para que vuelvan al diseño original. Y luego con el fin de apagar la resolución adaptativa, vamos al botón de aquí, vista previa rápida y luego apagamos. Eso es una vez que tenemos ese apagón, cuando hago clic en estas cosas y las arrastro, ya no ves que la pantalla se vuelve borrosa. Va a mostrar la resolución final. Y la calidad siempre es buena. Si eres una computadora se ralentiza, siempre puedes ir aquí y cambiar la resolución de vista previa a tal vez la mitad. Si la cambio a la mitad, se ve que se vuelve un poco borrosa. Y entonces si tu computadora es aún más lenta, puedes cambiarla a quarter, pero luego si usas quarter, es un poco difícil de ver. Entonces, para mí, siempre intentaría usar la resolución completa para la vista previa siempre que fuera posible. Si mi computadora ahora me está dando dificultades, solo la estoy guardando a la vista previa de resolución completa. Puedo dar click en la capa. Y luego una vez que haga clic en la capa en el panel de capas, eso va a seleccionar la capa en la que hice clic en el panel de capas. Y encontremos este carrete demo. Si hago clic en esta capa de carrete de demostración, puedes ver esta capa. Este es el límite de la capa. Si me acerco y luego uso la barra espaciadora para navegar. Si mantengo presionada la barra espaciadora, puedo arrastrar este panel aquí y moverlo. O puedo comenzar signo más, acercar y luego Comando signo menos, alejar. momento solo quiero hacer zoom en este carrete de demostración, Command Plus Command Plus y luego mantener presionada la barra espaciadora, arrástrala hacia abajo. Este es mi carrete demo. Se puede ver una vez que hago clic en él, tiene un límite de la capa. Entonces eso significa que el tamaño de esta capa de carrete de demostración es como esta página. Se puede ver el límite. No es retomar todo el tablero de arte. Y cada una de estas letras tiene un límite menor. puede ver que es justo del mismo tamaño, casi como letra. Y luego estos pequeños círculos, el límite de estos pequeños círculos, es del mismo tamaño que el pequeño círculo. Con la herramienta de selección seleccionada. Puedo hacer click en él y luego arrastrarlo a donde quiera. Arrastra lleva a donde quiera y haz un lío donde quiera. Siempre puedo Comando Z. Comando Z para volver atrás. Sí, y así es como navegamos por el panel de capas y también la vista previa en vivo. 7. Organización: En esta clase, hablemos de cómo organizar el panel de capas, y también cómo hacer precomposición. Bajemos al panel Capas de aquí, podemos ver todas estas diferentes capas que se importaron de illustrator. Conseguí este primero que dice Motion Graphics 2022. Este es mi texto por aquí. Entonces de la forma en que quiero organizar esto, quiero que coloques la etiqueta de color y también pongas los mismos elementos en la misma composición. Vamos a pasar por esto de arriba a abajo. Derecha. Ahora, tengo este texto aquí. Puedo cambiar este color de etiqueta en el frente aquí, clic en esto y luego tal vez cambiarlo a rojo. Entonces este tiene una etiqueta roja. El círculo superior aquí pertenece a esta sección superior. Y entonces la base pertenece a escuchar a estos triviales grupos. Ahora mismo, lo que quiero hacer es que quiero encontrar este asa aquí. Haga clic en esta capa de asa y luego mantenga presionada la tecla shift en el teclado. Seleccione todas estas otras capas. Si bajo, puedo ver estas tres capas están seleccionadas también. Yo sólo quiero moverlos todos juntos. Simplemente arrastra uno de ellos y luego verás esta línea azul aquí. Quiero dejar caer a los cuatro debajo de este círculo superior. Si lo libero, se puede ver estas cuatro capas se juntaron todas. Después de tener estos cuatro seleccionados, quiero crear una composición que hospede todas estas cuatro capas. La composición es como una carpeta donde tienes diferentes capas dentro de una composición. La forma de hacerlo es que el atajo de teclado es Comando Mayús C. Una vez que tengo estas cuatro capas seleccionadas, pongo el comando Shift C, y luego aparece la ventana de precomposición. Vamos a nombrar esta manija. Haga clic. Bien, ahora tengo una composición creada. Si voy al panel Proyecto de aquí puedes ver esta composición de mango se crea por aquí debajo de la comp de render, lo cual no es correcto. Necesito trasladar esto a los pre-comps. Y ahora tenemos esta precomposición dentro de la carpeta pre-comps. Ese es nuestro mango. Eso es bueno. Y lo siguiente que quiero encontrar aquí todos estos puntitos. Una forma es que puedo simplemente hacer clic en el primero que está en la parte superior y luego mantener presionada tecla Mayús, hacer clic en la última. Puedes ver que todos estos puntitos están seleccionados. También quiero separar los puntos superiores y los inferiores. Entonces necesito averiguar cuáles son los superiores y cuáles son los inferiores. Sólo estoy tratando de hacer clic a través de todos estos. Parece 27. Esta capa 27 de aquí que dice Capa 27 es la primera en la parte inferior. Entonces voy a tratar de seleccionar el 27 todo el camino hasta el superior de aquí. Ahora sólo me falta este del medio. Simplemente mantenga presionada la tecla Mayús y luego haga clic en, intente hacer clic en ésta. No funciona. Bueno. Acabo de crear una composición de arroyo con todos estos y luego encontrar esta, ponerla dentro de Composición que creé. Después selecciono todos estos puntos Comando Mayús C. Nombrémoslo puntos uno en la base. Entonces como puntos una base. Claro ahora, bien. Ahora tengo las estrellas. Entonces necesito encontrar este medio aquí. El último es el del medio aquí. Comando X, córtelo y luego haga doble clic sobre esta composición, y luego comanda V, pegarlo. Ahora tengo todos estos puntos dentro de esta composición. Volvamos a la comp principal. Puedo mantener presionados estos mini diagramas de flujo y luego sostenerlo y luego volver a la composición principal. Si alterno entre este icono aquí, puedes ver que puedo mostrar y ocultar todos estos puntos. Y también quiero poner estos textos motion graphics 2022 dentro de esta composición también. Entonces voy al Comando X, cortarlo, y entrar aquí, copiar. Esta es mi frontera por aquí. Volver a la composición principal. Ahora quiero hacer un PreComp con todos los puntitos encima. Entonces lo mismo. Comando Mayús C puntos a la parte superior. Eso es bueno. Ahora tenemos el carrete demo aquí. Estas son las letras de mi nombre y estas son el rectángulo gris debajo de la letra. Se trata de una base negra. Entonces lo que quiero hacer es agrupar esta base por completo dentro con todo. Entonces quiero tratar de encontrar todas estas capas. Tiene la base azul, no la estrella, no la parte superior. Sí, algo como esto. Si hago comando shift C, esta es una palanca de base entre el icono del ojo. Puedes ver que he seleccionado todo lo que no sean las letras y también los puntos. Puedo agrupar todas estas letras juntas, que es mi nombre, Comando Shift C, home shu. Bien. Ahora tengo una pre-comp con nombre. Tengo una pre-comp base. Tengo los puntos por aquí y luego tengo los puntos arriba. También necesito agrupar a la parte superior. Entonces necesito encontrar la capa correcta, arriba. Estas son las capas superiores. Y luego el círculo superior. De hecho, puede mantener presionado comando para seleccionar el que desee. Digamos si tengo estos tres seleccionados y luego estoy manteniendo presionado el comando y ahí está como este para que obtuve cuatro capas seleccionadas comando Shift C. Este va a ser el click superior. Bien. Solo necesito poner la parte superior debajo de esta de aquí. Entonces la base en realidad está cubriendo la parte superior. Porque si tengo la parte superior encima de la capa base, composición base, voy a mostrar este borde. Va a mostrar esta ventaja, que es lo que no quiero. Sólo hay que ponerlo ahí abajo. Aquí tengo esta estrella. Puedo cambiarlo a color amarillo. Tengo dos aperturas. Entonces las dos estrellas van a ser del color amarillo. La línea de tres carteras. Se va a cambiar a aqua. Y luego tengo una línea aquí. Puede cambiarlo a color azul y la cuadrícula y el color de fondo. Voy a agrupar estos dos juntos en un nuevo comando de composición Shift C. Nombrarlo fondo. Una cosa que olvidamos después de trabajar en todo, nos olvidamos de guardar el archivo. Así que asegúrate de guardar el archivo medida que avanzas para que no pierdas nada. Sólo tienes que ir a Archivo y luego podremos hacer un Guardar Como ir a navegar a la capa. Puedo cambiarlo a Animación. Hagamos como una animación de introducción y hagamos clic en Guardar. Ahora tengo el archivo guardado, y también necesito volver al panel del proyecto y asegurarme de mover todos estos pre-comps a la carpeta pre-comps. Sí. Ahora, tengo muchos pre-comps en la carpeta de pre-comps. Y luego sigue siendo una comp principal en la carpeta render comp. Así es como organizamos las capas. Ahora bien, si alterno entre estos íconos, se puede ver que agrupamos todas estas cosas juntas. Posteriormente, podemos animarlos fácilmente de forma individual. Eso es todo en esta lección sobre cómo organizar el panel de capas, y también cómo hacer precomposición. Y en la siguiente clase podemos empezar a animar el fondo. 8. Propiedades básicas: En esta clase, comencemos animando los fondos. Para empezar, primero podemos esconder todo sobre el fondo para que no nos distraiga. Vayamos al panel Capas aquí. No necesitamos el asa, no necesitamos nada encima del fondo. Entonces después de seleccionar todas estas capas en la parte superior, puedo alternar este icono aquí, apagarlo. Y ahora solo tenemos el fondo y también esta línea aquí en la parte posterior y también el texto del portafolio. Primero, para comenzar con algo simple, comencemos a animar la propiedad de posición del texto de la cartera. Para comenzar la animación, podemos dar click en el primer portafolio, que es el último, capa 12 aquí. Vamos a hacer clic en este menú desplegable aquí, y luego dar clic en esta transformación de flecha. Existen esencialmente cuatro valores básicos diferentes que puedes animar dentro de la capa. El primero se va a posicionar y luego su escala, que controla el tamaño de la capa y también los objetos. Tenemos la rotación. Entonces tenemos la opacidad, que es la transparencia. Pasa de 0% a 100 por ciento para el puesto es muy fácil de entender. este momento, tengo seleccionada la herramienta de selección. Y luego si arrastre la posición de esta capa, se puede ver que el valor de la posición está cambiando. Entonces así es como cambiamos la posición. Volvamos comando Z. Si queremos cambiar la escala, va desde ahora mismo es del 100 por ciento, podemos cambiar la escala a más del 100 por ciento, lo que va a agrandar el objeto, va a hacer que el objeto sea más grande. Puedo cambiarlo al 200 por ciento. Entonces eso va a hacer que el texto sea 200 por ciento. Volvamos al 100 por ciento. Y entonces si tenemos la rotación, cuando cambiamos el valor de rotación, cambiamos en cierto grado, como 25 grados. Este objeto va a rotar desde el centro de este punto de anclaje aquí, donde está el punto de anclaje, va a girar 25 grados. Si pongo en -25, negativo 25 va a girar hacia el otro lado, 25 grados. Entonces así es como giramos los objetos. Una cosa que tengo que señalar es cada vez que cambiamos la escala de posición y rotación, Siempre hay unos puntos base que se basa en este punto de anclaje en el centro. Si me acerco, puedes ver este punto de anclaje aquí. Si no ves este punto de anclaje, podría significar que el punto de anclaje no está en el centro. Puedes alejar el zoom y ver dónde está el punto de anclaje alrededor de tu tablero de arte. Otra forma de centrar el punto de anclaje es haciendo clic derecho y luego ir a Transformar punto de anclaje central en el contenido de la capa. De esta manera va a volver a poner tu punto de anclaje en el centro de la capa. Ahora mismo en la barra de herramientas superior aquí hay un bolígrafo detrás de la herramienta. Este es el punto de anclaje para esencialmente, cuando desea cambiar la posición del punto de anclaje, debe seleccionar esta herramienta, hacer clic en ella y luego arrastrar el punto de anclaje a un lugar donde le guste que esté. Digamos que si tengo el punto de anclaje en la parte inferior aquí, entonces cuando cambio la rotación, puede ver que la rotación ahora se basa en este punto de anclaje en la parte inferior debajo del texto no está en el centro más. Entonces ahora mismo el texto está rotando alrededor de los puntos de anclaje. Si cambio la propiedad de escala, puede ver que el texto también está escalando basado en los puntos de anclaje debajo de aquí. Este punto de anclaje es el punto donde se basa esta escala de posición y el valor de rotación de. Normalmente tendríamos el punto de anclaje en el centro de la capa. Así que tenemos que hacer es hacer clic derecho y luego ir a Transformar punto de anclaje central en el contenido de la capa. Ahora se puede ver que este punto de anclaje está centrado, pero aún tenemos que volver al estado original. Entonces necesito comandar Z, comando Z. Asegurarme de que esta cartera sea recta hacia arriba. Así. Este es nuestro estado original. Ya tenemos el punto de anclaje en el centro. Entonces ese es el poder del punto de anclaje. Una vez que haya terminado de usar la herramienta pluma detrás, la herramienta de punto de anclaje, debe volver a la herramienta de selección, asegurarse de que el cursor del mouse esté siempre en la herramienta de selección. De esa manera podrás navegar por la zona, espacio de trabajo. No va a estropearlo todo. Ahora tenemos esto, ya te expliqué la escala de posición y la rotación. Y puedes ver este valor de punto de anclaje aquí. También podemos cambiar la posición de los puntos de anclaje cambiando el valor aquí. Hay un par de formas diferentes de cambiarlo. Esta es una forma, pero también va a estropear las cosas. Entonces normalmente solo mantendríamos el punto de anclaje en el centro de la comp. La última propiedad básica que podemos animar es la capacidad en estos momentos está al 100 por ciento. Podemos cambiar la opacidad a, digamos, 40 por ciento. Entonces toda la capa se vuelve un poco transparente. Y entonces si cambio a cero por ciento, se va a apagar. Si lo cambio al diez por ciento. Se puede ver un poco, pero no mucho. Y solo puedo encenderla hasta el 100 por ciento, lo que hace que esta capa sea completamente visible sin ninguna transparencia. Así que esas son las cuatro propiedades básicas diferentes que podemos animar dentro de Adobe After Effects. En el siguiente video, te voy a mostrar cómo animar estas propiedades. 9. POSICIÓN: En esta clase, Empecemos animando este texto de portafolio dentro de la composición. Identificemos el primero. Esta es la primera capa, 12 es la primera cartera superior. Y bajemos a la transformación y luego vayamos a la posición para animar cualquier cosa en After Effects. Esta regla importante es que hay que animar hacia atrás porque ahora mismo en la pantalla puedes ver que mi portafolio está todo en posición. Y este es un estado final de mi animación, lo que significa que quiero que mi animación sea así al final, no al principio. Al inicio. No quiero nada en la pantalla. Quiero cualquier cosa. Quiero que salgan de la cuerda volando y luego finalmente se detuvieran ahí así. Entonces lo que tengo que hacer es que quiero tener, digamos, vamos a ahora mismo estoy en cero segundos con mi indicador de línea de tiempo. Quiero ir a lo mejor diez fotogramas hacia adelante. Comando Mayús flecha derecha. Se trata de diez fotogramas, momento se puede ver por aquí código de tiempo diez fotogramas, diez fotogramas hacia adelante. Quiero establecer un fotograma clave. Para establecer un fotograma clave solo necesitas, a la propiedad position. Haga clic en el cronómetro aquí. Ahora se va a sumar un punto que es un estado final de esta capa. Entonces, al 10mo fotograma, esta es una posición que necesito y luego volver a 0 s. Ahora lo que puedo hacer es poder arrastrar esta capa. Ahora mismo estoy manteniendo pulsada la tecla Shift para asegurarme de que no se mueva hacia arriba y hacia abajo. Simplemente va recto a la izquierda. Sólo estoy cambiando la posición x de la capa. Entonces en este momento, después de arrastrar esta posición hacia fuera de la comp, hay este fotograma clave que se establece automáticamente. Yo mismo no agregué otro fotograma clave una vez que lo arrastre, veamos, volvamos. Se puede ver por aquí en la línea de tiempo, una vez que hago clic en esto y luego lo arrastre hacia atrás, Hay este fotograma clave configurado automáticamente, lo que significa que a 0 s, mi capa está todo el camino afuera. Y luego decenas enmarcan mi capa está dentro. Juguemos la animación. Mantenga pulsada la barra espaciadora. Esencialmente esta es una animación que tenemos la capa va de izquierda a derecha. Esta es la animación que obtuvimos. Y ahora mismo sólo animamos una posición, que es la exposición. Y luego hay cambio de valor de 909 negativo a positivo 978. Este es el único cambio que tenemos, el cambio de posición. Y a esto se le llama animación. Sin embargo, esto es bastante aburrido porque no hay nada más que eso. Para ser un animador profesional, no solo necesitas saber cómo configurar fotogramas clave, estos van a ser los fotogramas clave lineales, lo que significa que no hay interpolación. Todo se mueve de manera lineal. La misma velocidad, tiene la misma velocidad, es bastante aburrida. Bueno, lo que tenemos que hacer como animador profesional, necesitamos aprender a usar el fotograma clave y a agregar movimiento realista a la animación. No quiero ir tan profundo en cómo hacer la animación una obra maestra. O hay otro curso mío, este dedicado a cómo usar el editor gráfico y los principios de animación para hacer que tu animación cobre vida. Puedes revisar mi otra clase, pero esta es una clase para principiantes. Quiero que todo sea sencillo. Entonces en este momento solo vamos a hacer una flexibilización muy simple a estos dos fotogramas clave. Lo que necesito hacer es seleccionar ambos fotogramas clave, hacer botón derecho y mi capa está afuera, así que necesito arrastrarla hacia arriba. Sólo quiero que veas lo que está pasando. Entonces solo necesito dar click sobre estas dos capas. Haga clic con el botón derecho en Asistente de fotogramas clave y luego elija Después de elegir facilidad fácil, se puede ver que estos dos fotogramas clave cambiaron de forma. Entonces si selecciono los dos, enciendo el editor de grafos, ajuste el grafo a ver. Haga clic en este icono aquí. Puede ver que tenemos una propiedad de posición de referencia a la curva S, clic con el botón derecho y luego haga clic en las dimensiones separadas. Ahora tengo la posición x y la posición y separadas. La posición Y es el eje vertical hacia arriba y hacia abajo. Y la exposición es eje horizontal, izquierda y derechos, ahora mismo solo tenemos valor a la izquierda y a la derecha. No tenemos ningún cambio de valor arriba y abajo. Para que pueda apagar esta posición Y. Simplemente haga clic en el cronómetro, apague la posición Y, vaya a exposición. Ahora lo que podemos hacer es agregarle un poco de flexibilización, arrastrar esta curva, convertirla en una curva en S. Entonces lo que eso hace es Veamos la animación. Se puede ver que hay un poco más de flexibilización para ello. Y la animación va desde inicio lento y luego más rápido. Y luego cuando se detiene, se detiene lentamente. Hay un cambio de velocidad en la animación que teníamos antes. De esta manera puedes agregar un poco más de energía a toda tu animación. Otra cosa que podemos hacer ahora mismo es que volvamos a la línea de tiempo aquí. que ya tengo este último fotograma clave establecido en el fotograma 10. Puedo arrastrar este punto clave a 12344 fotogramas hacia adelante y luego agregar otro fotograma clave aquí. Quiero que esta animación se sobrepase un poco. Es decir, cuando llegó al final, va por encima y luego vuelve de nuevo. Se puede ver que esta es mi animación, empezar de izquierda a derecha, y luego va todo el camino para que coincida con la derecha y luego vuelve a la izquierda. Si selecciono los tres fotogramas clave, vaya al Editor de gráficos. Se trata de una gráfica de saludos. Entonces todo lo que tenemos que hacer sumar un poco de rebasamientos, bien, eso es todo. Sólo tres fotogramas clave. Veamos cómo se ve la animación en estos momentos. Vean que hay este rebasamiento que va demasiado a la derecha y luego retrocede hacia la izquierda. Una vez que agregues eso, te va a dar a nuestra animación más energía y más vida. Entonces esa es la sensación que estoy tratando de hacer. Y esta es mi primera animación. Esa es la animación sobre la posición. Después de tener esta animación de posición, todo lo que necesito hacer es copiar el comando de tres fotogramas clave C, y luego ir al último. Asegúrate de que tu indicador de línea de tiempo esté todo el camino a 0 s. Y puedo sacar la propiedad de posición, hacer clic en la flecha, hacer clic en la transformación. Una cosa importante es que cuando pegamos en el fotograma clave, necesitamos asegurarnos de separar la dimensión de la propiedad position. Vamos a la propiedad position y luego haga clic con el botón derecho en Separar Dimensiones. Asegúrese de que tenemos la posición y y la exposición separadas. Y ahora sólo estoy copiando la exposición. Haga doble clic en la exposición Comando C y luego vaya a esta capa Comando V. Ahora tengo el valor de exposición copiado a esta nueva capa, pero la posición y permanece igual. Si toco la animación, se puede ver que estas dos capas están entrando al mismo tiempo. Y rebota un poco al final cuando se asienta. Eso es bastante bueno. Lo último que quiero hacer es trabajar en esta capa media aquí, la tecla corta para la animación de posición es si pagas P en el teclado, te va a mostrar la propiedad de posición de inmediato. Si pulsas T en el teclado, te va a mostrar opacidad, que representan transparencia. Y entonces si pones S va a ser escala, y luego si pones r va a ser una rotación. Estos son muy sencillos de entender, solo la primera letra de esa palabra de esa propiedad. Entonces quiero presionar P en el teclado para que aparezca la posición y luego haga clic con el botón derecho en Separar Dimensiones. Ahora, ya no quiero que esta línea vaya de izquierda a derecha. Quiero que esta línea retroceda a venir de los derechos. Una forma en que puedo hacerlo es copiando. Asegúrese de hacer doble clic en la exposición y luego Comando C, copie los fotogramas clave. Ir a este valor de exposición de esta capa Comando V. Ahora tengo las tres capas realizando lo mismo. Sin embargo, quiero cambiar la animación de esta segunda capa para ir de derecha a izquierda, todo lo que necesito hacer es cambiar el punto de partida de esta animación todo el camino a la derecha. Necesito arrastrar desde cero segundo. Quiero que entre por la derecha. Y luego cuando retrocede, cuando se sobrepasa, quiero que se sobrepase a la izquierda un poquito. Y luego cuando se asiente, va a asentarse en la posición media. Veamos cómo se ve la animación. Veamos el editor de grafos. Ve al Editor de Gráficas y sobre esto, sí, así es, la gráfica es similar a la que tenemos. Si mantengo pulsado el Comando T para sacar a colación la exposición de tres, se puede ver que es casi simétrica. Eso significa que estoy teniendo una animación similar entre las tres capas diferentes. Juguemos la animación aquí. ¿Ves eso? Entonces esa es la primera animación quiero enseñarte en esta lección, solo logramos animar la propiedad position. Solo animamos la exposición, y usamos tres fotogramas clave, cada capa para lograr los efectos que tenemos ahora, lo que se ve bastante bien. Y eso es todo para esta clase. En la siguiente clase, te voy a mostrar cómo animar la opacidad en estas tres capas. 10. Opacidad: En esta clase, agreguemos un poco más de variedad a nuestra animación, y animemos el cambio de opacidad de las tres capas diferentes. En la última clase, si selecciono las tres capas diferentes, golpeo en U en el teclado, me va a mostrar todos los fotogramas clave como animados. Solo hay tres fotogramas clave en cada capa que controlan la posición x de la capa. Y esta es la animación que obtuvimos. A continuación, lo que quiero hacer es animar el cambio de opacidad de estas capas. Vamos a la primera capa. La primera capa superior es en realidad capas 12. Vamos a sacar a colación la opacidad. Si pulsas T en el teclado, te va a mostrar la opacidad. No obstante, quiero sacar a colación tanto la opacidad como la exposición. Entonces lo que tengo que hacer es que si golpeo U me va a mostrar cualquier cosa que haya cambiado. Y luego una vez que mantenga pulsada Shift hit Shift R va a mantener la exposición y mostrarme la propiedad de rotación. Una vez que tengamos estos animados, lo que quiero hacer es que estos parpadeen un poco. Entonces digamos que si tengo la opacidad, establecer un fotograma clave en la opacidad va a comenzar desde el fotograma 10. La opacidad es del 100 por ciento. Vamos hacia adelante diez cuadros. Entonces quiero fijar la opacidad a tal vez 20 por ciento. A lo mejor eso es demasiado bajo. 50% considera de 100 por ciento a desvanecimiento lento 50 por ciento. A lo mejor, ¿sabes qué ? Quiero hacer el 30% de 130. Y entonces si quiero volver a adelantar diez cuadros, quería ir al 80 por ciento. Entonces lo que quiero hacer es que quiero que esta opacidad de capa parpadee entre 30% y 80 por ciento. Quiero que hagas es que quiero copiar estos dos fotogramas clave. Adelante diez cuadros. Comando Mayús flecha derecha, avanzar diez fotogramas. De nuevo, es Comando V. Ahora tienen exactamente el mismo fotograma clave que los dos anteriores. Va de 30% a 80% a 30% a 80 por ciento. Y esa es mi animación parpadeante. Si toco esto, puedes ver que los textos de mi portafolio en realidad están parpadeando y podría ser demasiado rápido. Siento que es demasiado rápido. Entonces lo que tengo que hacer es arrastrar los cinco fotogramas clave. Después de seleccionar los cinco y luego mantener pulsada Opción en Mac, Alt en PC, arrastre el último. Entonces va a espaciarlos proporcionalmente. Digamos que si lo arrastro a 3 s, Juguemos esto. Sí, eso me parece mejor. Ahora. Tengo tres segundos de animación que parpadea. Solo quiero copiar estos cuatro fotogramas clave, pegarlos de nuevo, solo para asegurarme de que tengo una animación parejo parpadeante. Yo solo sigo copiando los fotogramas clave que tengo. Entonces el impuesto siempre está parpadeando. Mira que si toco, esto va a seguir parpadeando hasta casi 14 s. Y este es el efecto que quiero. A través de copiar y pegar, podemos parpadear este texto desde 30% de opacidad hasta 80 por ciento. Y luego solo va a Flickr de ida y vuelta, 30-80% de opacidad. Este es el hecho de que logramos copiando esos fotogramas clave. Después de tener esto, necesito seleccionar todos estos fotogramas clave. Comando C, copia. Y después quiero aplicar a estas dos capas. Asegúrate de que el primer fotograma clave de aquí esté alineado. De lo contrario, van a parpadear a diferente ritmo. En realidad queremos que parpadeen a un ritmo diferente, pero también queremos hacerlo de manera controlada. Por ahora sólo voy a copiar los fotogramas clave de opacidad a estas dos capas. Comando V pegar. Y entonces si te golpeo, puedes ver que todas estas tres capas tienen exactamente los mismos fotogramas clave de opacidad. Si los juego, puedes ver que todos están parpadeando con la misma velocidad, al mismo ritmo. Vamos a guardar el proyecto y luego S. Eso es todo sobre la animación de opacidad. En la siguiente clase, te voy a mostrar cómo animar la propiedad de escala de estos textos. 11. escala: En esta clase, vamos a animar la propiedad de escala de estos textos de fondos para darle más variedad a nuestra animación. En última clase, ya animamos la exposición y la opacidad, y esta es la mirada que estamos obteniendo. Ahora lo que tenemos que hacer es animar la propiedad de escala. Vayamos primero al medio, esta vez. Asegúrate de que los estamos viendo en la pantalla por aquí. Y vamos a sacar a colación la propiedad de la escala. Mantenga pulsada la tecla Mayús y luego presione S. Aquí tenemos escala. Para la propiedad de escala, lo que quiero hacer es ahora mismo, si cambio la escala, digamos que al 125% va a escalar proporcionalmente todo el asunto. Y eso es ahora lo que quiero. Lo que quiero hacer Comando Z, volver atrás es escalar desproporcionadamente sólo las alturas del texto. Para hacer eso, necesito desvincular esta propiedad de restricción. Necesito desvincular esto para que la escala x e y no se vincule entre sí para poder cambiar individualmente una de ellas. Y como pueden ver, si cambio este x valor de la propiedad de escala va a estirar las cosas o a aplaudirlo. No obstante, lo que tenemos que hacer es animar el valor y. Para estirarlo así. Arriba y abajo. Una vez que tengamos la animación entra. Y puedo elegir tal vez alrededor de 1 s, quiero que salga este texto. Así que recuerda que ahora mismo hablamos del punto de anclaje. Si escalo la propiedad, va a escalar todo basado en el punto de anclaje central. Y en este caso, esto es lo que necesitamos. Así que asegúrate de establecer un fotograma clave aquí a la vez. Puedo bajar de escala. Todo es al 100%. Entonces sigamos adelante. Tal vez Comando Mayús flecha derecha, diez fotogramas y luego ir por otros cinco fotogramas. Flecha derecha de comando. Eso es para un fotograma y luego dos fotogramas, tres fotogramas, cuatro fotogramas, cinco fotogramas. Por aquí. Agreguemos un fotograma clave en el valor de la escala Y. Ha cambiado como algo así. Arrástralo todo el camino hacia arriba. Eso ya es bastante raro. Sin embargo, eso es exactamente lo que estamos buscando. Recuerden que hicimos un rebasamiento en la exposición en este tiempo. También quiero rebasar eso. Así que básicamente como retroceder cuatro cuadros, tal vez Comando, Flecha Izquierda, 1234. Yo quería ir más allá demasiado y luego vuelve. Tal vez más, más así. Entonces necesitamos hacer clic con el botón derecho. Y luego tenemos que seleccionar los tres fotogramas clave. Haga clic derecho sobre él. Seleccione la asistencia de fotogramas clave. Todo el camino hacia abajo. Está fuera de mi grabación de pantalla, pero es un asistente de fotogramas clave hasta el final. El último del menú. Y luego elegimos facilidad fácil. Tenemos facilidad los fotogramas clave. Seleccionemos los tres. Ve al Editor de Gráficas, asegúrate de encajar todo a la gráfica. Y entonces quiero arrastrar estas curvas para darle más energía así. Volvamos a la línea de tiempo ajustada, y vamos a previsualizar y ver cómo se ve. Si solo esta capa en este momento, me distrae un poco porque todo está en la capa. Quiero apagar a estos dos. Sólo viendo el del medio aquí. Entonces quiero ver cómo se ve. Sí, se ve bastante bien, aunque es un poco lento. Siento que necesito seleccionar los tres fotogramas clave. Mantenga pulsada la opción en la Mac, arrastre la última, acérquelas más. Sí, eso se ve genial. No obstante, tal vez quiera ir aún más lejos. Lo que quiero hacer es añadir otros rebasamientos. Digamos que éste se repasa demasiado. Y luego cuando vuelva, quería volver demasiado. Digamos ahora mismo, la última etapa es al 84. Entonces quiero que esto pase al 84, digamos al 64. Y luego vuelve al 84. Lo que quiero decir es si te muestro la gráfica. Esto es exactamente lo que parece. Entonces el valor sube y luego vuelve a bajar demasiado, y luego vuelve a bajar demasiado. Y luego retrocede nuevo para ir a los estados finales. Y se puede ver esto como una curva de rebote. Da un equilibrio a esta capa, esta animación. Veamos cómo se ve ahora. Sí, eso da más energía. Se puede ver que hay un saldo. Y pueden ver que aquí solo agregué dos fotogramas clave, así que le da un equilibrio bastante bueno por aquí. Ahora hay mucha energía en esta animación. Eso es bueno. Y eso es lo que tenemos que hacer es animar el primero superior y el inferior. Quiero que este inferior se encoja en el eje y. Vamos a traer a colación la propiedad de escala, Shift S para traer a colación la propiedad de escala. Y luego asegúrate de dar click en este enlace aquí para desvincular la escala x e y. Ahora mismo, si lo cambio, se puede ver que está cambiando en base al punto de anclaje en el centro, que no es lo que queremos. De hecho, queremos escalar la propiedad en función del punto de anclaje en la parte inferior aquí. Entonces necesito cambiar el punto de anclaje. Y en este caso, para poder cambiar el punto de anclaje, necesito volver a estos fotogramas clave de posición, la exposición, seleccionarlos todos, y luego ir a la pluma detrás de la herramienta. Asegúrate de agarrar el punto de anclaje y luego mantener presionado Mayús, muévalo hasta la línea base inferior de este texto. De esta manera no vas a cambiar la animación que ya tenemos. Pero ahora se pueden ver los puntos de anclaje, si hago clic en esta capa ya está en la línea base de este texto de cartera, y lo mismo va a la de arriba. Volvamos, pongamos el indicador de línea de tiempo en estas capas de exposición. Selecciona los tres, y luego asegúrate de agarrar los puntos de anclaje, mantener pulsada la tecla Mayús y luego ponerla todo el camino hacia arriba. Y ahora tenemos estos dos puntos de anclaje cambiados. Uno en la parte superior de los textos, y luego el otro en la parte inferior del texto. Pasemos a 1 s. A medida que cambia la escala del texto medio, quiero que la parte superior e inferior cambie con él. Entonces ya tengo la propiedad de escala encendida. Y luego para el superior, para el inferior, establece un fotograma clave aquí. Y luego agregar las últimas fechas. Tenemos que reducir el texto. Algo así. Pero también asegúrate de que tenemos este pequeño saldo para esta animación de fondo también. Necesito volver a la herramienta de selección por ahora. Y entonces el estado final de la propiedad a escala es 25. Entonces, en este punto, necesito alinear estos fotogramas clave juntos. En este punto aquí quiero que la escala la cambie a 15. Y entonces en este punto aquí, quería cambiarme a 30. Esto le va a dar una animación de equilibrio bastante buena. Seleccionemos los cuatro fotogramas clave. Haga clic con el botón derecho, vaya hasta el asistente de fotogramas clave, el último en el menú, y luego elija facilidad fácil. Otra forma de cambiar estos cuatro fotogramas clave para facilitar los fotogramas clave es mantener pulsada la tecla de función en el Mac. Y entonces F9 va a cambiar los cuatro fotogramas clave al fotograma clave más fácil. Volvamos a ir al Editor de Gráficas, ver cómo se ve. Ahora, también quiero arrastrar estos mangos para asegurarme de tener una curva S suave para darle más energía al equilibrio. Algo así. Volvamos. Y ahora podemos previsualizar la animación para este pequeño aquí. Sí, ya ves que tenemos una animación de rebote para la capa inferior de ahí. Ahora ya tenemos aquí esta animación de fondo. Todo lo que necesitamos hacerlo solo para copiar y pegar y asegurarnos de seleccionar los fotogramas clave en la propiedad de escala Comando C. Y luego necesito mover el indicador de línea de tiempo a un segundo. Da click en esta capa superior Comando V. Ahora F pega en la escala Property Animation, y veamos cómo se ve. No quiero que los textos del medio choquen con el impuesto superior de ahí. Entonces lo que tengo que hacer es ir a este marco aquí y luego asegurarme de hacer esto más pequeño. Cambiar el porcentaje de la propiedad de escala aquí hacerla más pequeña. Y el estado final podría necesitar ser aún más pequeño. Otra cosa que quiero hacer es tal vez mover la posición y. Vamos a golpear Mayús P en el teclado a veces. Asegúrate de que esté nuestra posición y ya que algunos se movieron un poco hacia arriba. Entonces obtenemos espaciamiento uniforme entre estas tres líneas. Algo así. Ahí, esta pequeña animación de rebote, eso es bastante divertido. Eso es todo con la forma en que animamos la propiedad de escala de estas tres capas de textos. Ahora hemos cubierto las tres animaciones básicas de propiedad. Primero, hablamos del cambio de posición con la cartera viniendo de izquierda a derecha. Y luego tenemos el cambio de opacidad. Y en esta clase agregamos el cambio de escala. El único que falta que no teníamos para esta animación es el cambio de rotación, que cubriremos en las lecciones posteriores para otros elementos. Antes de estas tres líneas de texto. Creo que los tres cambios de propiedad son lo suficientemente buenos. Y es una gran demostración de cómo usar esta propiedad básica para animar y darles energía, darle vida a tus elementos. En la siguiente clase, quiero mostrarte cómo escalonar estos fotogramas clave para obtener una animación más compleja. 12. Capas offset: En esta clase, déjame mostrarte cómo escalonar estos fotogramas clave para obtener una animación más compleja. Ya tenemos la escala de posición y la diferencia de opacidad en. Entonces ahora lo que tenemos que hacer es darles un ritmo diferente para que podamos obtener una animación completamente diferente. Primero, lo que tengo que hacer es averiguar quién entra primero. Quiero tener esta cartera de primera línea viene en primer lugar, que es la capa 12. Y luego dentro de un breve retraso, tal vez dos fotogramas. Vamos. Para dos marcos. Quiero que entre el del medio. Solo necesito arrastrar esta capa hacia adelante dos fotogramas clave. Y luego para otros dos fotogramas, necesito arrastrar esta tercera capa sobre. Y ahora tenemos una animación asombrosa. Veamos cómo se ve. Creo que todavía es demasiado rápido. Necesito más retraso entre los tres. A lo mejor darle dos marcos más. Entonces en este momento hay cuatro marcos separados. El entrar se ve bien. Pero entonces la propiedad de escala está en mal estado. Tenemos que realinear eso también. Pero la entrada se ve bien. Y entonces tenemos esto casi como un ondulante efecto de cambio de opacidad. Así que vamos a asegurarnos de que nuestros cambios de escala estén alineados. Todo lo que tenemos que hacer es mover estos fotogramas clave para que se alineen entre sí. Ahora tengo tres alineados y luego volvamos a ver la animación. Sí, casi parece que está parpadeando. Con el cambio de opacidad. Parpadeo. Eso es bueno. Si queremos lograr aún más efecto de parpadeo, también podemos retrasar los fotogramas clave de la opacidad. Tal vez por un par de fotogramas, 1234, tal vez por cuatro fotogramas. Sólo tienes que ir cuatro fotogramas hacia adelante 1234 y luego mover todos estos fotogramas clave por aquí. Entonces en este momento los fotogramas clave de opacidad están separados, separados por fotogramas entre sí. Veamos cómo se ve. Sí, eso me gusta más. Entonces en esta clase, te mostré cómo escalonar las capas separándolas y retardando la animación para que obtengamos unos efectos asombrosos. Y también tambaleo el fotograma clave también dentro la capa para que no se animen al mismo tiempo con la misma velocidad o el mismo ritmo. Entonces obtenemos una animación mucho más compleja. Estoy contento con eso. En la siguiente clase, te voy a mostrar cómo animar las líneas en los fondos con un par de máscaras diferentes. 13. Trayecto de recorte: En este video, hablemos de un simple efecto de capa que podemos animar las líneas en After Effects. En la clase anterior, ya hemos animado el texto del portafolio. A continuación, animemos esta línea en el fondo. Primero, vayamos a la capa de línea, que es la capa 13, que está etiquetada en este color azul. Podemos ocultar estas tres capas encima para que no nos distraigan. Simplemente selecciona los tres y luego presiona el ícono en el frente para ocultarlos. Ahora solo tenemos esta capa de línea visible. Ahora puedes ver que esta capa está en el archivo de Illustrator is.ai ya que importamos el archivo Australia de Illustrator, bueno, tenemos que hacer es convertirlo a una forma. Para ello, podemos hacer clic derecho y luego ir a Crear. Y luego está Create Shapes from Vector Layer. Haga clic en eso. Ahora tenemos una capa de forma creada encima de la capa de línea anterior, y la capa de línea está desactivada. El ícono de ojo que puedes ver ya no necesitamos esto, así que podemos eliminarlo, presionar Eliminar en el teclado. Ahora podemos trabajar en esta capa de línea, como en una capa de forma. Da click en esta flecha y luego ve a Agregar. Aquí es donde se puede agregar una capa de efectos que queremos usar hoy en día se llama ruta de recorte. Este es un efecto de capa típico que podemos usar para animar las líneas. Es muy versátil. Podemos dar click en eso por ahora. Y luego agregamos una ruta de recorte Effects. Déjame mostrarte lo que hace el camino de recorte. Ve a esta flecha aquí. Si festival gusta, se puede ver que hay un valor de inicio de 0% y luego el valor n de 100%. Si alterno este 100% y el valor es solo una parte de la línea que queda en la pantalla. Esencialmente, lo que estamos haciendo es que somos una especie de efectos de dibujo. Uno, el valor final alcanzó el 100%, será un bucle completo. Pero si digo, si me gusta 20% de los resultados finales y el valor, se puede ver que sólo hay una parte de la línea que es igual al 20% de todo el bucle. Es un poco difícil de ver. Pero si animo esto, si agrego un fotograma clave en el valor n primero comenzando desde cero. Y entonces podemos hacer diez cuadros hacia adelante comando Shift flecha derecha. Y luego lo cambiamos al 100%, que va a agregar otro fotograma clave en el fotograma 10. Ahora tenemos dos fotogramas clave. Podemos ver la animación, cómo se ve. Toca esto. Verá, hay esta línea en la que se dibuja. Es un poco rápido. Puedo arrastrar esto más lejos. Entonces va a tomar hasta 1 s, toda la animación. Veamos cómo se ve. Sí, podemos ver esta línea dibujando sobre esto hace. Los efectos de trazados de recorte. Se pueden animar las líneas como si estuviera dibujando en pantalla. Y se puede ver también por aquí hay un valor de compensaciones ya que actualmente se encuentra en 0%. Y este valor de desplazamiento puede controlar el punto de partida de la línea en este momento, si voy un poco hacia adelante, se puede ver que la línea comienza desde la esquina inferior derecha. Pero si cambio el valor de desplazamiento para decir 180, ahora, la línea comienza desde la esquina superior izquierda. Y esto es lo que quiero. Quiero que la línea comience desde la esquina superior izquierda. Así que también voy a querer marcar este un poco atrás para que empiece desde esa esquina de ahí mismo. Algo así, tal vez 170 grados. Esto es lo que quiero. Y recuerda siempre que tengamos fotogramas clave, solo hagamos un asistente de fotogramas clave. Facilidad fácil. El atajo para eso es la tecla de función F9. Simplemente presione la tecla de función F9. Sí, eso funciona. Vamos a traer de vuelta la cartera tres líneas por aquí. Quiero tener esa cosa. Y entonces ahora mismo se puede ver que las líneas se cruzan con mis capas de texto. Eso no es lo que quiero. Lo que necesito hacer es hacer una máscara encima de esta línea para que solo sea visible la parte que no se superponga con las capas de texto. Para ello es hacer clic en esta capa de línea y luego ir a la herramienta rectángulo. Normalmente cuando dibujas una herramienta de rectángulo, va a dibujar dentro de esta forma. Digamos que si quiero dibujar un rectángulo, y cuando lo dibuje, va a agregar otro rectángulo dentro de esta capa de forma. Ahora mismo, es de color rojo, pero eso no es lo que quiero. No quiero dibujar otro rectángulo. Necesito borrar eso. Y entonces lo que tengo que hacer es hacer clic en esta máscara de aquí para crear una máscara. Así que vamos a dibujar una máscara aquí alrededor del mismo tamaño que la capa de texto. Y luego vamos dentro de esta masa ahora mismo la máscara está lista para agregar. Lo que tengo que hacer es configurarlo en restas. Uno, puse la máscara para restar. Se puede ver que todo lo que desenmascara hace un momento se ha ido. Restar la capa original con máscara, que un dibujo y luego lo único que queda, eso es todo fuera de la máscara. Y eso es exactamente lo que tengo que hacer. Solo necesito tener el corazón que no se superponga con la capa de texto para que sea visible. Juguemos esta animación. Y ahora tenemos una animación de línea aquí. Aunque no es tan visible, pero son esos sencillos detalles los que importan. Y ese es un tipo de máscara que hoy quiero enseñarte. Así es como los enemigos recortamos caminos, efectos y dibujamos una máscara en las capas. 14. Transición: En esta clase, comencemos a animar la transición de esta animación. Si recuerdas lo que te mostré antes, abrimos la escena con un color amarillo muy brillante, y luego pasamos del color amarillo a este azul. Entonces el color azul es en realidad nuestro estado final de la animación. La última parte de la animación. Para que empecemos con el color amarillo brillante, lo que tenemos que hacer es cambiar este color de fondo a un amarillo. Para cambiarlo a un amarillo brillante, podemos odiar en esta capa de fondo, ir a nuestro panel de efectos y presets. Si no tiene el panel Efectos y Ajustes preestablecidos abierto en el lado derecho. Puedes ir a Windows y luego hacer clic en estos efectos y presets. Tenemos que sacar a colación un matiz y efectos de saturación. Con la capa seleccionada, puedo hacer doble clic sobre este matiz y saturación. Ahora va a agregar un efecto de matiz y saturación a mi capa. Lo que puedo hacer es poder ajustar este valor master hue aquí para obtener un color diferente. Si no te gusta el amarillo brillante que usamos al principio, puedes elegir uno diferente, tal vez uno morado que se vea bien, o incluso el rosa que se ve bien. Entonces para mí, sólo estoy tratando de conseguir ese color amarillo que nos gusta. Este es un amarillo que quiero, pero la saturación no está ahí. Entonces necesito marcar la saturación para hacerla más saturada e incluso cambiar un poco la ligereza. Sí, eso es lo suficientemente brillante para mí. Entonces este es el color amarillo que me gusta para la parte inicial de la animación. Sin embargo, como puedes ver, nuestra línea de textos de portafolio ya no funciona porque el color es azul y luego está generando este extraño efecto como lastimarnos los ojos. Entonces necesito cambiar también el color de las tres capas para poder cambiar el color de estos tres textos, volvamos al panel Efectos y Presets nuevamente. Busquemos un relleno. Prueba esto, selecciona uno de ellos y luego haz doble clic en el relleno. Ahora ha cambiado a color rojo, que no es lo que quiero. Yo quería cambiarlo a unos blancos puros. Y luego da click en este comando de filtro C para copiar y luego dar click en estas dos capas. Comando V pegar. Ahora tenemos un color blanco brillante encima de esas tres capas. Veamos cómo se ve. Sí, eso se ve bien porque recuerden que tuvimos cambio de opacidad en estas tres capas. Entonces solo va a mantenerlo muy sutil en el fondo cuando esté animando la opacidad, lo que la hace muy sutil y agradable. Supongo. Sí, eso me funciona. Simplemente cambie las tres capas a un color blanco. Lo siguiente que quiero hacer, quiero dibujar un círculo, un punto en la capa para animar el círculo que viene del lado izquierdo al lado derecho. Y como si el círculo estuviera arrastrando algo para tirar todo hacia la derecha y luego revelar el fondo de color azul al final, igual que el ejemplo anterior que te mostré. Vamos a esta barra de herramientas superior aquí. Ahora mismo tenemos una herramienta de rectángulo, mantén presionada la Herramienta Rectángulo, y luego hacemos clic en esta herramienta de elipse. Podemos dibujar una elipse sin nada seleccionado en el panel de capas. Puedo dibujar menos mantener presionada Comando y Mayús para constreñir la propiedad. Entonces ese es un círculo perfecto. Estoy pensando que tal vez esta falsa. Y entonces ahora se puede ver que el punto de anclaje no está en el centro del círculo. Recuerda que te dije cómo mover el punto central al círculo. Todo lo que puede hacer es volver a la herramienta de selección y luego hacer clic con el botón derecho. Ir a transformar, y luego centrar los puntos de anclaje en el contenido de la capa. Ahora tenemos el punto de anclaje en el centro del círculo. Todo lo que necesito hacer es animar este círculo como nombre, este principal me puntea. Quiero que este puntito vaya de afuera. Vamos a tirar hacia arriba de la propiedad de la posición. Presiona P en el teclado, haz clic con el botón derecho en Dimensiones Yo sólo quiero animar la exposición. Cuando entra el texto. A lo mejor el cronómetro de cabecera en un fotograma clave y luego seguir adelante. Diez cuadros, 1512345, 15ª riendas, van por aquí que el círculo entra y luego se quedan ahí por tal vez 1 s. mientras se queda ahí. No quiero quedarme ahí todavía. Quería recorrer muy corta distancia y luego ir adelante otros 15 cuadros, 1234515 cuadros. Vamos a disparar fuera del marco. Bueno, esta es la animación que quiero. Sin embargo, aún no hemos agregado ninguna flexibilización. Entonces lo que tenemos que hacer es hacer clic en todos ellos. Pulse la tecla de función y luego F9. O puedes ir con el botón derecho del ratón. Asistente de fotogramas clave, facilidad fácil. Esto es lo que estamos haciendo todo el tiempo. Primero necesitamos facilitar esos fotogramas clave. Haga clic derecho en Asistente de fotogramas clave, Facilidad fácil Veamos cómo se ve. Ahora. Tiene algo de flexibilización para ello. Ahora mal. Pero aún así necesitamos más energía. Lo que quiero hacer es seleccionar los cuatro, ir a este editor de grafos, ajustar la gráfica a ver. Dale más como una curva más exagerada para que viaje más rápido con más energía. Esta es una curva que tenemos actualmente, veamos cómo se ve. Estoy pensando más en una curva de flexibilización aquí. Veamos cómo se ve. A lo mejor no tanto en el medio. Sí. Creo que se ve bien. Otra forma de ajustar esta, podría ser más fácil. Quiero mostrarte el click en este botón aquí y luego mostrar el gráfico de velocidad. Creo que lo que quiero hacer es que esa es una opción. Puedes elegir esa opción y te voy a dar otra opción que puedes usar. Esto podría funcionar mejor. Entonces quiero ir al Gráfico de Velocidad en lugar del gráfico de valores, que es donde estábamos antes. Y quiero darle más de una curva exagerada. Tira esta manija hasta el fondo y luego tira de ésta hasta el final, dales más velocidad. Y luego hasta este de aquí, tira de éste, y luego tira de éste hasta el final. Y estoy tratando de hacer que los dos grafiquen las mismas alturas para dar la misma velocidad. A algunos les gusta esto. Y veamos cómo se ve. Sí, eso es más exagerado y mira eso. Eso creo que se ve mejor que antes, pero quiero darle más velocidad. Como quiero arrastrar aún más esta curva. A lo mejor no puedo, ya es ésta. Todavía puedo arrastrarlo aún más. Entonces esta es mucho más rápida que esta. Veamos cómo se ve. Sí, eso se ve mejor. A mí me gusta lo que parece ahora mismo. Entonces la primera parte, cuando entra, se está flexibilizando directamente. Y luego el que sale, va muy rápido. Esto es exactamente lo que estoy buscando. Asegúrate de ir al gráfico de velocidad y luego ajustar el gráfico de velocidad así. Si quieres saber más sobre sleep graph f, otro curso que está dedicado a enseñarte exactamente lo que necesitas hacer con el editor de grafos y todos los principios de animación para tener un control total, control total de tu animación. Puedes hacer lo que quieras. Puedes consultar mi otro curso en el perfil. Pero por ahora esta es una clase para principiantes, así que no quiero adentrarme demasiado en el editor de grafos. Sigamos adelante. Esto es exactamente lo que estoy buscando. Aquí tengo este círculo. Lo siguiente que quiero hacer es agregar una especie de un, otro círculo que lo rodee. Así que eso da un como un efecto de brillo. Entonces lo primero que quiero hacer es cambiar el color del círculo a un color azul, para cambiarlo a color azul. Y es muy fácil. Podemos usar el efecto de relleno, pero quiero obtener el color azul del fondo. Entonces voy al fondo y luego podemos activar y desactivar los efectos. Podemos apagar los efectos de eso. Podemos ver el color azul original que tenemos en el fondo. Ahora solo necesito agregar un efecto de relleno en el panel Efectos y Presets, ponerlo, rellenar, y luego arrastrar este efecto de relleno a mis puntos principales. Puedo usar este recogedor de color para escoger el color azul. Ahora tenemos el.en color azul. Ve al fondo y vuelve a encenderlo. Entonces tenemos este amarillo brillante al fondo. A continuación, lo que necesito hacer es que quiero tener otro punto debajo este comando principal de puntos D para duplicar, y luego cambiar el tamaño de estos puntos. Pulsa S en el teclado para que aparezca la escala, cámbiala a 120%, y luego presiona Shift T para ver la opacidad, cámbiala a 40% y cambia el main.out original a 80%. Ahora, tengo dos puntos al mismo tiempo. Están viajando juntos. Sin embargo, lo que quiero hacer es ahora mismo, si golpeo U en el teclado, también tiene algunos fotogramas clave en el segundo punto. No quiero estos fotogramas clave. Yo sólo quiero que viajen juntos. Si borro todos los fotogramas clave, este main.out dos va a permanecer en la pantalla. Pero por aquí lo que quiero hacer es que quiero usar un, otro oxígeno, que se llama capas madre. Quiero ser padre de esta segunda capa. Quiero ser padre de la segunda puerta al primer punto. Entonces el segundo perro viaja con los primeros puntos. Vamos a usar este látigo de selección y luego padre la primera capa a la segunda capa. Ahora tenemos las dos capas viajando al mismo tiempo. Si vuelvo a la opción no es muy importante cuando padres cosas juntas. Digamos si tengo la segunda capa y la primera posición de capa así, casi como una posición de ojo. Si me aparenté en este sello de tiempo. Estas dos capas van a viajar juntas como una forma de ojo todo el tiempo. Y esto no es lo que queremos. Entonces, lo que necesitamos para asegurarnos es que tenemos que asegurarnos cuando estén perfectamente alineados en el centro. Por eso tenemos que criarlos así. Elija este látigo de recogida, y luego padre al punto principal. Ahora tenemos los dos puntos viajando al mismo tiempo. Eso es bueno. Lo siguiente que tengo que hacer es dibujar una máscara de transición. Vamos a la capa superior por aquí barra de herramientas. Seleccionemos la herramienta Pluma sin nada seleccionado, puedo dibujar una forma desde el centro de estos puntos. Dibujemos una forma así. Algo así. Tiene puntas afiladas en los lados de la derecha. Y luego quiero mover esta forma debajo de los puntos, cambiarle el nombre a máscara de transición. Y asegúrate de que también soy padre de la máscara de transición al punto. Entonces están viajando al mismo tiempo. Veamos la animación aquí. Sí, eso es bueno. No obstante, necesito la máscara para cubrir todo el asunto, toda la pantalla al final de la animación. Entonces necesito mover esta posición propiedad de este main.out aún más al final para que esté cubriendo todo el asunto. Sí. Eso es exactamente lo que necesito. Siento que la última parte de la velocidad se ha ido. Entonces necesito tal vez arrastrar esto más cerca para darle más velocidad. Sí. Sí, eso es lo que necesito. Bien. Eso es bueno. Tenemos la transición por aquí. Recuerda que necesitamos traer de vuelta el color azul como fondo. Y para hacer eso, necesitamos agregar una capa de ajuste, ir a capa en la parte superior y luego nueva capa de ajuste. Vamos a elegir un efecto de saturación de tono en la capa de ajuste. La forma en que funciona la capa de ajuste es que cada vez que cambia la capa de ajuste, va a afectar todo lo que hay debajo de ella. Puedes ver si cambio el matiz y la saturación, está cambiando todo el color debajo de la capa de ajuste. Y de esta manera, podemos traer de vuelta nuestro color azul del fondo. Recuerdas, ¿algo así? Este es nuestro color azul original. Podemos usar la capa de ajuste para recuperar el color azul en el fondo. Y la lógica es así. Ahora mismo tenemos esta máscara de transición en marcha. Si tenemos la capa de ajuste en la misma posición y el mismo tamaño que la máscara de transición va a afectar a todo lo que hay debajo de ella para traer de vuelta nuestro color azul en el fondo. Para hacer eso, necesitamos mover esta capa de ajuste hacia la izquierda, a la posición donde está la máscara de transición, y luego cambiarla, hacerla más grande que la máscara de transición. Y lo siguiente que necesitamos para hacer que la capa de ajuste viaje con la máscara de transición, hacerla viajar con ella. Y lo último que tenemos que hacer es mover esto debajo de la máscara de transición y agregar un tapetes alfa. Ya ves por aquí, esta es esta opción de track matte. Si no lo tienes, puedes hacer clic en el segundo botón de la esquina izquierda aquí para que aparezca esta opción de track matte. Asegúrese de que la capa de ajuste esté debajo de la máscara de transición. Vaya a esta opción aquí, golpee en mate alfa. Y esto es lo que obtenemos. Ves que la forma en que funciona el mate alfa es que estamos usando la visibilidad de la primera capa para controlar la visibilidad de la segunda capa. decir, recuerdas, tenemos esta máscara de transición de color rojo. Dondequiera que este color rojo sea visible, estamos usando ese color rojo para controlar la visibilidad de la segunda capa, la capa debajo de ella, lo que significa que ves la forma de esta capa de ajuste, se convierte en la forma de esta máscara de transición. Y la capa de ajuste sigue manteniendo la misma función que una capa de ajuste, controlando el color de todo lo que hay debajo de ella, lo que hace que el fondo se vuelva azul. Otra vez. Vamos a guardar el proyecto con el fin demostrar más en los mates de pista. Déjame hacer una demo de track matte aquí realmente rápido. Pongamos un color sólido. Y luego agreguemos en un texto de demostración. Dibujemos un rectángulo. Dibujemos una forma de rectángulo por aquí. Y luego podemos establecer la capa demo en mate alfa. Ahora tenemos este rectángulo en la parte superior que está controlando la visibilidad de esta capa debajo de ella. decir, donde sea visible este rectángulo, esto va a hacer visible el texto debajo de él. Si muevo este rectángulo hacia abajo, puedes ver donde sea visible este rectángulo, va a hacer esa capa debajo de la visible. De esta manera, puedo controlar la visibilidad de una capa con la capa por encima de ella. Otra cosa que puedes hacer es cambiar el mate alfa por el Alfa invertido, es decir, donde sea que este rectángulo sea visible, ahora puedes ver la demo que ahora se muestra por dentro. El rectángulo se muestra realmente afuera porque está invertido. Y así es como funciona Track Matte. Porque usando una capa para controlar la visibilidad de la segunda capa. Este es un concepto muy singular para After Effects. Y si no lo entiendes, puedes volver atrás y verlo de nuevo, pero una vez que lo consigas, en realidad es bastante fácil. Ahora esta es nuestra animación aquí. Eso es todo sobre cómo hacer la transición. En la siguiente clase, vamos a hablar de cómo agregar efectos en la transición. 15. Efectos de transición: En esta clase, agreguemos algunos efectos a la transición. Esta es la animación que tenemos por ahora. Solo quiero agregar algún efecto de onda en esta máscara de transición. Recuerda que tenemos esta máscara de transición en la forma de la capa de ajuste. Por lo que necesitamos hacer clic en esta máscara de transición para agregar un efecto de desplazamiento turbulento, ir a Efectos y Presets, buscar desplazamiento de turbulencia. Haga doble clic. Y ahora puedes ver que ya conseguimos este tipo de efecto ondulado a esta máscara de transición. Ajustemos algunos de los ajustes aquí para los montos. Quiero sacarlo un poco, tal vez 60. Y luego el tamaño, quiero encogerlo ya que estoy reduciendo el tamaño, puede ver que el efecto de onda en realidad se mueve. Quiero animar este efecto de tamaño como quiero tal vez agregar un fotograma clave aquí. Poner un 240. Entonces cuando entre, antes de que salga disparando por aquí, voy a cambiarlo a 60. Entonces el tamaño de esta máscara de transición va a animar 40-60 mientras que el, bueno, está viajando hacia la derecha y luego algo así. Vamos a previsualizar y ver cómo se ve. Se mueve un poco demasiado rápido. A lo mejor quiero volver a cambiarlo a 40 por los montos. Sí, eso se ve bien. Eso es lo que necesito. La última parte, creo que sentí que la animación es un poco demasiado rápida. Quiero sacar un poco este fotograma clave , algo así. Entonces estoy ajustando la exposición de los puntos principales para que viaje más lento. Entonces la transición no es tan dramática. Esta es la animación. De hecho, entiendo, bien, eso me queda bien. Y luego lo siguiente, tenemos que agregar algunas líneas. Puedo ir a la herramienta pluma desde el centro de los puntos, hacer clic en ella y luego hacer clic en el exterior para dibujar una línea. Podemos apagar el relleno, mantener pulsada la tecla Opción y luego hacer clic en el fieltro 123 veces. Y luego asegúrate de que el trazo sea más grueso. Lo cambio a 15 pixeles. Ahora el trazo es más grueso. Tenemos una línea. Y luego voy a duplicar este comando D para la segunda línea. Aún así quiero que venga del centro del círculo. Pero para este, con la herramienta pluma seleccionada, puedo seleccionar este punto y luego lo puedo arrastrar hacia abajo para asegurarme de que va hacia abajo. Ahora todo lo que necesito hacer es padre de estas dos líneas a los puntos para que viajen con los puntos. Algo como esto. Pero ahora no tiene un efecto ondulado, así que necesitamos agregarle algún efecto ondulado. Pasemos a efectos y presets. Agreguemos un Wave Warp. Arrastre esta urdimbre de onda a la primera línea. Y entonces puedes ver si no cambio nada como mentir, solo voy a renunciar todo el camino así, que no es lo que queremos. Tenemos que ajustar el ajuste para hacerlo más grande. Y luego vamos a mantener el letrero con y luego cambiar la altura a 40. Intenta cambiar el ancho a tal vez 200. Y veamos qué está pasando. Ahora mismo, el ondear va de izquierda a derecha. Para invertir la dirección, tenemos que poner esto a negativo 90. Entonces eso es sentir que va de derecha a izquierda. Y este es el efecto que queremos tener. Copia esta urdimbre de onda y luego ve a la segunda línea, pégalo. Esta es una forma de trabajo que conseguimos, pero no quiero que sea demasiado simétrica. Entonces tal vez vaya a la segunda línea. Quiero cambiar la altura tal vez un poco más o menos. Y luego cambiar el ancho un poco más. Sólo danos alguna variación. No quiero que las dos líneas sean exactamente simétricas. Ahora puedes ver que la línea está encima de los puntos, así que necesitamos mover estas dos capas debajo de los puntos. Este es el efecto que obtenemos. Eso es bueno. Entonces, lo siguiente que quiero hacer es agregar algún efecto de brillo a la línea, el resplandor de búsqueda de líneas onduladas en los Efectos y Presets. Y luego asegúrate de que tenemos seleccionada la línea ondulada. Hacer doble clic en este globo estilizado ha cambiado el radio dos, tal vez 30. Y puedes ver que hay este efecto ligeramente resplandor alrededor de esta línea ondulada, lo cual es agradable. Es agregarle un poco más de carácter como copiar este resplandor, ponlo también en el segundo. Sí, eso es bueno. Ahora tenemos la línea de resplandor allá. Esa va a ser nuestra transición. Otra cosa es que como el DOD está viajando fuera de pantalla, también quiero que las líneas se muevan también. Ahora mismo la forma en que vivimos es simplemente quedarnos ahí en la pantalla, que no es lo que queremos. Entonces necesito cambiar manualmente la posición a medida que va saliendo. Tal vez alrededor de esta marca de tiempo aquí, haga doble clic, seleccione las dos capas y presione P en el teclado, establezca un fotograma clave, y luego continúe como las paradas. Quiero mover este hacia abajo y luego mover este hacia arriba para que estén fuera de la pantalla. Así. Si toco la animación, aquí es donde nos ponemos agradables. Otra cosa a la que debemos prestar atención antes de seguir adelante es que recuerden cuando estábamos animando el cambio de escala del texto de la cartera, hicimos alrededor de 2 s. pero en realidad quiero la transición a ocurrir antes de que cambie la escala. decir, cuando ocurre la transición, es casi como la transición. Trae el texto. Entonces eso está afectando el texto para que se muevan. Todo lo que necesito hacer ahora mismo es ajustar el tiempo de la báscula. Por aquí. A medida que entra la transición, necesito encontrar el texto de la cartera. Seleccione los tres, presione U en el teclado. Necesito cambiar estos fotogramas clave, moverlos un poco hacia adelante para que aún se queden en el mismo tamaño. Pero entonces cuando salga la transición, quiero que se hagan más grandes. Así. Sí, eso me queda bien. Ver, la transición está afectando el tamaño del texto. Juguemos desde el principio. Sí, eso es exactamente lo que necesito. Comando S para caja fuerte. Eso es todo para la transición de la animación. En el siguiente video, voy a hablar de cómo animar la máquina tragaperras. 16. Comunidad exclusiva: Antes de continuar, quiero aprovechar esta oportunidad para invitarte a unirte a nuestra exclusiva comunidad, Motion Circles on Discord Si vas a tomar esta clase, más probable es que te interese aprender sobre animación y diseño de movimiento. No importa si lo estás haciendo profesionalmente o no. La comunidad de círculos de movimiento está construida para ti, para todos los apasionados de la animación y desean aprender más y crecer en el campo del diseño de movimiento. El diseño de movimiento es una industria próspera y está creciendo rápidamente Todas las empresas y anunciantes quieren hacer videos con animación para promocionar sus productos y servicios Las cosas que ves son estáticas en pantalla en estos momentos dentro de un par de años, todas comenzarán a animarse. Todo lo que veas en pantalla estará animado, sitios web estarán animados, las aplicaciones estarán animadas. La industria del juego y la realidad aumentada que está ganando popularidad en estos momentos Los cortos y carretes y videos que ves en las redes sociales y mucho más con IA reemplazando a muchos de los trabajos intensivos en mano de obra. Lo único que no puede sustituir es la creatividad. El diseño de movimiento es un campo de rápido crecimiento que requiere creatividad. Así que únete a nosotros ahora en círculos de movimiento y nos apoyaremos mutuamente y aprenderemos y creceremos juntos. Es una industria extremadamente gratificante en la que estar y tiene un futuro brillante. Únete haciendo clic en el enlace en la página de descripción de la clase. Estamos súper emocionados de tenerte en la comunidad. Te veré ahí. 17. Base de la máquina tragaperras: En esta clase, comencemos a animar la máquina tragaperras en el centro. Recuerda que teníamos estas capas apagadas así que no las estamos viendo cuando estamos trabajando en el fondo. Navega hasta la capa de la máquina tragaperras y enciéndala. Ahora tenemos esta base aquí. Aquí tenemos la parte superior y el asa. Entonces por ahora, animemos primero la base, puedo hacer doble clic sobre esta composición, entrar. Y déjame mover esta capa base al centro. Selecciona todo, muévalos al centro. Quiero que sea sencillo. Entonces, la forma en que vamos a animar esto es solo la propiedad de escala de la mayoría de las formas. Primero encontremos uno de ellos. Entonces esta va a ser la base principal de forma azul. Para animarlo, levantaré la propiedad de escala, golpearé S en el teclado. Entonces necesitamos desvincular la escala x e y para poder modificarlas individualmente. Primero quiero agregar un fotograma clave y 0 s. Luego podemos arrastrar este fotograma clave a tal vez 1 s. Quiero que toda la animación complete nuevos 1 s y luego mueva el cursor de nuevo a 0 s, cambie todo a ceros, ceros, así que no aparece nada en la pantalla. Otra forma lo puedo hacer como puedo solo esta capa, este punto aquí, da click sobre este punto. Así que de esta manera puedo unificar esta capa para trabajar con ella sin ninguna distracción. Así que quería completar la animación vertical primero y luego horizontalmente, es decir, de cero segundo va a ser cero por ciento x y cero por ciento y Y luego alrededor de medio segundo va a ser Escala 100% amplia y luego 46% x escala. Después de eso, solo va a estar creciendo horizontalmente. Hagamos clic con el botón derecho en asistente de fotogramas clave, fácil, facilidad Y luego vamos al editor de grafos. Ajusta el gráfico para verlo, asegúrate de estar en el gráfico de velocidad. Solo quiero arrastrar estas curvas para darles más de una montaña como curvas para que vaya a tener más energía a la animación. Intentemos esto y veamos cómo se ve. Entonces lo que quiero hacer por aquí tal vez es mantener esto aún más pequeño, tal vez 20%. Entonces a medio segundo va a ser 20% x y luego 100%. ¿Por qué? ¿Algo así? Sí, esa es la animación que me gusta. Eso es bueno. Y luego asegúrate de copiar estos tres fotogramas clave y luego ir a un-solo esta capa. Vaya a este, presione S y vincule la escala y luego pegue los fotogramas clave. Y luego ir al negro, golpear S en el teclado y enlace comando V pegar. Y luego incluso estos, todos estos golpean S en el teclado y vinculan todas las restricciones de escala. Enlaces. Da click en todos ellos y luego Comando V. Ahora tenemos exactamente la misma animación en todos ellos. Algo como esto. Así es como se ve ahora. Y ahora solo necesito escalonarlos. lo mejor este viene primero y luego dos fotogramas después tienen la última capa entra y luego el negro entra en amigos después, uno a uno. Entra el negro. Quiero el centro y entra primero. Para que todo esté escalonado. No van a entrar al mismo tiempo. Entonces la carrera central entra primero. Quería apilar o incluso más. En este momento hay cinco marcos. 12345. Así que estoy, estoy poniendo cinco fotogramas entre todos estos diferentes puntos. Esto, de esta manera podemos hacer que la animación sea más compleja. A lo mejor seis fotogramas. 12 345-612-3456. Sí, eso es bueno. Esta es la animación que tenemos aquí. Eso es lindo. Bien, eso es todo con la animación base. Volvamos a la composición principal. ¡Vaya! Lo que pasó desde que tenemos esta capa base, debajo de la capa de ajuste, los colores han cambiado todos. Entonces necesito mover todas estas capas encima de esta máscara de transición para que aún mantengamos el color original, el color azul original de estas máquinas tragamonedas. Ahora tengo la animación de la base principal. Necesito animar la parte superior y también el asa. Primero entremos en el mango. Acercar. Es muy fácil para el asa. Hagamos lo mismo. Todo lo que necesito hacer es antes que nada, quiero tener este punto de anclaje al lado izquierdo de la plaza. Y luego animemos el tamaño. Propiedad a escala. Ve a escala y luego desvincula éste, pulsa un fotograma clave, ve por 15 fotogramas, 1234515 fotogramas. Ahora tenemos este fotograma clave en el fotograma 15 y luego volver a cero para poder cambiar la escala x a cero. Ahora tenemos una animación como esta. ¿Ves eso? Eso es bueno. Ahora solo necesitamos hacer clic con el botón derecho en asistente de fotogramas clave, fácil, facilidad. Ir al editor de grafos. Arrastra estas curvas, dale más energía, dale más velocidad a la animación. Así. Eso es bueno. Y una vez que choquen ahí, quiero que este bloque azul salga de tal vez del mismo lado. Yo sólo puedo copiar éste y luego mandar V paste. Ahora están saliendo al mismo tiempo. Entonces quiero mover este bloque azul hasta la parte de atrás. Entonces ahí está activando el morado está activando el azul para que suba. Algo como esto. Así. Pero no quiero ver las partes superpuestas, así que me gusta esto. Sí, eso es bueno. Tenemos a estos dos que se acercan y luego tenemos el mango. Quiero tener los puntos de anclaje del mango todo el camino en la parte inferior aquí. Así puedo cambiar la propiedad de escala aquí, ir a escala y vinculación, poner un fotograma clave, y luego cambiar la forma de la Casa Blanca a cero. Asistente de fotogramas clave de doble clic, fácil, facilidad. Ir al Editor de Gráficas. Estamos haciendo lo mismo. Entonces estoy acelerando un poco las cosas porque todas son la misma animación. Sólo lo estoy repitiendo ahora mismo. Todo lo estamos haciendo solo para cambiar, animar la propiedad de escala y también cronometrarlos adecuadamente para que surjan uno tras otro. Este entra y luego tenemos este entra. Este entra. Y luego una vez que este entre y podamos tener un cambio de escala. Pero para el círculo, no hay que desvincularlo porque solo podemos tener el círculo y la mediana de cero proporcionalmente al 100 por ciento. Ahora tenemos el estado entra y luego entra el círculo. Y para éste, aún necesito cambiar la velocidad de la animación, darle más velocidad. Para este círculo. Incluso puedo agregar en un poquito rebasamientos, tal vez cambiarlo al 110%, y luego volver a bajar a 95. Algo así. Dale más energía. Entonces hay un equilibrio para el círculo. Acabo de agregar en un rebote. Sí, eso se ve bien. Volvamos a la comp principal. Una vez que tenemos. Entonces es un poco distrayente en el fondo. Entonces necesito solo este mango, y luego quiero solo el bajo por aquí. Estos dos entran. Quiero que entre la base. Primero como este acabado. Quiero mover el mango hacia el lado derecho. Entonces la base entra primero y luego en este punto aquí, el asa entra así. Bien, vamos a previsualizar la animación. Sí, eso se ve bien. Así animamos la base de la máquina tragaperras y el asa. Siguiente video, te voy a mostrar cómo animar la parte superior de la máquina apiladora. 18. Top de la máquina tragaperras: En este video, animemos ahora mismo la parte superior de la máquina tragaperras. Y esta composición, tengo el mango, base y la parte superior aislados. Entonces sólo estamos viendo estas tres capas. Y ahora ya tenemos la base y el asa. Anímalo. Solo necesitamos animar la parte superior derecha. Ahora, hagamos doble clic en la composición superior. Entra. También podemos moverlo un poco al centro. No tiene que ser exacto. Podemos cambiar la posición desde el exterior comp. Para este, en realidad quiero que tenga la misma animación que la base, la máquina tragaperras. Entonces volvamos a la base uno. Quiero ver si puedo copiar algunos de los fotogramas clave de aquí. Vamos a la base azul. Copia eso. Y luego volvamos a la cima. Para el azul. Sí, tire hacia arriba de la propiedad de escala y vincúlela, vaya al comando de cero segundos V, péguela. Quiero ver si esto, sí, eso se ve bien. Ni siquiera necesitamos hacer nada. Solo necesitamos copiar el fotograma clave de esa animación base que hicimos antes. Y luego asegúrate de que todo el gris y el negro es lo mismo y vincula la propiedad de escala. Volver a 0 s con el indicador de línea de tiempo a 0 s. Haga clic en el comando de dos capas V, péguelo. Ahora, solo necesito escalonarlos un poco para que no vayan a subir al mismo tiempo. Para el círculo, podemos hacer lo mismo. Volvamos a la manija. Podemos copiar esta animación de círculo desde el mango. Seleccione todos los fotogramas clave del comando C y, a continuación, vuelva a la composición de la capa superior. Podemos ir a cero segundo comando V, pegarlo adentro. Así que todavía tenemos esa animación de rebote pasando desde arriba. Solo necesito moverlo un poco atrás para que la animación esté escalonada. Sí, eso es exactamente lo que necesitamos. Comando S, guardar. Volver a la composición principal. Ese es el momento de esto correctamente. Tenemos la base entrando para manejar entrar, y luego ahora quiero que la parte superior también entre. Impartido. Sólo muévelo un poco atrás. Entonces tenemos esta base entrando y luego arriba entra. Sí, vamos a jugar a eso. Tenemos esta máquina tragaperras acumulación Command S para guardar el proyecto. Eso se ve bien. A continuación, tengo que preocuparme por los puntos. Vamos a encender el icono y el botón Solo aquí. ¿Recuerdas todos estos puntos que tenemos? Sólo necesito posicionarlo correctamente. Ahora que lo estoy pensando, puedo Comandar X, cortar los puntos y ponerlo dentro este comando de composición base V, y luego deshacer el aislamiento. Ahora tenemos esta capa de puntos dentro de esta composición base para los daws, puedo hacer doble clic y luego entrar para animarla. Quiero hacer una animación muy sencilla. Yo sólo quiero hacer un cambio de opacidad. Simplemente presiona T en el teclado, pon un fotograma clave, avanza 15 fotogramas y luego asegúrate de que va 0-100%. Sólo decir cambio de opacidad. Entonces tal vez asistente de fotogramas clave, fácil, facilidad. Ir a la Gráfica de Velocidad. Arrástralo así. Sí, eso es bueno. Después copie estos dos fotogramas clave. Asegúrate de pegarlo en todos los puntos. Ahora todos tienen la misma animación. Al igual que un cambio de opacidad. A lo mejor es demasiado rápido. Entonces necesito saber qué es demasiado rápido, así que necesito sacarlo pedacitos para que esté ocupando todo el 1 s y volver a copiarlo, pegarlo adentro, así que todo está apareciendo en 1 s. Eso es bueno. Ahora, todo lo que tengo que hacer es escalonarlos. Yo sólo quiero que escalones esta animación para que no vayan a entrar al mismo tiempo. Intentemos hacer cuatro marcos de separación entre cada capa. Estos dos, estoy manteniendo pulsada la tecla shift para seleccionar los dos y luego asegurarme de cuatro fotogramas 1234 y luego golpea corchete cuadrado, corchete izquierdo para mover la capa a este lugar donde se encuentra el indicador de línea de tiempo. Entonces estos 21234, esto. Y entonces estoy pensando en estos dos, ¿verdad? Sí, 1234 golpeó el corchete izquierdo, muévalos 1234. Cambia estos dos. Y luego 1234. Estos dos. Después seleccione estos 212-34-1234. Quiero que esta gráfica de movimiento sea 2022 llegando último. Entonces después de que cambiemos todo, esta es la animación que obtenemos. Todo lo que hicimos fue animar el cambio de opacidad 0-100 y luego escalonarlos para que suban uno tras otro. Y eso es bueno por ahora. Volvamos a esta animación base. Una vez que tengamos esto entra y podemos mover los puntos, pre-comp hacia adelante un poco. Entonces para cronometrarlo adecuadamente. Quiero que estos gráficos en movimiento lleguen al final. Entonces como entra el último das, surgirán los gráficos en movimiento. Y esta es la animación que obtenemos. Eso es bueno Comando S para salvar el proyecto. Ya tenemos este. Eso es bueno. Y ahora solo tenemos que preocuparnos el punto en la parte superior aquí. La parte superior aquí. Podemos hacer lo mismo Comando X, cortarlo, y luego ir al comando de composición superior V, pegarlo en. Intenta alinearlo por aquí, y luego entra. Sólo cambiemos la opacidad. Simplemente anima la opacidad 0-100. Y luego copiar todo, pegar todo. Entonces todo va 0-100. Y ahora solo necesito hacer lo mismo otra vez para escalonarlos. Para hacer eso, necesito seleccionar los dos primeros y luego asegurarme de que sean los primeros que aparezcan a 0 s. y luego asegurarme de seleccionar el segundo y pasar a cero segundo, seguir adelante. 12344 marcos. Mueva estas capas a este punto aquí. El atajo con eso es corchetes a la izquierda. Puede mover la capa a donde está el indicador de línea de tiempo. Ahora necesito seleccionar el tercero. Avanzar cuatro marcos, 1234, y luego corchete izquierdo, seleccione el siguiente 21234, avance y luego corchete izquierdo, seleccione Siguiente para avanzar, 1234, y luego a la izquierda soporte cuadrado. Después seleccione el siguiente corchete izquierdo 21234 y, a continuación, seleccione los últimos 21234 corchetes izquierdos. Y ahora se puede ver la animación así. Como he hecho, la capa se acumula. Quiero que esto entre así. Bien, Genial. Eso es. Con la animación de puntos. Ahora tenemos una acumulación completa de máquinas tragamonedas Command S para guardar el proyecto. 19. Animación de mango: En este video, trabajemos en la animación de mango para la máquina tragamonedas. Volvamos a la composición del mango. Recuerden que teníamos la acumulación del mango. Pero luego después de que se acumule, quiero que el asa se deslice hacia abajo. Un mal también, al igual que alguien la empujó para que podamos revelar el nombre de la máquina tragaperras. Dentro de la máquina tragaperras. Para hacer eso, podemos ir a tal vez 2 s y luego asegurarnos para el asa en la parte superior, podemos establecer un fotograma clave de posición, presionar P en el teclado. Haga clic derecho en Dimensiones separadas. Yo sólo quiero cambiar la posición y. Así que presiona la posición de borrado, establece un fotograma clave y luego avanza. Diez marcos. Muévelo todo el camino hacia abajo así. Después de que esté siendo empujado, va a volver a subir de nuevo. Así que otros diez marcos y luego volver a moverlo hacia arriba otra vez. Así. No sólo va a cambiar este círculo, también necesito que este bar vaya con él. Así que ve a la propiedad Escala. Para el bar, necesito animar la propiedad de escala. Odio este icono de diamante aquí. Asegúrate de que tenemos un fotograma clave por aquí. Y luego cambiar la escala y a negativo 64. Y luego una vez que se complete, volver a subir al 100 nuevamente. Ahora esta es la animación que obtuve. Sin embargo, es verdadero lineal. Necesito cambiarlo y hacerlo más dramático. Seleccione los tres asistentes de fotogramas clave con el botón derecho del ratón, fácil, fácil, y luego vaya al editor de gráficos. Quiero sacar a éste. Entonces estamos en el gráfico de velocidad ahora mismo. Asegúrate de arrastrar este afuera. Veamos cómo se ve. Sí. Eso es bueno. Quiero que este asa cuelgue en la parte inferior de ahí. Entonces, para hacer una animación similar, seleccionemos estos tres fotogramas clave. Ir a este editor gráfico. Esta no es la curva. Yo quiero. Quiero una curva similar a esta de aquí. También quiero asegurarme de que el palo no sobresalga así. Entonces tal vez quiera cambiarlo manualmente. Ir cuadro por cuadro, como este punto aquí. Yo sólo quiero que sea un poco más pequeño. Eso es bueno, eso es bueno. Ese marco es bueno. Ese marco es bueno. Bien, bien, bien. Solo voy fotograma a fotograma para asegurarme de que esta estaca aquí no sobresalga. Regresa. E incluso aquí, esta parte de aquí no puede sobresalir. Tengo que moverlo hacia arriba. Y por aquí, tiene que estar conectado. Entonces voy a moverlo aquí arriba. Sí. Así que agregué un montón de fotogramas clave para asegurarme de que se están conectando. Esta es la animación que tenemos sí, eso se ve genial. Comando S guardar el proyecto. Y eso es todo sobre cómo animar este mango. En el siguiente video, vamos a animar el texto en la parte superior de la máquina tragaperras. 20. Animación de texto: En este video, animemos texto del carrete de demostración en la máquina tragamonedas. Ahora tengo el ícono de texto del carrete de demostración activado para que podamos verlo visible en la pantalla. Además, tengo el botón Solo activado, así que solo estamos viendo estas cuatro capas que han sido soladas. Necesito hacer clic en esta capa de carrete de demostración y luego Comando X y soltarlo en la máquina tragaperras superior pre-comp Comando V. Asegúrate de tener la oscilación apagada. Entonces quiero posicionar este carrete de demostración por aquí. Ahora, en este caso, podemos animar esta capa de textos de carrete de demostración. Quiero mostrarte una manera muy divertida y fácil de que puedas animar texto en todos los escenarios. Este es el método número uno para mí cuando animo cualquier tipo de texto que necesite ser divertido y Toro de carácter. Entonces para hacer eso, vayamos a la propiedad de posición. Pulsa P en el teclado, haz clic con el botón derecho en Separar Dimensiones, y luego podemos hacer la animación solo en la posición y. Adelante 15 cuadros, 112345. ¿Sabes qué? Creo que también podemos solo este porque no tenemos que ver el fondo. La parte superior de la máquina tragaperras, un solo, este solo. Luego agrega un fotograma clave en la posición Y, vuelve a 0, s, muévelo hasta abajo. Entonces toda la animación es que viene este texto. Quiero agregar algunos rebasamientos como este. No tuve mejor rebasar y rebotar así. Sí, eso se ve bien. Y luego haga clic derecho en asistente de fotogramas clave, fácil, facilidad. Ir al Editor de Gráficas. Vamos a asegurarnos de agregar algo de energía a nuestra animación. Donde en el gráfico de velocidad ahora mismo, solo arrastra una forma como esta. Entonces eso va a darle más velocidad a nuestros movimientos, pero no demasiada velocidad. Veamos cómo se ve. Entonces necesito cinco fotogramas de este fotograma clave a este fotograma clave y luego 1234. Sí, eso se ve bien. Necesito retroceder un poco estos tres fotogramas clave. Algo así. Sí, me gusta la energía de esta animación. Eso se ve bien. Eso es lo que quiero. Y luego lo siguiente que quiero hacer, quiero separar cada letra individualmente. Para ello, necesito duplicar las capas 1234567 veces. Así que golpea la capa y luego duplica Comando d1234567. Ahora tengo ocho capas de éste solo elementos. Ahora vamos a dar clic en la primera capa, ir a la forma rectangular, dibujar la d, y luego dar clic en la siguiente, dibujar la E, y dar clic en Siguiente, dibujar la M. Haga clic en la siguiente, dibuje el 0. Haga clic en el siguiente, dibuje la R. Haga clic en el siguiente. Básicamente estoy separando cada letra. Entonces cada una de las capas, es consta de sólo un litro. Ahora bien, si apago y luego si solo cada una de ellas, se puede ver que la primera capa es sólo una letra D, y luego la segunda capa es la una letra E. Cada capa es sólo una letra. Lo siguiente que quiero hacer es ir a 0 s y luego seleccionarlos todos. Quiero cortar la capa a un solo fotograma. Entonces con el indicador de línea de tiempo a una, a 0 s, con toda la capa seleccionada, voy a hacer clic en una opción de atajo de teclado, corchete derecho en PC también está respire corchetes. Ahora todo se mantiene a un solo cuadro. Y luego asegúrate de seleccionar primero el último, mantén presionado, Mayús, selecciona el superior. Tienes todo seleccionado. Haga clic derecho, vaya al asistente de fotogramas clave, vaya a la capa de secuencia y luego haga clic en, Bien. Ahora tengo una capa de secuencia que está saliendo en pantalla, con un fotograma aparte. Solo necesito arrastrar la parte trasera de cada capa y luego arrastrarlas hasta el final para que estén ocupando todo el espacio. Ahora, juguemos la animación y veamos qué tenemos. Eso es exactamente lo que estoy buscando. Es muy divertido, animación de textos con resorte. Lo siguiente que quiero hacer es seleccionar todas las capas. Comando Shift C para crear una precomposición llamada demo reel, pre-comp, o incluso solo demo reel. Haga clic. Bien. Y a continuación lo que quiero hacer, recuerda la lección Track Matte que enseñamos antes. Solo necesito un track mates para controlar la visibilidad de esta capa. Básicamente, lo que necesito hacer es dibujar un rectángulo, ir a la herramienta rectángulo y luego dibujar un rectángulo. Ahora, ya no quiero seguir solo estos. Solo quiero asegurarme el rectángulo esté en la parte donde quiero que el carrete de demostración sea visible cuando la parte superior de la máquina tragaperras dejó de construirse. Esta es una parte que quiero que el carrete demo sea visible. Y luego con el rectángulo en la parte superior del carrete de demostración, necesito hacer clic en este track matte, configurarlo en alpha matte. Ahora tengo un Alpha Matte que controla la visibilidad de la capa de carrete de demostración. Juguemos la animación y veamos cómo se ve. Necesito mover estas dos capas todo el camino de regreso. Entonces, cuando la máquina tragaperras se acumula, ahí es cuando quiero que la demo Rio empiece a animarse así. Sí. Esta es la animación que me sale. Pero nuestra capa de forma no es lo suficientemente grande. Entonces quiero golpear S en el teclado, tal vez hacer esta capa de forma más grande. Muévelo un poco hacia abajo. Quizá hasta un poco más grande. Sí. A ver si funciona. Así que tenemos esta demo reel springy texts animación en la parte superior de la máquina tragaperras. Tan lleno de energía. Eso es bueno. Eso es exactamente lo que estoy buscando. Volvamos a la comp principal y veamos cómo se ve. Eso es todo para esta lección, puedes usar este tipo de animación de textos divertidos en cualquier tipo de texto que quieras. Esta es también mi animación de texto número uno o lo que sea. Necesito hacer algo divertido y escurrible. En la siguiente clase, Vamos a trabajar en la animación de nombre en la máquina tragaperras. 21. Animación de nombre: En esta clase, vamos a animar la animación de nombre en la máquina tragaperras. Vamos a encender mi capa de nombre por aquí que se llama hong shu. Asegúrate de tener seleccionado el icono de aislamiento. De lo contrario, no va a aparecer. Entonces quiero moverlo todo el camino hasta aquí. También quiero cortar este pre-comp y pegarlo en la precomposición de la máquina tragaperras base. Entonces Comando X cortó y luego ir a la base y luego Comando V. Haga clic en este icono de aislamiento. Ahora tenemos todo dentro esta composición ahora que podemos cronometrar las cosas adecuadamente. Como pueden ver, mi nombre es bastante largo. Si tienes un nombre más corto, puedes usar la plantilla que proporcioné dentro del archivo para usar una versión más corta de esta sección media para que también tengas tu nombre en la máquina tragamonedas. Para esta animación de nombre, necesito entrar dentro de esta precomposición de calzado casero. Y quiero hacer esto lo más sencillo posible. Entonces básicamente, solo voy a animar una de ellas primero y luego simplemente reemplazaré la misma animación por todas las demás letras para que sea simple, vamos a animar esta h primero. Acercar. Para que la H sea editable, quiero poner en la H yo mismo. Entonces pongamos una H con una capa de texto y luego hagamos más pequeñas. La fuente que estamos usando aquí se llama ir al panel Character. Si no lo tienes, ve a Windows y luego selecciona el carácter. La fuente que estamos usando aquí se llama knockouts. H t, f 69, pesos ligeros completos. Así que selecciona este y luego asegúrate de que tenemos el color amarillo. Y también tenemos un ligero contorno de color negro. Solo quería ver si nuestro esquema está por ahí. Sí. Incluso un contorno de color gris. Este es un código de color. Entonces el contorno es en realidad un píxel. Y luego asegúrate de que tenemos el punto de anclaje en el centro, haz clic con el botón derecho en Transformar Centro Punto de Ancla en el contenido Solo quiero asegurarme de que esta H sea tamaño similar al que tengo en el tablero de arte. Sí, eso es todo. Eso es bueno. Y esta es mi h. ahora puedo borrar esto por ahora. Voy a usar éste solamente. Anima esto. Necesito copiar esta H, duplicarla, comando D, y luego moverla arriba. Y luego Comando D, muévelo otro arriba, y luego tal vez el Comando D mueva otro en la parte inferior. Entonces para h en los alfabetos, los que van a ser después de h van a ser, va a ser, quiero mantenerlo en el centro así. Y luego tenemos a G, F. Eso se basa en nuestro orden alfabético. El FGH. La forma en que queremos animar esto es que queremos simplemente animar la H y luego tener estas tres capas padre a la H. Así. Vamos a probar la propiedad de posición. Pulsa P en el teclado, haz clic con el botón derecho en Dimensiones Esta es la posición final de la h. Por cierto, quiero establecer un fotograma clave para la posición final. Adelante, 15 cuadros, 12345. Esta es la posición final y luego la posición inicial original. Quiero que la f esté ahí. A lo mejor. Esa es la posición original. Cuando alguien empujaba el asa de la máquina tragaperras, quería empezar a rodar. Así que adelante dos cuadros. Antes me mudé hacia arriba. Quiero que baje primero para anticiparse a los movimientos así y luego subir. Ahora, quiero que se mueva demasiado así y vuelva. La animación así. ¿Ves eso? A ver si eso va a funcionar. Haga clic derecho. ¿Sabes qué? Tecla de función F9. Fácil, facilidad. Ir al editor de grafos. Arrastre alguna gráfica de velocidad para asegurarse de que tiene algo de energía. A ver si esta animación va a funcionar. Esta es nuestra animación por ahora, volvamos a la base. Mueva este más allá. Tenemos este que surge. Para mostrar la animación solo dentro de estos cuadraditos, recuerden, necesitamos agregar un mate alfa. Entonces básicamente, necesitamos dibujar otro rectángulo de tamaño similar a estos pequeños botones en el centro. Y luego asegúrate de poner la capa hong shu tapetes alfa. Veamos si la animación va a funcionar para la primera. Sí, creo que funciona. Eso me queda bien. Comenzar seguro y luego ir a casa zapato. Otra vez. Lo que tengo que hacer es seleccionar el comando de cuatro capas Shift C. Asegurarme de que tengo una composición llamada H. Y luego dar clic Bien, esta va a ser mi primera composición. Y luego haga clic derecho en ir a revelar la fuente de capa en los proyectos. Esta es nuestra composición h. Lo siguiente que debo hacer ya que necesito duplicar esta composición y luego asegurarme de tener un par de diferentes por aquí para representar las diferentes letras a mi nombre. Ahora vamos a duplicar la composición de edad pre-comp en el panel del proyecto. Vamos a hacer duplicación comando D. Y entonces tenemos esto mientras lo nombramos como 0. Y luego hagamos otra duplicación. puede poner consiguió un n y luego Comando D, renombrarlo a G. Y luego Comando D, duplicado, permanecer a S. Y luego Comando D duplicado a H2, y luego Comando D duplicarlo a usted. Ahora tengo todas mis cartas dentro de mi panel de proyectos. Ahora lo que tengo que hacer es solo necesito arrastrar todos estos. Tengo el OH aquí y luego arrastre el OH por aquí. Y luego tenemos, veamos el final. Ponlo aquí, arrastra el final por aquí. Y luego la G, ¿dónde está mi tracto GI? El dao GI. Pon la G por aquí, directamente, S abajo. Pero la S de ahí, arrastra el H2 hacia abajo. Pon este por aquí, y luego el último es que te arrastras con este de aquí. Ahora tenemos todos nuestros nombres. Solo necesito eliminar todas estas capas de ilustrador. Y se puede ver que son todos iguales. Pero necesito cambiar, ir dentro de cada composición y cambiar la letra, ¿verdad? Entonces para este va a ser el 0. Y si quieres hacer el orden alfabético, puedes hacer el 0 y luego el p y M y 0, ¿verdad? Tú esto y luego regresas a la casa Shu. Para éste, podemos cambiarlo hasta el final. Y entonces para éste va a ser el g. Si quieres hacer el orden alfabético, está bien. También puedes hacer como una letra aleatoria también si quieres. Entonces, mientras tengas el nombre por aquí, dice hong shu por aquí, debería estar bien. Así que voy a cambiar los necesarios por aquí. El último va a ser la u de aquí. Ahora bien, si toco la animación, están todos subiendo al mismo tiempo. No obstante, esto no es lo que quiero. Quiero que se tambaleen un poco. Entonces lo que quiero hacer es que a lo mejor pueda arrastrarlos, escalonarlos. A ver. Cuando los escaloné, ¿qué pasa en el exterior? Sí. Todavía quiero que las letras estén encima de las cuadras. ¿Correcto? No quiero que aparezca la carta. De repente. Creo que la aleatoriedad funciona en este caso. Me gusta lo aleatorias que son. A lo mejor lo que quiero hacer es darle más marcos para que todos se acerquen en el momento diferente. Tal vez darles más aleatoriedad. Déjenme darle más aleatoriedad. Déjame ver cómo se ve ahora. Esta es una aleatoriedad que me gusta. Entonces necesito retrasar la animación dentro de la composición. Digamos que si retraso la animación por 1 s, entremos en cada composición y luego seleccionemos todas ellas. Golpea U en el teclado. Retraso. Esta animación. El inicio de los fotogramas clave a partir de dos segundos. Askew, lo mismo que cambiar todo el fotograma clave a 2 s. 2 s. Volver a la G, a la n. Solo hay que asegurarse de que no están animando desde el principio. Entonces estoy cambiando todo a dos segundos. Haga doble clic en éste, cámbielo a 2 s. Bien, eso es bueno. Entonces todos están animando desde dos segundos. También quiero asegurarme de que no haya mucha F por ahí. No puedo usar tantos F. Así que este lo ha cambiado a w. W lo ha cambiado para ver que hay demasiada F pasando. Se ha cambiado a k. Sí, volvamos a la base. Entonces, cuando entran, tenemos esto así. Este es también el tema del cronometraje. Tenemos que cronometrarlos adecuadamente para asegurarnos de que la letra central entre primero. Entonces esta va a ser la G va a ser la primera que entre. Entonces la S va a ser así. Este entra. Este entra. Sí. Algo así. Tratemos de ver si eso funciona. Sí, eso funciona. Entonces eso es lindo. Entonces a medida que entra la sangre, tenemos la carta entrando y luego después de 2 s, empieza a animarse. Volvamos a ver qué pasa por aquí. Sí, eso funciona. Y así es como hacemos el centro llamado animación. En la siguiente clase, agreguemos algunos elementos extra en la máquina tragaperras. 22. Animación extra: En esta clase, menos animación de máquina tragaperras de tiempo a la transición y además añadir algunos elementos extra, animación extra en la máquina tragaperras para hacerla más divertida. Si apago el icono de solo aquí, podemos ver toda la animación pasando. Entonces solo necesitamos cronometrar la máquina tragaperras con el fondo una vez que tengamos la transición sucediendo. Y entonces ahí es cuando tenemos la máquina tragaperras entrando. Podemos moverlos un poco hacia adelante para que ocurra la transición y luego tenemos la máquina tragaperras que viene en la construcción. Y luego tenemos los textos del carrete demo, y luego tenemos la animación del nombre. Ahorremos y veamos cómo se ve. Así es como cronometramos. Se. Solo necesitaría hacer avanzar todo, la animación de la máquina tragamonedas adelante de vez en cuando y con la transición. Eso es lindo. Otra cosa que quiero hacer es que quiero agrupar todas estas tres capas de la máquina tragaperras Command Shift C para hacer una nueva composición llamada máquina tragaperras. Para saber por dónde empieza, quiero cortar esta opción de capa corchete izquierdo por aquí. Ese es el momento en el que las máquinas tragaperras empiezan a entrar en escena. A continuación, quiero agregar algunos elementos extra en la máquina tragaperras para que sea más divertida. Intentemos un cambio de posición para golpear P en el teclado y luego ir a dimensiones separadas. Entonces esta va a ser la posición final de la máquina tragaperras cuando se acumule. Entonces quiero agregar un fotograma clave de posición Y. Pero desde el principio, tal vez solo quiera que vaya desde abajo allá y luego aparezca como si estuviera siendo arrojado a la escena. Entonces en este punto aquí, quiero que llegue todo el camino para que surja mucho así. Entonces, desde fuera de escena, sube demasiado y luego aterriza en medio de la pantalla. Vamos a hacer clic con el botón derecho en los tres fotogramas clave. Asistente de fotogramas clave, Fácil, Facilidad, y luego vamos al Editor de Gráficas. En este caso, quiero usar el gráfico de valores ha golpeado Gráfico de valor y luego ajustar la gráfica para ver. En este caso, quiero tener más de un efecto trono. Quiero que la máquina tragaperras sea arrojada a la escena y luego tal vez aterrice en el centro. Acelerando así, una curva como esta. Y entonces tal vez rebote 12345, equilibrado un poco, mantenga presionado el comando, agregue un fotograma clave por ahí. Entonces lo que hice es que puedo agregar fotogramas clave en el editor de grafos. Ahora, tengo este indicador de línea de tiempo a los 3 min, 3 s, 17 fotogramas. Y entonces puedo mantener presionado el comando, agregar un fotograma clave por aquí. Y así es como se agrega un fotograma clave. En el editor de grafos. Quiero arrastrar estas curvas, asegurarme de tener una animación equilibrada para mi máquina tragaperras. Adelante tres fotogramas, tal vez agregue otro rebote, solo asegúrate de arrastrar estos, solo asegúrate de arrastrar estos mangos. Entonces si el mango no se rompe, solo mantén presionado. La clave de opción va a romper el mango. Esto es lo que quiero. También quiero que la máquina tragaperras cuelgue en el aire por aquí. Entonces sí, creo que este tipo de curva funciona mejor. Si tengo la curva así, quiero que la máquina tragaperras se ensarten en el aire y también cuelgue un poco en el aire y luego se deje caer con los límites en el centro. Algo así. Ahora mismo, es un poco demasiado dramático. Quiero que el equilibrio sea más sutil. Redujamos un poco el tamaño de la balanza y veamos qué pasa. Sí, eso funciona mejor. Creo que Comando S para guardar y luego Shift R. También quiero agregar una rotación. Entonces, cuando la máquina tragaperras se lanza al aire, va a girar primero así. De un grado negativo de 30. Lo escribí así. Y entonces va a rotar de esta manera. Y tal vez hacer algunos rebasamientos. Y luego 30 arrojados al aire, giros, rebasamiento de tierra, equilibrio un poco. Vamos al Editor de Gráficas, asistente de fotogramas clave, facilidad fácil vamos a este editor de grafos y luego arrastramos un poco estas curvas para darle más energía. Como dije, no quiero adentrarme demasiado en la curva en esta clase porque esta es una clase para principiantes. Puedes, estos son fotogramas clave muy simples que puedes hacer y seguir si quieres saber más sobre el Editor de Gráficas y cómo hacer que tu animación sea realista. Dale vida a tu animación. Puedes consultar mi otra clase sobre editor de grafos, como usar Speed Graph, como usar el grafico de valores para darle vida a tus movimientos. Entonces esa va a ser una clase más profunda y podrás aprender de ella. Por ahora. Solo estamos tocando base sobre cómo usar el editor de gráficos en un escenario sencillo como este. Entonces esta parte es un poco rara. Tal vez tenga que ajustarme así. O puedo borrar esta. A ver. Sí, creo que eso funciona. Se ha tirado hacia arriba y luego y luego sale así y luego cae, rebota un poquito. Y luego así, eso es lo que me gusta. Eso es bueno. La animación de rebote es buena. Y luego tenemos el carrete de demostración que aparece en cuanto alguien empuja el mango. También quiero que todo se menee un poco. Entonces todo lo que necesito hacer es traer a colación la escala y la rotación, cambiar S, establecer un fotograma clave en escala y establecer un fotograma clave en rotación. Adelante, tal vez 123455 cuadros, y luego negativo 512345, positivo 512345. Así que solo quería moverme de un lado a otro. Veamos cómo se ve. Es demasiado sutil. En lugar de cinco negativos, hagamos diez negativos. Entonces mastican cinco, tal vez cinco cuadros. Entonces básicamente estoy haciendo una rotación de ida y vuelta de diez negativos a cinco positivos y diez negativos a cinco positivos. Y necesitamos acercar estos fotogramas clave, seleccionarlos todos y luego mantener presionada la opción, acercarlos para que el meneo sea más dramático. Sí. Y luego después de los cinco positivos harían otro diez negativo, luego volver a bajar a cero. Vamos a probar esto. Sí, eso funciona. Tenemos el meneo cuando alguien empuja el mango. Ahora, no solo queremos el meneo, también queremos que la máquina tragaperras crezca más grande así. Y entonces queremos que la máquina tragaperras se reduzca al 100% así. Eso es bueno. Y entonces todo lo que necesito hacer es agregar una facilidad fácil ir al Editor de Gráficas. Asegúrate de que esta vez estamos en el gráfico de velocidad. Haz esto. Cambiar el gráfico de velocidad a una curva como esta? ¿Sabes qué? Quería colgar un poco en el centro. Entonces es por eso que necesito, necesito arrastrar esta curva hasta el final y luego arrastrar esta curva hasta el final en el gráfico de velocidad, se asegura de que tenga la flexibilización más extrema. Esto es una facilidad extrema. Ves en el medio aquí es como una curva súper plana. Así que conseguimos una flexibilización muy extrema a esa curva. Ya veo lo que parece. Sí, eso es bueno. ya lo tenemos. Ahora vamos a previsualizar la animación con la animación extra de la máquina tragaperras. Tenemos esa máquina tragaperras de transición que viene, se acumula, y luego lo tienes. Bien, eso se ve bien. Eso es todo con esta clase. En la siguiente clase, te voy a enseñar a animar las estrellas, como en la animación secundaria. 23. Toque final: En esta clase, animemos los elementos finales de la escena, que son las estrellas. Vamos al panel Capas y encendemos estas dos estrellas. Tenemos dos estrellas en la escena. Lo que podemos hacer es muy sencillo. Sólo podemos animar a estas dos estrellas. Póngalo fuera de aquí, y luego haga una rotación. Establezca un fotograma clave en la parte delantera. Y luego hagamos como redondear la rotación completa. Veamos qué tan rápida es la rotación. Sí, eso se ve bien. Pienso como dos o tres vueltas de rotación completa. A lo mejor es demasiado rápido. Entonces intentemos mantenerlo en dos rotación completa y luego haga doble clic en la palabra de rotación aquí para seleccionar los dos fotogramas clave. Comando C, copie y luego vaya a star un comando V, péguelo. Ahora tenemos las dos estrellas rotando todo el tiempo. Y luego solo necesito poner la primera estrella debajo de esta máquina tragaperras de aquí. También quiero animar un cambio de escala para sacarlos a colación. Entonces Mayús S para la escala, agrega un fotograma clave Hacia atrás 15 fotogramas y luego a cero, así que va a ser 0-100 y luego seguir rotando. Similar a éste. Quiero que este venga por aquí. Simplemente pego en el fotograma clave de rotación que copié de la estrella uno. Y luego ahora tenemos dos estrellas rotando. Veamos cómo se ve. Llegamos a la transición y luego empieza a entrar. Ahora que estoy pensando que los fondos distraen un poco. Siento que después de armar todo, siento que el fondo me distrae un poco. Intentemos agrupar a estos tres juntos. Shift de Comando C para cartera. Y entonces lo que puedo hacer es cambiar la transparencia, presionar T en el teclado, cambiarlo de nuevo, tal vez cambiarlo al 50%, o tal vez cambiarlo al 75%. Simplemente no quiero que los antecedentes distraigan demasiado. Sí, creo que eso funciona mejor. Y conseguimos que las estrellas giraran lo cual no es interferido por el fondo. Verás, no le puse ninguna flexibilización a estos dos cambios de escala que lo hacen muy lineal. Ahora quiero hacerle una facilidad fácil. Y asegúrate de ir al Editor de Gráficas. Selecciono el gráfico de velocidad y luego cambio la curva a algo así. Entonces hay más energía en tu animación. Dale más velocidad. Sí, creo que esta vez debería verse mejor cuando aparece. Debería tener algo de energía para ello. Otra cosa si quieres hacer, si quieres ser padre estas dos estrellas, elige la máquina tragaperras. Entonces, cuando la máquina tragaperras se hace más grande, la estrella también es más grande. A ver si eso funciona. A lo mejor. Bien, esa es nuestra animación completa. Vamos a agregarle algo de sonido y echarle un vistazo. Simplemente haga doble clic en el panel de proyectos de aquí y luego vaya a nuestra carpeta de música. Dale a esta música, haz clic en Abrir y luego arrastra la música a la línea de tiempo. Escuchemos la música. Se puede ver cómo se ve. Podemos cambiar quizá el nivel de audio a diez negativo para que no sea tan ruidoso. Y luego al final, podemos desvanecerlo lentamente a 50. 50. Esta va a ser nuestra animación completa. Ahora echemos un vistazo a nuestra animación final. 24. ¡Felicitaciones!: Felicidades por terminar este curso no es un curso fácil, pero ahora lo has logrado. Ahora deberías tener una gran comprensión de los efectos posteriores y cómo animar dentro del software. Este es un gran primer paso. Desde aquí, espero que puedas terminar tu proyecto y subirlo a la sección de proyectos de este curso para compartirlo con tu compañero de estudios y obtener algunos comentarios. Espero que te hayas divertido mucho aprendiendo esta clase y te sientas seguro ahora con este programa, mi objetivo para este curso es darte una gran visión general y una idea de cómo es trabajar un proyecto de animación dentro de After Effects. Y te dará confianza con este programa y te inspirará a aprender más sobre animación motion graphics en general. Por favor, ve a ver mis otros cursos. También tengo otras clases sobre temas como flujo de trabajo profesional entre Illustrator a After Effects, cómo hacer videos explicativos, cómo hacer animación stop-motion, y también cursos I principios de animación, que es lo más importante si alguna vez quieres convertirte en un animador profesional. De nuevo, gracias por tomar esta clase y si me pueden dejar una reseña, será muy apreciada. Si tienes alguna duda pasando por la clase, no dudes en preguntarme, y estoy aquí para responder a todas tus preguntas y darte orientación en el camino. Muchas gracias por tomar este curso y espero verles en el próximo. 25. ¡Grandes noticias!: Disfruta de esta clase y ahora confía en los efectos posteriores para explorar diferentes tipos de animación. Si quieres entrar en la industria del diseño en movimiento o acelerar tu carrera y hacer un gran avance. Ahora estoy ofreciendo habilidades compartidas sesiones de coaching uno a uno donde puedes reservar una videollamada directa conmigo para guiarte a través del proceso y responder a todas tus preguntas sobre la industria y el tiempo potencial de trayectoria profesional para aprovechar mis diez años de experiencia en la industria, para acelerar tu progreso y brindarte una hoja de ruta clara de cómo tener éxito en esto industria de rápido crecimiento y gratificante. Ahora estoy ofreciendo dos tipos de sesiones de coaching. Número uno, es para principiantes que vienen de otras industrias con poco bagaje en animación y quieren irrumpir en el mundo del motion design si te tomas en serio aprender motion design y quieres trabajar como animador profesional, esta convocatoria está diseñada para ayudarte Cambié del diseño gráfico al diseño de movimiento hace unos diez años y al instante más que duplicé el salario con el cambio de título. Trabajando con clientes de primer nivel mientras disfrutas del trabajo, cubriremos temas como perspectivas de la industria y quién está contratando, trayectoria profesional potencial y expectativas salariales, tus metas y cómo llegar allí. Cómo armar tus preguntas y consejos de carrera de portafolio si estás comprometido y listo para lanzar tu carrera en diseño de movimiento y obtener 65,000 ingresos iniciales con el potencial de subir hasta 130,000 en un par de años Te ahorraré tiempo y esfuerzo y te mostraré la forma más rápida y sencilla de llegar a tu objetivo. número dos es para alguien que ha estado en la industria del diseño de movimiento y desea hacer el avance, cubriremos cómo acelerar su crecimiento y alcanzar el siguiente nivel. La mayoría de las veces cuando veo que los diseñadores de movimiento luchan es porque se enfocan en lo incorrecto en su viaje y eso resulta en horas desperdiciadas y esfuerzos y frustración. Nos centraremos en lo que es realmente importante para el siguiente nivel y cómo puedes aprovechar la oportunidad para avanzar en tu carrera. Cubriremos temas como tus objetivos de siguiente nivel. Cómo destacar entre tus competidores. Cómo construir una fuerte presencia en línea. Cómo conseguir clientes inbounding sin mirar. Revisión de cartera Blueprint para llegar al siguiente nivel. Asesoría de carrera y freelance. Si estás listo para avanzar tu carrera al siguiente nivel y ganar clientes más grandes y tener un mayor impacto, haz crecer tu negocio freelance. Hablemos y te mostraré todas las posibilidades y exactamente cómo puedes alcanzar tu máximo potencial. Así es como con la sesión uno a uno, solo hay cuatro plazas limitadas disponibles por cada mes. Puedes dirigirte a mi perfil y reservar una llamada conmigo. No olvides unirte a nuestra comunidad de discurso y seguirnos en el canal de Youtube para obtener más tutoriales y contenido de diseño de movimiento. Eso es todo por ahora. Te veré pronto.