Cualquiera puede animar en Adobe After Effects: movimientos de IsomeTRICK | Kyle Aaron Parson | Skillshare

Velocidad de reproducción


1.0x


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

Cualquiera puede animar en Adobe After Effects: movimientos de IsomeTRICK

teacher avatar Kyle Aaron Parson, Graphic Designer and Illustrator

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.

      Movimientos de IsomeTRICK

      2:26

    • 2.

      ¡Te damos la bienvenida a la clase!

      2:11

    • 3.

      Configuración de After Effects

      4:37

    • 4.

      Configuración de archivo de Illustrator para animación

      4:18

    • 5.

      Personalizar tu ilustración

      3:31

    • 6.

      Introducción a After Effects

      2:40

    • 7.

      Mate de seguimiento: ¿qué es eso?

      3:02

    • 8.

      Movimiento con fotogramas clave

      5:59

    • 9.

      Anima tu ilustración

      2:24

    • 10.

      Crea animaciones fluidas con facilidad

      5:12

    • 11.

      Expresión para bucle

      5:55

    • 12.

      Automatiza tu animación con expresiones

      5:41

    • 13.

      Sincronización de animaciones con música mediante marcadores

      4:45

    • 14.

      Creación de tu carrete de motion graphics

      13:00

    • 15.

      Exportar tu animación

      5:08

    • 16.

      ¡Gracias! ¡Fiesta muy bien!

      1:40

    • 17.

      Lección extra: Apuesto a que creías que habíamos terminado

      7:46

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

Generado por la comunidad

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

137

Estudiantes

3

Proyectos

Acerca de esta clase

En este curso introductorio a Adobe After Effects aprenderás "Oye, nunca antes abrí el programa..." a "¡Oye! Abrí el programa y hice algo". After Effects es una herramienta poderosa con tantas herramientas y funciones que, a veces, puede ser abrumadora. Créeme, me ha pasado, me dio miedo abrir el programa, pero cuando aprendí algunos conceptos básicos, ¡fue muy divertido! En esta clase voy a quitar la cortina y compartir contigo cómo cualquiera puede animar. Empezaré poco a poco y te mostraré la interfaz, centrándome en las áreas clave que debes saber para empezar a reducir After Effects a lo básico. Cómo desarrollar gradualmente tu comprensión para animar propiedades de transformación simples. Aprenderás formas simples de enmascarar objetos mediante el uso de mates de seguimiento, asociando capas diferentes y aprenderás algunas expresiones básicas. Al final del curso habrás creado tu propio GIF animado y un carrete de gráficos en movimiento corto.

Lo que aprenderás:

  • Conjunto de archivos de Adobe Illustrator para animación en After Effects
  • Importar y exportar archivos en After Effects
  • Cómo jerarquizar capas
  • Cómo usar el mate de seguimiento en After Effects
  • Las 5 propiedades clave de la animación
  • Animaciones de encuadre clave en After Effects
  • Animaciones en bucle con expresiones
  • Construir composiciones de múltiples capas
  • Edición de música con marcadores
  • Navegación y edición de la línea de tiempo en After Effects

¡Y mucho más!

Se te proporcionará un archivo de Adobe Illustrator listo para la animación para que puedas entrar en After Effects de inmediato y empezar a animar. También recibirás archivos de ejemplo y archivos de práctica para poner en práctica algunas de las lecciones y obtener un lugar para jugar y experimentar.

Después de tomar este curso, si aún quieres aprender más sobre After Effects, te animo a que tomes más clases. Cuanto más te sumerjas en el programa, más fluidez tendrás y más divertirás creando tus propias animaciones.

Un viaje de mil millas comienza con un solo paso. No pienses que tienes que saber todo o que tienes que hacer algo enorme para progresar, incluso un pequeño paso adelante está más cerca de lo que estabas ayer. Y podría ser mejor hacer algo pequeño: si intentas intentar algo tan grande, puede que te sientas abrumado y ese sentimiento puede frenarte de avanzar, un pequeño paso te motiva para dar el siguiente, el siguiente, y el siguiente.

Así que, considéralo como tu primer paso en Adobe After Effects.

Si quieres aprender a personalizar ilustraciones isométricas como la que se usó en la clase, ¡echa un vistazo a mi clase IsomeTRICKS! Métodos creativos para desarrollar ilustraciones isométricas atractivas. Luego puedes divertirte creando tu propia ilustración personalizada para animarla en After Effects.

¡Vamos a crear y animar!

__________

¿Quieres seguir aprendiendo conmigo?

Para aprender ilustración vectorial en Adobe Illustrator, consulta esta ruta de aprendizaje oficial de Skillshare:

Lanza tu viaje con la ilustración vectorial en Adobe Illustrator

  • Ilustración vectorial para principiantes
  • Clase magistral de construcción de formas
  • Herramienta Pluma Más
  • Ilustración vectorial en Adobe Illustrator

Para aprender los fundamentos del diseño gráfico y Adobe InDesign, consulta esta ruta de aprendizaje oficial de Skillshare:

Pasar de principiante a intermedio en Adobe InDesign

Los cursos prácticos de diseño gráfico incluyen:

  • Aprender los fundamentos del diseño gráfico
  • Crea documentos hermosos
  • Diseño de alto volumen

Estoy tan emocionada de estar en este viaje creativo contigo, no dudes en comunicarte con nosotros en los paneles de discusión de las clases si tienes alguna pregunta. ¡Siempre estamos aquí para ayudar!

Si disfrutas la clase y quieres seguir aprendiendo conmigo, considera la posibilidad de seguirme en Skillshare o en Instagram @kyle.aaron.art

Te deseo todo lo mejor en tu viaje creativo,

Conoce a tu profesor(a)

Teacher Profile Image

Kyle Aaron Parson

Graphic Designer and Illustrator

Top Teacher
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. Movimientos de IsomeTRICK: He estado enseñando en Skillshare durante unos cuatro años produciendo muchas clases de Ilustración y diseño gráfico Algunas de las cosas más agradables en el proceso de creación de clases son las secuencias de títulos cortos que consigo crear. A través de estas secuencias , puedo añadir un poco de animación. Aunque son solo unos segundos, tienen un gran impacto. Oigan, chicos, mi nombre es Kyler y Parson, y no soy un experto en motion graphics Espera. ¿Debería decírtelo? Oigan, chicos, mi nombre es KylernParson. Soy diseñadora gráfica, ilustradora y maestra de primer nivel aquí en Skillshare, y no soy un experto en motion graphics Oye, pero uso After Effects todo el tiempo, y eso significa que tú también puedes, aunque no seas un experto. Vengo de un fondo de ilustración. After Effects es una herramienta poderosa con tantas herramientas y características, y a la vez, puede resultar abrumadora Y, créeme, he estado ahí. Tenía miedo de abrir el programa, pero cuando aprendí algunos de los conceptos básicos, fue muy divertido. En esta clase, voy a tratar de quitar el telón y compartir con ustedes cómo cualquiera puede animar. Comenzaré pequeño y te mostraré la interfaz, enfocándome en áreas clave que debes conocer para comenzar, construyendo gradualmente tu comprensión para animar propiedades de transformación simples Aprenderemos formas sencillas de enmascarar objetos usando esteras de pista, crianza de diferentes capas y aprenderemos algunas expresiones básicas. Este será un curso introductorio a los efectos posteriores. Eso te llevará de Tengo un poco de miedo de abrir el programa también. Oye, soy un maestro diseñador gráfico en movimiento que puede animar cualquier cosa Quizá no eso, pero al menos al final de esta clase, animarás una cosa A través de nuestro viaje hacia After Effects, ayudaré a explicar algunas de las herramientas clave para agregar movimiento a ilustraciones desde el archivo configurado en Adobe Illustrator hasta la importación y animación de propiedades clave Habrá lecciones secundarias para ayudarte a entender lo que está pasando y por qué estamos usando las herramientas que estamos usando. No tienes que ser un experto para hacer cosas divertidas. No necesitas un curso de diez horas. Todo lo que necesitas es un poco de tiempo y después de los efectos, supongo. Sí, probablemente necesites después de efectos para aprenderlo. Así que asegúrate de tener eso. Entonces, si estás listo para ponerte en marcha, te veré en clase. 2. ¡Te damos la bienvenida a la clase!: Él Hola, chicos, bienvenidos a clase. Para esta clase, crearemos un regalo animado sencillo, así como un rápido y contundente de seis segundos real Todo usando la misma animación Para esta clase, necesitarás Adobe Illustrator y after effects, así como Adobe Media Encoder para la exportación final. Tendremos un archivo de Illustrator personalizable para que puedas agregar algunos toques personales a tu proyecto de clase. Entonces, una comprensión básica de Adobe Illustrator es definitivamente útil. Te daré una breve introducción a los efectos posteriores, mostrándote la interfaz y algunas de las ventanas clave que usaremos. A lo largo de nuestro viaje en el aprendizaje después de los efectos, habrá muchas lecciones para ayudarlo a comprender las herramientas que usaremos para crear nuestro proyecto de clase y obtener comprensión básica de cómo funcionan las cosas. Todos los archivos así como los archivos del proyecto de clase, y mi archivo final de Adobe After Effects estarán disponibles para descargar en los recursos de la clase. Para que puedas hacer referencia y aprender de ello. Recomiendo encarecidamente descargar e imprimir los movimientos isométricos atajo de teclado, hoja de trampa Para que lo puedas hacer referencia a medida que avanzamos por la clase. Familiarizarte con los atajos de teclado te ayudará a navegar y acelerar tu flujo de trabajo en los efectos posteriores. Tener la hoja de referencia disponible te ayudará a comenzar a construir el hábito, y te ahorrará mucho tiempo medida que avanzas en los efectos posteriores. Esta clase tocará muchas partes de los efectos posteriores en un período de tiempo relativamente corto. Aunque a veces puede resultar abrumador, siéntase libre de hacer una pausa o volver a ver una lección para asimilarla por completo antes de continuar O puedes ver a través toda la clase y obtener una visión general de lo que haremos en la clase y luego regresar y referencia a las secciones con las que aún necesitas ayuda. Después de ver la clase, si todavía hay partes que son difíciles para ti, siéntete libre de publicar en el panel de discusión para que todos podamos aprender juntos. Entonces, si estás listo para entrar después de los efectos, ve a descargar los recursos del proyecto, y te veré en clase. 3. Configuración de After Effects: Oigan, chicos, en esta clase, vamos a saltar a los efectos posteriores. Vamos a hurgar en algunas de las ventanas y ver qué necesitamos para esta clase ¿Bien? Hay tantas ventanas en los efectos posteriores, y puede ser abrumador. Entonces en esta clase, sólo voy a deshacerme de todas las ventanas y a hablar de las necesidades Hay tres ventanas en las que vamos a usar el panel del proyecto, la ventana de composición y la línea de tiempo. Para esta clase, estas son las únicas tres ventanas que necesitarás. Si quieres explorar y ver lo que hay en las otras ventanas, sigue adelante. Pero para esta clase, vamos a llevarlo a la derecha hasta lo esencial para que no estemos demasiado abrumados con todo lo que After Effects ofrece porque hay mucho, pero vamos a mirar lo que necesitamos para comenzar en Adobe After Effects y empezar a en Adobe After Effects y empezar animar Bien, eso es campeón en. Entonces, si tienes Adobe Creative Cloud, puedes abrir la ventana y simplemente hacer doble clic en after effects. Voy a abrir. Después de que Adobe After Effects se abra, puede seleccionar , crear un nuevo proyecto y podría verse así. Esta es la ventana predeterminada aquí. Después de abrir After Effects, puedes ver que te da un proyecto sin título No se guarda automáticamente, por lo que una buena práctica es guardar tu archivo. Así que vamos a ir a Control Shift S, guarda tu archivo. Después de abrir después de los efectos, se te presentarán todas estas ventanas aquí. Tienes tu ventana de proyecto, tu composición. Tienes controles de efectos. Tienes todos estos diferentes paneles aquí. Tienes la línea de tiempo aquí abajo, y de hecho puedes cambiarla aquí arriba. Estos son algunos ajustes predeterminados de la ventana. Entonces default te da todas estas opciones. Aprende, en realidad podrás acceder a algunos tutoriales. Producido por Adobe para ayudar a aprender después de los efectos. Entonces, si quieres saltar a esos, puedes aprender allí también. Puedes ir a Estándar y solo ver qué paneles están abiertos. Pero para nosotros hoy, solo vamos a deshacernos de todo y pasar por lo esencial desnudo. Entonces, los tres paneles esenciales que necesitamos es la línea de tiempo aquí abajo, la ventana del proyecto y nuestra ventana de composición. Entonces todo lo demás, solo puedes subir y puedes cerrar esos paneles. Así que solo entra en el menú Top Burger y cierra cada panel. Ahora bien, ¿los efectos después de los efectos no parecen un poco más manejables? Absolutamente. Todo bien. Entonces tenemos tres ventanas aquí. Ahora bien, si quisieras crear una nueva composición donde crearías un video, puedes bajar aquí, crear una nueva composición. Haga clic ahí. Voy a abrir los ajustes de composición. Puedes nombrar tu comp Práctica. Y luego puedes configurar presets personalizados. También hay presets prefabricados. Entonces, digamos que querías un video HD a 24 fotogramas por segundo, eso está aquí, y te dará esas perspectivas. Si quisieras cambiar alguno de estos, simplemente puedes hacer clic en Personalizado y puedes cambiarlo a lo que quieras como 13 50 o lo siento, 1080 por 13 50, y eso te dará las dimensiones para un video de Instagram. Todo bien. Vamos a golpear Bien. Antes de que hagamos eso, puedes cambiar la duración de la duración de lo que es. Entonces va aquí milisegundos, segundos, minutos, horas. Por lo que rara vez tocarás horas, tal vez minutos y definitivamente segundos. Entonces vamos a cambiar esto a 6 segundos y cero, cero, basado en 24 fotogramas por segundo, resolución completa. Son buenos 24 cuadros. Píxeles cuadrados, eso está bien. Y el fondo puede ser blanco. Ahí vamos. Tenemos una composición. Como puedes ver en nuestro panel de proyectos, se creó una nueva composición. Aquí es donde se almacenarán todos nuestros medios de comunicación. Y luego aquí abajo, se puede ver la composición de la práctica se ha planteado en la línea de tiempo, y aquí es donde vamos a hacer toda nuestra animación. Vamos a agregar en nuestras capas. Vamos a mover algunas propiedades, y vamos a divertirnos un poco en los efectos posteriores. En la siguiente clase, solo voy a repasar cómo configurar un archivo de Adobe Illustrator para animación en after effects. Vamos a saltar. 4. Cómo configurar el archivo de Illustrator para animación: Oigan, chicos, en esta clase, vamos a repasar cómo configurar un archivo de Adobe Illustrator para prepararlo para la animación en after effects. Así que vamos a saltar a la derecha en él. Entonces tengo abierto aquí un archivo de Illustrator que contiene una ilustración que creé en una de mis otras clases. Ahora bien, lo que quiero hacer es realmente querer animar esta ilustración Pero en los efectos posteriores, vas a tener que separar todo lo que quieras animado en capas separadas. Cuando hay algo en una capa, todas las propiedades estarán, ya sabes, conectadas a todo lo que hay en esa capa. Entonces queremos separar lo que se va a animar. Entonces, ¿cómo podemos hacer eso? Así que en Adobe Illustrator, podemos encontrar las cosas que se pueden agrupar y que permanecerán juntas en Adobe After Effects, y luego separaremos las cosas que hay que separar. Si ves aquí en mi panel de capas, tengo un grupo que es la taza. Tengo la obra de arte real que está en la taza y una capa de sombra y resaltado aquí. Todos esos pueden permanecer juntos, así que voy a seleccionarlos todos y voy a agruparlos. Para que veas que mi panel de capas se hizo un poco más pequeño, lo cual es genial. Quiero mantener la sombra separada para que pueda animarla por separado o moverla o eliminarla según sea necesario ¿Todo bien? Ahora tengo esta capa de corazón. Y como pueden ver, esta capa de corazón, en realidad, tiene un patrón swash adherido a ella que me permite moverla hacia arriba y hacia abajo, y la muestra, la reflexión en realidad no se mueve Entonces da este efecto que es, como, en movimiento, lo cual es realmente genial. Y eso es lo que quiero en After Effects. Pero para configurarlo para la animación en After effect, llegamos a configurarlo de manera un poco diferente usando algo llamado alfombrilla de pista. Así que vamos a tener que configurar algunas capas más para que funcione en los efectos posteriores. Entonces lo primero que voy a hacer es que voy a saltar a mi capa de corazón, y se puede ver que tengo mi corazón principal, y luego también tengo una capa con una muestra de patrón adherida a ella Voy a cortar la muestra de patrón, y voy a pegarla en su lugar fuera de ese grupo Entonces ahora tengo dos grupos diferentes, el corazón y la máscara de corazón. Entonces voy a darle un color a esto solo para poder diferenciarlo. Quiero que el reflejo básicamente permanezca estacionario a lo largo toda la ilustración y animación, pero quiero que esta máscara se mueva. Entonces voy a tener que hacer otra capa que solo contenga el reflejo. Entonces voy a darle a M en mi teclado. Voy a hacer una caja sobre toda mi composición o toda mi mesa de trabajo, y voy a darle mi muestra de patrón, que estaba ahí mismo Ahora tengo diferentes grupos en mi una capa, pero no quiero solo una capa. Necesito separarme en múltiples capas. Entonces, ¿cómo puedo hacer eso? Podría hacer clic en la Capa uno. Puedo subir al menú de hamburguesas y decir capas de liberación para secuenciar. Y ahora se puede ver que todos esos grupos, realidad se convirtieron en capas, capa dos, tres, cuatro, cinco, seis, y ahora voy a arrastrarlos fuera de la capa uno, plop Y voy a eliminar la capa uno porque ya no necesitamos eso. Ahora bien, lo que voy a hacer es que en realidad voy a nombrar mis capas aquí para que sean fácilmente transferibles a efectos posteriores Entonces la reflexión, sólo voy a hacer doble clic y nombrar reflexión. Y yo voy a hacer el resto de las capas también. Bien, entonces ahora después de que nombras tus capas, todos estamos listos para los efectos posteriores Ahora bien, solo una cosa a tener en cuenta es la razón por la que separé la estera de reflexión del corazón es porque solo quiero que la reflexión esté contenida dentro de esta sección del corazón y no la totalidad del corazón. Si quería usar la totalidad del corazón, puedo mantenerlo como una capa, pero solo quiero que el frente del corazón sea el lado que realmente tenga esa reflexión animada. Entonces por eso separé esa sección específica del corazón. Entonces ahora que sabes cómo configurar tu archivo de Adobe Illustrator para After Effects, te voy a dar un pequeño archivo de Illustrator extra que te permitirá personalizar tu proyecto de clase quieras. Te veré ahí. 5. Personalización de la ilustración: Bien, así que ahora que aprendes cómo podemos configurar un archivo de Adobe Illustrator para animación y After Effects, quiero darte un pequeño archivo de Illustrator bonus que puedes personalizar y hacer tu animación un poco más personal para ti Bien, veamos cómo podemos hacer eso. Entonces tengo el archivo abierto aquí, Mug Illustration, y ahora puedes ver que hay diferentes secciones en esta ilustración. Tengo una máscara de reflexión, reflejo, objeto, taza y capa de sombra. Lo que configuré en este archivo es que en la ilustración actual de la taza aquí, solo voy a apagar la reflexión por ahora para que puedan verla. Puedes ver que en realidad he proporcionado diferentes íconos que puedes aplicar a tu taza. Entonces, si apago el logo isométrico aquí, realidad puedes encender uno diferente Oh, taza de café caliente. Hop, taza caliente de increíble. Sí, eso es aún mejor. Me encanta el café. Número uno, diseñador de movimiento. Ese eres tú. Te amo. Muy lindo. El jefe más grande del mundo. No soy yo. El mejor diseñador de movimiento del mundo Oye. Esa es mi taza de té. El diseñador de movimiento más bonito del mundo aquí mismo. Todo bien. Entonces sí, si quieres eso, puedes cambiarlo. Además, si pulsas Y en tu teclado, puedes seleccionar la taza. Puedes darle un color diferente, lo que quieras. Puedes seleccionar tu icono ahí, cambiarlo. Ahora lo tenemos un poco diferente. Eso no es todo. Vamos a saltar a la otra cosa. Para que puedas personalizar el gráfico sólo voy a bloquear al muggler y voy a abrir el objeto y la máscara de reflexión Estos son dos conectados. Entonces, si los desbloqueo a los dos, puedes ver lo que está pasando. Tengo mi corazón en mi objeto seleccionado, pero puedo apagarlo y también puedo apagar mi máscara de corazón. Ahora podría encender algún otro objeto, relámpago tal vez y máscara de rayos. Ahora vas a tener un rayo sobre tu café. Eso es increíble. Muy chulo. Y qué pasa, quiero tener una conversación. Máscara de burbuja, burbuja. Todo bien. Oh, ¿estás entusiasmado con el café? Yo también. Signo de exclamación sobre tu café. Y lo que vamos a hacer es animar esta sección superior Entonces tal vez haya una ubicación. ¿El diseñador de Okiest Motion del mundo? Justo aquí. Ese es este tipo. Entonces lo que vamos a hacer es que vamos a animar esto arriba y abajo. Vamos a hacer algo de movimiento hacia aquí. Y así personaliza tu archivo de Illustrator como quieras, y asegúrate de que lo que quieras visible en tu animación esté visible en tu archivo de Illustrator. Lo que no esté visible en tu archivo de Illustrator no se transferirá a los efectos de Adobe After. Asegúrate de volver a encender tu capa de reflexión porque queremos que eso se vea en nuestra animación, y luego vamos a ya sabes, ciérrala. Puedes bloquear las capas como si no quisieras tocar nada más. En la siguiente clase, saltaremos a Adobe After Effects donde aprenderemos a configurar nuestro proyecto para la animación y comenzar a animar. Vamos a meternos en ello. 6. Introducción a After Effects: En esta clase, importaremos tu ilustración a after effects para que podamos empezar a animarla. Vamos a saltar a la derecha. Así que he abierto mi archivo after effects, ejemplo de clase, y ahora encima en el panel de proyecto aquí, voy a hacer clic derecho y voy a ir a Importar. Voy a importar archivo. Voy a encontrar mi ilustración de taza que quiero usar para mi animación. Y voy a asegurarme de que la opción de importación esté establecida como metraje y crear composición. Voy a golpear Bien. Y ahora, importa tipo, composición y tus dimensiones de metraje, quieres conservar los tamaños de capa, y voy a golpear Bien. Entonces ahora puedes ver aquí tenemos dos composiciones puestas en marcha. Una es la composición con todas tus capas de Adobe Illustrator dentro de ella, y la segunda es una composición. Sí, es sólo una composición con esa composición dentro de ella. Y después de los efectos vas a tener composiciones dentro de composiciones dentro de la composición a veces. Y veremos cómo podemos usar eso nuestro beneficio cuando creamos nuestro proyecto de clase final. En primer lugar, tenemos taza Ilustración uno, esta tiene nuestras capas en el interior y la ilustración de la taza dos. Vamos a entrar en Mug illustration one, y aquí es donde podemos empezar animadas. Como puedes ver, todas las capas que creamos en Adobe Illustrator ahora están establecidas como capas en Adobe aftereffex Lo siguiente que queremos hacer es querer padre de objetos que se van a mover juntos. Ahora bien, lo que queremos hacer es que queremos que nuestro reflejo sea padre de nuestra capa de corazón. Nuestro reflejo ahora mismo, se moverá por separado de la capa del corazón. Sólo voy a deshacer eso. Ahora, lo que queremos hacer es cuando nuestro objeto, nuestro corazón se mueve, queremos que la capa de reflexión, la colchoneta de reflexión vaya con ella Entonces, ¿cómo podemos hacer eso? Por aquí en nuestra línea de tiempo, puedes ver que hay padre y enlace. Entonces, lo que eso nos permite hacer es apaciguar nuestro objeto de uno a otro. Entonces queremos que el objeto sea la capa padre porque eso es lo que vamos a animar y queremos que la máscara de reflexión la siga donde quiera que vaya Entonces voy a simplemente hacer clic en el menú desplegable y voy a seleccionar objeto como mi padre Ahora bien, si tuviera que hacer clic en el objeto y moverlo, puedo moverlo, y la máscara de reflexión irá con él. Ahora bien, lo que quiero hacer es asegurarme de que el reflejo que veo en todas partes por aquí solo se vea en todas partes por aquí solo se a través de la máscara de reflexión. Y vamos a usar algo llamado tapete de pista para eso. Entonces, ¿qué es una alfombrilla de pista, preguntas? Aprendamos sobre ello rápidamente. 7. Track Matte, ¿qué es eso?: Muy bien, tengo un archivo abierto llamado AE Examples, y tienes acceso a estos Puedes abrirlos si quieres jugar con ellos. Siéntase libre de comprobar esto. Pero sólo para mostrarte cuáles son algunas de las cosas que vamos a usar en la animación, te voy a mostrar aquí. Muy bien, tengo el ejemplo de Track Mat abierto aquí. Y como pueden ver, tenemos esta pequeña escena de parque genial, escena isométrica de parque que se ve realmente genial Y básicamente lo que es una alfombrilla de pista, es como una ventana para ver tu ilustración o para ver tu imagen. Puedes usar diferentes objetos o formas para hacer eso. Así que en Illustrator, hicimos una alfombrilla de pista con la forma de nuestro objeto. Entonces como puedes ver aquí, no están a la vista, pero puedes ver que si los enciendo, hay olas, hay algunas rayas. Hay una estrella, y hay una ventana. Entonces ahí está tu imagen y luego tu alfombrilla de pista. Siempre quieres rastrear tapete la imagen a cualquier capa en la que quieras que esté contenida. Entonces en este caso, voy a encontrar las opciones de tapete de pista. Si no puede verlo, es posible que tenga que hacer el modo de interruptor de palanca aquí abajo y luego encontrar Track Mat. Ve a tu capa Park, y dice que no Mat ahora mismo, y luego voy a encontrar ventana. Ahora bien, lo que hace es que apaga la capa de ventana, por lo que ya no es visible, sino que usa la forma de esa capa como ventana para el parque. Ahora bien, si hago clic en la ventana, puedo mover independientemente del parque y se puede ver como solo se puede ver el parque a través de esta forma aquí. Y eso va a ser muy genial. Y vamos a poder usar esto para hacer esteras de pista nuestro reflejo en nuestra animación Para que puedas pasar y puedes usar diferentes. Así que cambia el tapete de la pista a rayas. Y ahora puedes hacer click en la capa de rayas, y son como persianas bajando. Así que hay muchos usos geniales para las alfombrillas de pista, y puedes usar cualquier forma. Podemos cambiarlo a la estrella y ver la estrella. Ahora que hemos aprendido sobre una alfombrilla de pista, vamos a aplicarla a nuestra animación. Si hago clic en mi máscara de reflexión track mat, puedes ver que eso está aquí. Quiero usar la máscara de reflexión como ventana para ver el reflejo. No quiero ver el reflejo en todas partes solo a través de la máscara de reflexión del corazón. Entonces, como voy a hacer eso es que solo voy a encontrar la ventana de la alfombrilla de pista aquí. Voy a ir a mi reflexión. Me voy a sentar aquí y voy a hacer máscara de reflexión. Ahora, como puedes ver aquí, la capa de reflexión solo es visible a través de la capa de máscara de reflexión. Ahora bien, si muevo el objeto, se puede ver que el reflejo no se mueve a ninguna parte, y sólo podemos verlo a través de eso. Entonces, si lo animo arriba y abajo, boom, puedes ver que se animará así así 8. Movilización con fotogramas clave: Bien, en esta clase, aprenderemos a animar. Todo bien. Así que vamos a saltar aquí. Tenemos nuestro archivo abierto. Tenemos nuestras capas parentadas. Tenemos nuestro set de máscaras de reflexión, y ahora queremos animar nuestro corazón para movernos hacia arriba y hacia abajo así Para ello, tenemos que abrir la propiedad de posición. Y para ello, golpeamos P en nuestro teclado. Y aquí es donde vamos a hacer nuestra animación. Ahora, vamos a establecer algo llamado fotogramas clave. Entonces déjame explicarte rápidamente qué son los fotogramas clave y cómo puedes aplicarlos para crear animaciones Los fotogramas clave son esencialmente marcadores que almacenan información de una propiedad específica en su línea de tiempo o en su capa Entonces, si entramos en nuestra capa, vayamos a la posición uno aquí. Esa es esta bolita de aquí. Solo vamos a acercarnos. Vamos a encajar. Ahora ya lo podemos ver. ¿Bien? Esa es esta pelota de aquí, y vamos a simplemente bajar este menú. Iremos a las opciones de transformación, y puedes ver que aquí hay algunas opciones diferentes. Ahí está el punto de anclaje, posición, escala, rotación, opacidad Esas son las cinco propiedades que puedes ajustar para animar tus objetos o animar tus gráficos en Adobe After effects Así que vamos a mirar cada uno rápidamente y solo ver qué puedes hacer y puedes jugar con ellos. Entonces aquí tenemos la posición. Por lo que la posición en estos momentos se encuentra actualmente en 328.2. De todos modos, está en esta vecindad en la pantalla, y estos son los valores de la propiedad Si presionamos el cronómetro, creará un fotograma clave en nuestra Ahora bien, lo que es ese fotograma clave, es un marcador que almacena esta información de propiedad aquí mismo Ahora, si arrastramos nuestro cursor o nuestro cabezal de reproducción más abajo en la línea de tiempo y lo movemos a otro lugar, ahora tiene información diferente, y esa información se almacena en este fotograma clave Ahora, lo que hará Adobe After Effects interpolamos un fotograma clave, un marcador, a otro Así como si tuvieras un libro, ya sabes, tienes un marcador y un segundo marcador. Hay 100, hay páginas entre esos dos marcadores. Y para pasar de un marcador a otro, hay que pasar por todas esas páginas. Es lo mismo en los efectos posteriores. Vas a tener un conjunto de propiedades y un fotograma clave, otro conjunto en otro fotograma clave, y luego Adobe After effects, interpolará las cosas en el medio automáticamente Entonces podemos ver que eso sucede aquí. Entonces, si vuelvo al inicio y golpeo la barra espaciadora, reproduciría la animación. Ahí vamos. Así que eso se ve bastante genial. Entonces, si lo extendemos un poco, solo podemos ver la ruta que toma de un fotograma clave a otro, un marcador a otro Lo que puedes hacer es que realmente puedes usar atajos de teclado para activar o encontrar tus propiedades. Así que bajemos a la propiedad de escala aquí. Este es el de abajo. Le pegas a S en tu teclado. Traeré la función de escala aquí, y ahora puedes hacer clic en un fotograma clave y luego traerlo más y puedes escalarlo Como puedes ver, se está haciendo más grande. Y ahora se puede decir que es el marcador de 177 y el marcador de 47, y va a interpolar entre esos dos fotogramas clave Entonces podemos ir a rotación, golpear R en nuestro teclado aquí arriba como la estrella. Podemos ir al principio. Vamos a establecer un fotograma clave, golpear el cronómetro, ir más allá en la línea de tiempo, y luego vamos a girarlo alrededor 360 grados, y luego eso es una rotación más 13 grados. Entonces si vamos, Guau. ¡Oh! Ahí vas. Ahí tienes una estrella giratoria. Entonces finalmente, tenemos opacidad. opacidad es T en nuestro teclado, y eso va a cambiar la opacidad Desaparecerá. Entonces, vamos a darle al 100. La opacidad sólo puede pasar de 0%, sin opacidad, completamente clara o 100% Entonces esos son el rango de valores con los que puedes trabajar. Así que sólo voy a bajarlo a cero. Y ahora se puede ver lo que está pasando. Sí. Ahora estás viendo cómo podemos crear alguna animación en Adobe After Effects configurando nuestros fotogramas clave. Ahora, una última cosa que afecta a tu animación es tu punto de anclaje. Este es más evidente cuando usas escala o rotación, y veremos cómo funciona eso. Así que vamos a ir a la rotación. Entonces rotación ahora mismo, se puede ver que es la estrella giratoria. Pero si presiono Y en mi teclado, trae la sartén detrás de la herramienta, y esa es la herramienta de punto de anclaje. Así que ahora puedo hacer clic en este pequeño botón en medio de mi estrella. Ese es el punto de anclaje, y de ahí se originará mi transformación. Entonces ahora mismo está girando alrededor de este punto de anclaje alrededor de este punto. Pero si muevo este punto de anclaje quizá hacia abajo hasta este punto en la parte inferior de aquí, ahora veamos cómo cambia la animación. Ahí vas. Lo hice bastante diferente de lo que era antes. Gira alrededor de ese punto de anclaje. Volvamos a entrar. Vamos a golpear Y en nuestro teclado. Cambiémoslo aquí abajo y golpeemos. Ahora se puede ver que está girando alrededor de ese punto de allá. Bastante genial. Con escala, va a hacer una característica similar. Hagamos clic en Escala, pulsemos Y en nuestro teclado, y luego simplemente cambiemos el punto final a tal vez esta esquina y se escala hacia arriba. Vamos a presionar la barra espaciadora para iniciar la animación. Y se puede ver como la escala cambia y empuja hacia fuera de esa zona. Bien, así es simplemente como podemos usar fotogramas clave y puntos de anclaje para iniciar nuestras animaciones, y los vamos a usar en nuestra animación para hacer que las cosas se muevan. Veamos cómo podemos hacer eso. 9. Animar tu ilustración: Ahora que sabemos de fotogramas clave, empecemos a animar nuestro corazón Bien, entonces lo que vamos a hacer es que vamos a hacer clic en nuestra capa de objetos. Podemos ver que está aquí y lo vamos a posicionar donde queremos iniciar nuestra animación. Queremos iniciarlo tal vez aquí abajo así que está en el fondo cerca de la taza. En nuestra capa de objetos, puede ver que la propiedad position está abierta. Ahora, si haces clic en el cronómetro hacia un lado aquí, establecerá un fotograma clave en tu Ahora bien, el fotograma clave, como viste, es como un marcador Se va a guardar la información de estos inmuebles. Entonces estos valores de posición, están contenidos dentro de este fotograma clave Ahora bien, si me muevo en mi línea de tiempo a 1 segundo y ajusto la posición, en realidad, este contendrá un marcador diferente, un conjunto diferente de propiedades. Ahora, lo que hará Adobe After Effects, mirará este marcador y mirará este marcador, y encontrará todas las páginas en el medio y lo animará así Entonces ahora, si golpeo play o golpeo espacio en mi teclado una vez, puedes ver que se mueve de un marcador a otro, de un fotograma clave a otro Muy chulo. Y debido a que montamos a nuestros padres, la máscara de reflexión se mueve con ella, y la colchoneta solo contiene el reflejo en su interior. Así que eso es genial. Voy a arrastrar mi indicador de línea de tiempo a la marca de dos segundos. Y lo que voy a hacer es intentar moverlo de nuevo hacia abajo e intentar colocarlo donde estaba la posición exacta, o puedo hacer clic en mi fotograma clave Y puedo copiarlo y pegarlo. Y ahora, lo que puedes ver es que sube y baja. Así es como podemos comenzar a animar nuestras ilustraciones, es que podemos usar las propiedades de posición, establecer fotogramas clave, establecer un fotograma clave, un marcador en una posición, movernos por la línea de tiempo, un segundo después, moverlo a un Adobe After Effects rellenará las páginas en blanco y animará de una a otra ¿Bien? Entonces queremos darle un poco más de vida a esta animación. Entonces lo que vamos a hacer es que vamos a usar algo llamado facilidad. Entonces, en la siguiente clase, aprenderemos a agregar algo de vida, algún personaje a nuestra animación con facilidad. 10. Crea animaciones fluidas con facilidad: Bien, chicos, en esta sección, solo voy a repasar rápidamente cómo aplicar facilidad a sus animaciones para que se sientan un poco más naturales. Bien, vamos a meternos en ello. Entonces esta es nuestra composición de ejemplo de Facilidad aquí, y en esto, se puede ver que hay cuatro líneas con cuatro puntos. Vamos a ver qué son. Entonces hay cuatro puntos, y no tienen nada aplicado a ello. Simplemente tienen un movimiento estático va de un lado a otro. Entonces si animamos esto, simplemente es bastante aburrido. No pasa nada demasiado emocionante. Pero la facilidad permite que la animación se sienta un poco más natural, un poco más fluida. Comienza en cero y luego se acumula lentamente a toda velocidad, y luego antes de que llegue al final, comienza a disminuir la velocidad, y eso lo hace sentir un poco más natural. Entonces, ¿cómo podemos aplicar esto? Entonces en nuestra segunda bola aquí, E entra y sale, vamos a seleccionar nuestros fotogramas clave y para ingresar automáticamente E's, vamos a golpear F nueve en nuestro teclado, función nueve Ahora, lo que eso hace es que hace que la animación comience lentamente. Como puedes ver, todas las demás, la ya adelantada a la primera bola porque está flexionando en la animación Poco a poco está entrando en la animación. Pero a medida que va a la mitad, se acelera, y luego eventualmente comienza a disminuir la velocidad. Y la animación termina en el mismo lugar al mismo tiempo. Es justo lo que sucede en el medio que cambia. Comienza lento y luego acelera y luego se ralentiza. Como puedes ver, se siente un poco más natural. Lo que eso está haciendo, te voy a mostrar la animación en algo llamado el gráfico de velocidad. Ahora ya está aquí el gráfico de velocidad o el editor de gráficos. Aquí es una pequeña ola o una pequeña curva S. Sólo tienes que hacer clic en eso. Verás el gráfico de velocidad. Sólo vamos a hacer clic en este botón aquí y te muestra. La primera animación, esta es la velocidad de la misma. Es completamente constante a 668.48 píxeles por segundo. Es completamente constante, sin cambios. Ahora, volvamos y seleccionemos los fotogramas clave de nuestro Easy Ease. Vamos a ir al editor gráfico, llenar la vista, y esto es lo que está pasando. Comienza en cero y luego se acumula y alcanza su punto máximo en el medio y luego vuelve a bajar. A cero. Eso es exactamente lo que está pasando. Se está relajando muy rápido y luego retrocediendo. Salgamos de nuestro editor gráfico, y vamos a intentar aplicar las EZ Es dentro o fuera de nuestro fotograma clave Vamos a simplemente hacer click derecho vamos a ir asistente de fotogramas clave y vamos a encontrar EZ Es out o control o comando Shift F nine Eso va a empezar muy lento. Y luego empuja hasta el final rápido, no habrá facilidad en el final, así que simplemente se detendrá abruptamente Pero esa facilidad de salida es mucho más evidente ahí. Ahora intentaremos el caso contrario, golpearemos el último fotograma clave de nuestro último y fácil facilidad de entrada y veamos qué pasa. Comienza muy rápido, pero luego realmente se ralentiza medida que entra en ese último fotograma clave Entonces así es como podemos aplicar facilidad a nuestras animaciones, darle un poco la hace un poco más suave y le da un poco más de vida. Y sí, así que intentaremos aplicar eso a nuestra animación. Bien, entonces ahora que entendemos qué facilidad hay en Adobe After Effects, vamos a aplicarlo a nuestra animación. Entonces lo que vamos a hacer es que vamos a seleccionar nuestros fotogramas clave Vamos a simplemente hacer clic y arrastrar sobre todos nuestros fotogramas clave Vamos a pegarle a F nueve. Eso solo va a aplicar una facilidad fácil en cada fotograma clave Se va a aplicar como una facilidad dentro y fuera de cada fotograma clave Ahora bien, si le pego a play en mi ilustración, eso se ve mucho mejor. Muy cool, muy divertido, muy fácil. Ahora bien, lo que podría hacer es que sólo puedo ir a la marca de los tres segundos. Puedo copiar y pegar. Mi segundo fotograma clave y luego a la marca de cuatro segundos, y voy a tomar mis dos últimos fotogramas clave y voy a copiar y pegar Y ahora tenemos una especie de animación en bucle. Eso es genial, muy divertido. Realmente fácil. Ahora bien, lo que quiero mostrarles es cómo automatizar realmente este proceso de bucle con algo llamado expresión Las expresiones son una línea de código dada a la propiedad animada que les permite automatizar ciertos procesos. vamos a aprender una expresión Hoy vamos a aprender una expresión en esta clase que te permita realizar animaciones en bucle para que no tengas que hacer fotogramas clave cada insistencia Aprendamos sobre eso en la siguiente clase. 11. Comprender la expresión Loop Out: En esta clase, vamos a tocar un poco las expresiones en Adobe After effects para automatizar algunas de las propiedades de animación que no tengamos que trabajar tan duro porque quién quiere trabajar duro, ¿sabes? Vamos a saltar a la derecha en él. Bien, así que saltando dentro de él, tengo mi archivo de expresión loop out abierto aquí, y se puede ver que hay algunas bolas que rebotan Entonces rebotan y se recuperan. Esto es solo una propiedad de posición animada con dos fotogramas clave Pero cuando le ponemos una expresión, se puede ver que algo sucede. Ahora, para activar una expresión, sólo vamos a eliminar esta expresión aquí. Control haga clic en el cronómetro que eliminará la expresión Para agregar una expresión, ya tenemos nuestro fotograma clave establecido, por lo que van de un fotograma clave a Ahora para agregar una expresión, simplemente vaya al cronómetro, altere la opción, haga clic en él, y esto abrirá nuestra propiedad aquí, nuestra propiedad de expresión Ahora, si quisieras, puedes buscar expresiones en el panel aquí, esta pequeña flecha con el.in aquí, y aquí es donde puedes ingresarla Solo vamos a hacer una expresión hoy y es la expresión loop out y automatiza tu animación después los dos primeros fotogramas clave para repetir una y otra Ahora, hay cuatro expresiones de loop out diferentes que puedes probar para ver lo que te gusta, y solo cubriremos lo que hacen en esta clase muy rápidamente para que podamos entenderlo. Sí, vamos a meternos en ello. Entonces el primero que vamos a probar es loop out. Entonces es LOOP y luego O. Y puedes ver que el autocompletar es para ti realmente fácil Así que puedes asegurarte de hacer clic en uno de estos autofills LoopOut Ahora lo pondré entre comillas, y esto me dará cuatro propiedades diferentes o cuatro tipos diferentes de expresiones loop out que puedo elegir entre Continuar ciclo, offset y ping pong. Todos funcionan de manera un poco diferente, y los veremos ahora mismo. Entonces el primero es ciclo. Por defecto, si no pones comillas, solo pasará automáticamente al ciclo. Para que no tengas que hacerlo con nada. Si quieres ciclo, simplemente loop out y los corchetes y eso te dará el efecto ciclo loop out. Pero si quieres una diferente, tendrás que cambiar la propiedad con las comillas. Sólo vamos a golpear ciclo por ahora y vamos a golpear Bien. Sólo voy a apagar los otros por ahora y solo ver qué bucle sale. Estos son nuestros fotogramas clave. pero ¿qué sucede después de que se ejecuten estos dos fotogramas clave Solo tenemos dos fotogramas clave, pero ¿qué sucede después de que se ejecuten estos dos fotogramas clave ? Comienza de nuevo. Ciclo, toma los dos fotogramas clave. Básicamente lo inicia de nuevo desde el primer fotograma clave y otra vez. Y de nuevo, así como así. Entonces es bastante simple. Ciclo. Ciclo a través de los dos fotogramas clave Es ciclo a través de los movimientos. Si tienes tres Kframes como inicio desde el principio y recorres los tres y luego repites al principio otra vez Marcos como un inicio desde el principio y ciclo a través de los tres y luego repetir al principio de nuevo. Ahora, el siguiente es el ping pong. ping pong funciona un poco diferente y me gusta mucho el ping pong porque te puede ahorrar mucho tiempo para que si vuelvas a la misma posición, se recupere automáticamente para ti. Entonces pasará por el primer movimiento. Pero en lugar de ir al primer fotograma clave, pasa por los movimientos a la inversa para volver a la primera Servir servir Pasa por los movimientos a la inversa para volver al primer fotograma clave Voy a pasar del último fotograma clave, nuevo al primer fotograma clave, y luego empezará de nuevo ahí Entonces rebota de un lado a otro. Este hace una continuación realmente genial y suave de tu efecto. Juguemos eso y veamos cómo funciona eso. Boom boom boom boom. Realmente genial. El desplazamiento es realmente genial porque toma tu animación, termina en el último fotograma clave e inicia toda la animación nuevamente, comenzando desde eso como el primer fotograma clave, termina en el último fotograma clave e inicia toda la animación nuevamente, comenzando desde eso como el primer fotograma clave, termina en el último fotograma clave e inicia toda la inicia toda la porque toma tu animación, termina en el último fotograma clave e inicia toda la animación nuevamente, comenzando desde eso como el primer fotograma clave, termina en el último fotograma clave e inicia toda la animación nuevamente, comenzando desde eso como el primer fotograma clave, termina en el último fotograma clave e inicia toda la animación nuevamente, comenzando desde que como el primer fotograma clave. Entonces veamos cómo funciona eso. Entonces va a hacer un bucle. Y luego empieza desde aquí y vuelve a hacer la animación, pero partiendo de ese punto. Y luego como que hace como un salto de la pantalla, saltando Boom, boom, boom, boom. Muy chulo. Ahora, continúe. Nunca uso continuar. Entonces sí. Pero esto es lo que hace. la última velocidad y dirección de tu último fotograma clave y continúa con ese movimiento infinitamente después ¿Bien? Ahora, veamos cómo funciona aquí. Si lo enciendo, si le doy bien. Se detiene. La razón por la que se detiene es porque tengo un Es adjunto a este fotograma clave y la velocidad final de mi fotograma clave aquí es en realidad cero, así que no se moverá a ningún lado porque el último fotograma clave tiene una velocidad de cero y cero repetido es cero Eliminemos este fotograma clave. Cambiemos esto de nuevo a un fotograma clave regular. Bien, si lo cambiamos a un fotograma clave normal, realidad se acelerará hacia él y se detendrá abruptamente Y en realidad, ese último fotograma clave habría tenido algo de velocidad entrando en él. Así boom. Y como ves, algo así como que se salió de la pantalla. Pero voy a tirar de los dos hacia atrás. Oh, lo siento. V. Y aquí, voy a detenerla aquí y ya verán qué pasa. Ella tan solo continúa esa velocidad y dirección después de que termina la animación. Sí. Ahí vas. Así que puedes jugar con esta hoja de trabajo de ejemplo si lo deseas. Puedes entrar en el archivo After FX, jugar con él, probar todos los diferentes tipos de expresiones loop out, y luego podemos ver cómo podemos aplicarlo a nuestra animación. Así que volvamos a saltar a ella. 12. Automatiza tu animación con expresiones: En esta clase, pasaremos por agregar expresiones a nuestra animación para automatizar un poco el proceso. Tallo en. Entonces puedes ver aquí que tengo mi animación, y la he encuadrado clave de ida y vuelta, así que creé una animación en bucle como Entonces, si quisiera automatizar el proceso aunque sea un poco más, me vendría bien algo llamado expresiones. Entonces, ¿cómo agregamos una expresión? Por un ejemplo, solo voy a duplicar mi objeto, Control D, y ahora voy a tener dos capas. Una, voy a mantener como propiedad de fotograma clave regular, y luego la otra a la que voy a agregar una expresión Así que voy a eliminar todos los fotogramas clave adicionales y solo tener mi bucle único Entonces como pueden ver aquí, ahora tengo tres fotogramas clave y al inicio, se ve igual Pero luego después de que termine este fotograma clave, no continúa. Pero quiero que siga repitiéndose tal como es, pero no quiero tener que animar cada fotograma clave Entonces lo que puedo hacer es que puedo ir por aquí es que puedo golpear a todos en mi teclado. Haga clic en el cronómetro, la opción Alter en su teclado. Voy a abrir la ventana de expresiones, y luego puedes entrar en una expresión. Si quieres ver expresiones, lo que ofrece After Effects, puedes hacer click en este botón aquí y tiene todas las diferentes expresiones que puedes usar. ¿Todo bien? El que vamos a usar hoy se llama LoopOut. Bucle luego fuera. Y como pueden ver, cuando empiezo a teclearlo, ya me da opciones para elegir. I loop in loop in duration, loop out, loop out duration, vamos a usar LoopOut Después de golpear loop out, voy a golpear los signos de cita, y eso me va a dar algunas opciones diferentes del tipo de loop out que quiero aplicar a mis keetframes Entonces para este caso, quiero usar ciclo porque el cuadro inicial y el último fotograma, en realidad son los mismos, y puedo recorrerlo muy fácilmente así. Entonces pegué ciclo, y veamos qué pasa. Ahora, cuando reproduzca la animación, tanto la propiedad de fotograma clave como la propiedad de expresión se mueven exactamente a la misma velocidad exactamente al mismo tiempo. Es exactamente lo mismo. Solo estás teniendo una expresión, haz el trabajo por ti en lugar de keyframing cada Ahora bien, ¿por qué esto es beneficioso? Bueno, solo subamos a nuestra ventana de composición. Ajustes de composición y luego ir a la duración. Voy a aumentar la duración a 15 segundos. Ahora bien, si le pego a los 15 segundos y lo extiendo, se puede ver algo así como lo que está pasando. Sólo voy a arrastrar hasta el final, seleccionar todos mis fotogramas, y voy a presionar Alter opción corchete derecho. Eso extenderá todas mis capas hasta donde coloco el cabezal de reproducción Así que ahora se puede ver lo que está pasando aquí. Ahora, la propiedad de fotograma clave sube al último fotograma clave Pero, ¿qué pasa con la expresión propiedad? Continúa incluso después de eso. Y podemos ver que esto sucede en algo llamado el grafo de post expresión. Entonces, si tuviéramos que abrir la gráfica de post expresión, puedes ver aquí mismo, justo al lado de este signo igual que dice Habilitar expresión. Podemos resaltar todos nuestros fotogramas clave, entrar en la ventana gráfica Ahora puedes ver lo que está pasando aquí. Estas son las propiedades de fotograma clave que se encuentran en una línea continua Pero después de eso, esas son las propiedades que continúan dentro de la expresión. Las propiedades del fotograma clave se detienen en este punto, pero las propiedades de la expresión continúan Bueno, infinitamente. Entonces, si solo quieres animar algo en un psycho loop, puedes usar la expresión loop out, y continuará infinitamente Entonces, si extiendes tu composición más duración, no tienes que volver a fotograma clave todo Así que esa es una forma en la que puede ayudarte en tu flujo de trabajo de ilustración o tu flujo de trabajo de gráficos en movimiento. Salir del editor de grafos porque realmente no vamos a entrar en él en esta clase. Es solo una clase básica, pero esto solo te muestra visualmente lo que está pasando. Voy a eliminar la capa de expresión, volver a mis propiedades. Voy a deshacerme de todos estos fotogramas clave y voy a aplicar un fotograma clave diferente Ahora solo tengo los dos fotogramas clave yendo de abajo hacia arriba Pero ahora quiero usar una expresión para hacer un bucle que de un lado a otro. Quiero ir de abajo hacia arriba y de arriba a abajo. Bueno, hay una expresión que podemos usar. Alteremos la opción, haga clic en el Bucle del Cronómetro. Fuera, comillas, podemos usar ping pong. ping pong va y viene entre los dos fotogramas clave, haciendo un bucle en el ciclo, y ahora tenemos un corazón genial y animado flotando sobre una taza Impresionante. Muy chulo. Muy fácil. Ahora bien, no hay que conocer todas las expresiones. Sólo debes saber que están disponibles. Y si quieres enmarcarte clave tú mismo, solo llévalo tú mismo No tienes que usar expresiones si no quieres. Si crees que es más fácil usar los fotogramas clave, simplemente anima con fotogramas clave Si quieres probar las expresiones, esta es una pareja con la que puedes probar y jugar y ver qué puedes hacer. Bien. En la siguiente clase, tomaremos nuestro pequeño y genial gráfico de movimiento y lo compondremos en una nueva composición, y crearemos un carrete genial de seis segundos, realmente contundente, muy rápido, y te mostraré cómo usar marcadores y cómo configurar diferentes capas Y, si, diviértete un poco con eso. I 13. Sincronizar la animación con la música con marcadores: Tres. Oigan, chicos, en esta clase, vamos a crear un carrete de gráficos en movimiento rápido usando la animación que creamos, y vamos a duplicar esta animación varias veces varias maneras en nuestra línea de tiempo, así que creará algunos efectos geniales. Veamos cómo podemos hacer eso. Entonces lo primero que queremos hacer es querer crear una nueva composición. Así podemos hacer click derecho y golpear Nueva composición, y vamos a crearla, ya sabes, MoGraph Carrete, algo así, como quieras llamarlo. Vamos a fijarlo en el ancho de 1080 por 13 50 para Instagram, lo voy a establecer en 24 fotogramas por segundo, y vamos a golpear Bien. Sólo voy a ponerla a 6 segundos. Entonces no es demasiado largo, fácil trabajar con él. Diviértete un poco con él. Y se puede ver ese carrete gráfico de movimiento. Apareció aquí. Ahora, voy a añadir algo de música. Entonces voy a hacer clic derecho en Importar archivo, y voy a encontrar mi música. Tengo pisando abajo la versión corta de Intro aquí, y no es necesario crear una composición a partir de ella Yo sólo voy a importarlo. Y eso va a estar bien. Todo bien. Entonces ya hicimos la composición. Vamos a arrastrar nuestra música a la composición, y ahora puedes ver que tenemos algo de música. Ahora lo que queremos hacer es que queremos configurar algunos marcadores para indicar dónde queremos hacer buenos cortes Entonces, como podemos hacer eso en after effects, podemos ir al menú desplegable aquí y podemos ir al audio. Ahora podemos bajar a éste y podemos hacer click en formas de onda Ahora en realidad podemos ver las formas de onda aquí. Si queremos acercar el zoom, podemos acercarnos y obtener una mejor imagen de lo que estamos tratando. Ahora queremos decidir dónde queremos hacer nuestros cortes o hacer nuestras animaciones y tipo de componer todo de acuerdo a las picaduras de sonido. Ahora podemos agregar nuestros marcadores. Entonces, cómo agregamos nuestros marcadores, solo encontramos el punto donde queremos agregar nuestro marcador, tal vez en el donde patea, boom, boom Continúa para agregar algunos marcadores porque esos son buenos puntos donde podrías hacer la transición a otra cosa. Puedes subir a los marcadores de capa y agregar marcador así, y puedes ver que agrega un pequeño marcador ahí mismo. Significa dónde se puede hacer el corte, y te permite alinear tus capas un poco mejor El atajo para eso está en tu teclado numérico, el signo de asterisco Cuando reproduces, podrás encontrar spots en los que quizás quieras agregar un marcador y simplemente pulsa y agrega marcador. Y creo que en los picos, añadir marcador. Corte rápido. Sí. Sí. Hagamos uno al final y luego uno en el pico otra vez. Vamos a tener un ritmo muy rápido, muy divertido. Muchos cortes. Y entonces tal vez entonces aquí, solo haremos un par de cortes en los picos. Y de veras quiero pegarle a eso. Éste. Así que lo dejaré hasta ahí, y esa será una transición más grande. Boom. Y luego pienso que en estos picos, algo va a pasar aquí. Eso lo resolveremos, y luego no hasta ahí. Boom, boom, boom, boom. Pero solo estoy escuchando, reproducirlo, y solo lo estoy marcando, y no tiene que ser exacto en este momento, pero es solo una buena guía que podemos usar. Vamos a escuchar eso. Sí, vamos a mover esa otra vez Y luego uno aquí y uno final aquí, y este será como nuestro final. Boom. Y entonces ahí lo mantendremos constante. Y eso es configurar nuestros marcadores en nuestra composición. Esto nos va a permitir configurar fácilmente nuestra animación, nuestro carrete muy rápido. Y en nuestra próxima clase, vamos a traer nuestra animación, y la vamos a componer en un pequeño carrete de ritmo rápido y divertido Bien. Te veré en la siguiente clase. 14. Crea tu carrete de motion graphics: Oigan, chicos, en esta clase, vamos a tomar nuestra sencilla animación, y vamos a hacer un carrete de gráficos moca fuera de ella en after effects Vamos a componerlo. Vamos a hacer múltiples capas. Vamos a cortarlo, cortarlo, y hacerlo un poco más dinámico e interesante. Entonces veamos cómo podemos hacer eso. Y ahora, lo que puedes ver es que configuramos nuestros marcadores con eso, según los beats. Entonces, lo que vamos a hacer encima de esto, lo vamos a agregar en nuestra animación. Así que tenemos nuestro comp original aquí y tenemos la ilustración de la taza dos. En la Mugulillustración dos, realidad tiene la composición y voy a hacer un trasfondo para esto voy a hacer un trasfondo para Cómo puedo hacer eso es que voy a ir a Nu click derecho en Nu y voy a hacer un sólido. Cuando haga un nuevo sólido, automáticamente lo hará a la escala de mi composición. 1080 por 13 50, y luego puedo escoger un color. Voy a dejar caer este color y luego voy a hacerlo un poco más claro que eso solo porque esa es la sombra. Voy a pegarle bien. Y ahí vamos. Ahora voy a traerlo debajo de mi ilustración de taza. Ahora tengo una composición con un fondo coloreado, pero también tengo aquí mi composición original que no tiene fondo en absoluto, un fondo transparente. Entonces voy a usar esos dos en mi carrete motion graphic. Así que volviendo a mi mGraphrel aquí, ahora podemos traer nuestras animaciones y podemos cortarlas y hacerla más interesante Así que vamos a traer nuestra primera animación. Entonces todo lo que voy a hacer es traer mi primera animación. Voy a arrastrar mi ilustración de taza también, y la voy a traer a mi línea de tiempo. Entonces ahora tengo mi ilustración de taza también, ¿y qué quiero hacer? Quiero averiguar ¿cómo quiero ir con el ritmo? Entonces hay múltiples formas de hacer esto. No hay nadie de manera correcta o incorrecta. Solo diviértete con él, juega, mira lo que puedes hacer. Lo que quiero hacer es cortarlo, hacer un corte aquí, o hacer una transición, algún tipo de hacerlo dinámico en estos puntos. Entonces lo que estoy pensando es que tal vez pueda hacer algo con la escala es si la marca en cero o al 100% aquí, y voy al siguiente marcador, tal vez pueda sacarla un poco así. Y luego en el tercer marcador, tal vez pueda sacarlo a colación aún más grande. Bien. Y luego finalmente, en este punto, voy a cortarlo a una nueva escena. Entonces como puedo cortarlo o recortar una capa es que puedo golpear Alt y corchete derecho. Eso recortará la capa hasta donde esté mi marcador o donde esté mi cabeza de reproducción en la línea de tiempo Entonces puedes ver que ahora si me desplazo más allá de él, desapareció. No quiere decir que la animación se haya ido. Sólo significa que está recortado. También puedes arrastrar la animación así desde ambos extremos. Para que veas cuando pasas el cursor sobre las flechas dobles aparece, puedes recortarlo así Entonces entonces solo aparecerá donde está la sección de recorte. La animación fluye como lo haría normalmente, pero solo estás recortando la capa Podemos ver esta animación entrando. Ahora, no quiero que pase sin problemas así. Yo como que quiero hacerlo una especie de salto de esta escala a esta escala a esta escala a esta escala en los marcadores. Entonces, cómo lo hago es que tengo que cambiar mi fotograma clave a algo llamado retención de fotograma clave Entonces voy a hacer clic derecho. Iré a Toggle Keyframe hold Y lo que eso hace, guarda esta información hasta el siguiente fotograma clave Por lo que no va a rellenar las páginas, como dijimos antes. Entonces, si me desplazo, se puede ver ninguna transición hasta que el boom llegue a ese fotograma clave Ahora puedo hacer lo mismo aquí, keyframe hold. Y no hay animación hasta el boom. Entonces ahora si lo retomo, se puede ver que salta a esos marcadores, y ahora quiero cortarlo aquí. Así Alt u opción corchete cuadrado derecho. Y se ha ido. Bien, así que ahora quiero añadir una nueva composición. Lo que voy a traer es que voy a traer mi taza Ilustración uno. Voy a tirarlo hacia abajo, y quiero iniciarlo en este marcador de aquí. Entonces para iniciarlo, todo lo que tengo que hacer en lugar de, ya sabes, puedo hacer clic y arrastrar y jalarlo por aquí. Eso es bueno. O si quiero que sea más fácil para mí, solo puedo poner mi cabeza de juego donde quiera, asegurarme de que la capa esté seleccionada, y presionar el corchete izquierdo solo por sí mismo, y aquí es donde comenzará la animación. Mi capa comenzará en ese punto. Bien, o puedo arrastrarlo a donde quiera ir, pero lo quiero ahí. Una cosa que puedes ver es que esta es transparente, así que no hay antecedentes para ello. Pero en esta composición, voy a construir capas y capas y hacer mi video. Voy a hacer clic derecho en esta área vacía, seleccionar nuevo sólido, y voy a traer un nuevo color. Voy a hacer una especie de sensación de verde turquesa, y voy a golpear Bien. Ahora, quiero llevar esto debajo de esa capa para poder simplemente arrastrarla hacia abajo haciendo clic en esta área. O si no quiero hacer eso, puedo presionar Control y corchete izquierdo para bajarlo en mi panel de capas o Control o comando corchete derecho para que aparezca. Ahora está justo debajo y quiero que empiece ahí. corchete izquierdo trae un frente a mi cabeza de reproducción, y ahí vamos. Ahora se ve así. Bien. Ahora bien, lo genial este es que en realidad puedo duplicar este encima de sí mismo. Entonces, para duplicar una capa, golpeas el Comando Controlador D, y ahora hizo dos instancias de esta animación. Y ahora puedo arrastrar esta animación a otro lado. Entonces a lo mejor quiero hacer un par de ellos. Entonces tal vez quiero hacerlos aparecer uno por uno, uno aquí, uno aquí, uno aquí, uno aquí y uno aquí en cada uno de estos marcadores. Así que voy a probar eso. Entonces voy a hacer mi duplicación. Voy a llevar mi cabeza de reproducción al siguiente marcador. Voy a golpear corchete izquierdo. Ahora, en realidad, no, no voy a dejar corchete. Quiero que la animación permanezca igual. Voy a golpear Alt corchete izquierdo y eso va a recortar mi capa. La animación seguirá siendo la misma. Estarán sincronizados todo el tiempo. Simplemente aparecerá en ese momento. Ahora voy a ir a mi siguiente playhead. Voy a duplicarlo otra vez, Control D, y ahora tengo una segunda capa. Voy a moverlo a la posición. Lo quiero aquí mismo. Y luego voy a darle a Alt, corchete izquierdo, cortarlo. Y ahora se puede ver lo que está pasando. Bien. Tengo otro aquí. Siguiente marcador, Control D para duplicar esa capa. Ahora voy a moverlo a su lugar. A lo mejor quiero que este vuelva a aparecer aquí, así como así. Ahora puedes ver que está por encima de todo, pero ahora puedo bajar para poder presionar Control corchete izquierdo, bajarlo en mi panel de capas detrás de todo lo demás. Y también quiero cortarlo a justo ahí. Entonces todo al corchete izquierdo. Eso lo recortará para ese momento. Entonces pongamos eso. Fresco. Y uno más en este playhead aquí Voy a duplicarlo. Voy a traerlo. Si no tienes tus manejadores de control, presiona V en tu teclado, eso te mostrará la herramienta de selección, luego puedes arrastrarla. Asegúrate de que la capa que deseas esté seleccionada, voy a alt corchete izquierdo para recortar la capa a este punto, y ahí vamos. Así que volvamos a jugar. Fresco. Todo bien. Ahora quiero algún tipo de transición aquí. A lo mejor quiero que estos dos en el frente desaparezcan y luego en el siguiente marcador, los dos en la parte posterior desaparezcan. Entonces voy a hacer click en los dos que están al frente. Los puedo encontrar en mi panel de capas. Y si controlo o golpeo Alt, corchete derecho, los va a recortar hasta este punto en el tiempo, y ahora se puede ver después de que desaparezcan. Después la siguiente, voy a dar click sobre las capas inferiores, Alt a la izquierda corchete, y las recorta en ese punto. Ahora desaparecen. Así que volvamos a verlo. Sí. Fresco. Todo bien. Ahora queremos hacer algo en este momento. A lo mejor quiero volver a cambiar el color. Voy a conseguir mi capa de color o simplemente voy a recortarla hasta este punto. Y ahora no hay nada ahí, y entonces voy a hacer una nueva capa de color. Vamos nuevo sólido. Escojamos un color. Hagamos un morado así, está bien. Bien, tengo un morado. Ahora quiero recortarlo o iniciarlo en este punto, boom, boom. Bien. Entonces tal vez solo quiero cambiar el color dos veces aquí. En este punto y en este punto, voy a hacer algo diferente. Cortemos esta capa, y hagamos un nuevo sólido. Voy a recoger el amarillo. Sólo vamos a hacer lo mismo que la taza. Así como así, y voy a iniciarlo ahí, solo corchete cuadrado para llevarlo al frente así. Entonces en el siguiente marcador, voy a recortarlo así. Ahí vamos. Eso se ve bastante genial. A lo mejor voy a sostener este amarillo hasta el siguiente marcador. Simplemente lo arrastraré y lo tiraré al siguiente marcador ahí mismo. Ahora aquí es donde voy a hacer algo nuevo. Tenemos que rellenar esto. A lo mejor quiero duplicar ese verde otra vez, Control D, duplicarlo, llevarlo a donde lo quiero. El corchete izquierdo lleva el punto al cabezal de reproducción, y ahora recuperamos este color. Ahora lo que quiero hacer es que quiero tal vez hacer alguna moción. Al igual que hice con mi báscula, quiero cortar, cortar. A lo mejor quiero que empiece por arriba y luego boom, boom, boom, boom abajo. Veamos cómo podemos hacer eso. Voy a duplicarlo. Empiezo con uno nuevo y voy a cortarlo ahí. Todo bien. Entonces voy a cortar esta de aquí. Ahora voy a llevar este a la cima. A lo mejor tengo que tirar de ese uno hacia atrás un marco. Así, voy a empezar por aquí, y después voy a golpear mi P en mi teclado para conseguir la posición. Voy a ir a mi siguiente marcador. Voy a tirarlo hacia abajo. Siguiente marcador, tire de él hacia abajo. Siguiente marcador, tire de él hacia abajo, y siguiente marcador, tire hacia abajo. Después mi final, cortaré ahí y traeré de vuelta mi composición principal. Ahora puedes ver lo que está pasando aquí. No se ve mejor porque es suave. Voy a resaltarlos todos e ir toggle hold keyframe Ahora vamos a verlo a través. Bien, hagamos ese gran golpe al final con mi ilustración de taza principal dos Y yo lo empezaré. Mueva el punto final hasta allí. Boom. Ahí vamos. Entonces, ahí vamos. Hicimos un carrete de gráficos en movimiento genial. Se ve realmente increíble, muy divertido. En la siguiente clase, vamos a aprender a exportar nuestra animación como regalo animado, así como un archivo MP four, archivo video que podemos compartir en redes sociales. Te veré ahí. 15. Exportar tu animación: 33 Bien, tío. Entonces en esta clase, vamos a aprender a exportar nuestra ilustración como regalo animado, así como un archivo de video que podemos compartir en redes sociales. Vamos a saltar dentro de él. Bien, entonces tenemos nuestro archivo abierto aquí. Ahora, tenemos nuestra línea de tiempo aquí, y lo primero que vamos a hacer es volver a nuestra ilustración de taza, nuestra ilustración principal, donde tenemos nuestra comp animada aquí. Sólo vamos a cortar la animación para que encontremos dónde se repite. Vamos a encontrar el punto de partida del bucle. Así que hace un bucle a 1 segundo, así que en ella vuelve a los 2 segundos. Sólo vamos a tal vez 4 segundos estaría bien. Vamos a poner nuestra cabeza de juego a los 4 segundos. Vamos a bajar el espacio de trabajo hasta ahí. Esta es nuestra área de trabajo. Cuando retoquemos, solo se reproducirán a través de esta sección. Podemos ver aquí. A ver si bucles correctamente. Sí, se ve bastante bien. Todo bien. Ahora lo que vamos a hacer es que vamos a ir a Archivo. Vamos a exportar, agregar a Media Encoder Q. Esto abrirá Adobe Media Encoder, asegurará de que lo tengas instalado en tu computadora, y luego podremos exportar esto como un regalo animado. Una vez que Media Encoder esté abierto y su archivo haya estado ahí, puede hacer clic en el archivo de salida y puede hacer clic donde desee que se guarde. Y luego puedes hacer doble clic en este h264. Esto sacará a colación el menú, y esto nos permitirá cambiar muchas de las opciones de nuestra animación. Entonces aquí, queremos cambiar el formato de h264 y queremos encontrar regalo animado. Esto nos permitirá crear un regalo animado a partir de nuestra ilustración. Como puedes ver aquí, en realidad dice rango de origen, área de trabajo. Lo configuramos a solo unos segundos, y ahí es donde exportará cuatro. Por lo que sólo va a exportar 4 segundos de animación, lo cual es perfecto para un regalo animado. Es bueno. Ahora, vamos a bajar aquí y vamos a cambiar un poco algunos de los ajustes para reducir el tamaño del archivo de nuestro regalo. Lo primero que quizás quieras cambiar es que puedes mantenerlo a 25 fotogramas por segundo, pero vamos a cambiar eso. Sólo vamos a reducirlo a tal vez 12.5. Le daré un poco más de sensación de nervios y también reducirá el tamaño de tu archivo Entonces, cuando estés cargando regalos en Internet, ellos se cargarán más rápido. Lo segundo que quieres hacer es que quizás quieras cambiar la resolución de tu regalo animado. Simplemente vamos a deshacer clic en esta marca de verificación, y ahora vamos a entrar en esto y sólo vamos a dividir por dos Vamos a dividir por dos que simplemente corta la resolución a la mitad y solo reduce bastante el tamaño del archivo. Si quieres mantenerlo como la resolución completa, eso está perfectamente bien. Simplemente aumentará el tamaño de tu archivo, pero, ya sabes, tu llamada. De todos modos, voy a reducirlo, y ahí vamos. Entonces todo lo que tenemos que hacer es golpear Bien, y ahora está listo, para que puedas hacer click sobre él. Podemos presionar Play y lo recorrerá y tendrás tu animación genial. Podemos encontrar el lugar donde exportó, y ahí vamos. Tenemos un regalo animado genial ahí mismo, y tiene un fondo transparente y todo. Es increíble. Lo siguiente que queremos hacer es exportar nuestro video. Así que volvamos a saltar al video. Vayamos a nuestro MGraphrel y este queremos que el espacio de trabajo sea la gama completa M. Muy chulo. Y vamos a ir a Archivo, Exportar, agregar al codificador de medios Q. Muy bien. En este, no queremos que sea un regalo animado. Vamos a hacer clic en eso otra vez. Vamos a restablecerlo a h264 o al tipo de archivo que quieras y se exportará como MP four aquí si quieres puntear MOV, eres un usuario de Apple, puedes hacer eso, cualquier cosa por el estilo Puedes mantener la resolución completa porque vamos a publicar esto tal vez en las redes sociales y queremos que se vea muy bien y asegurarnos de que el área de trabajo esté completamente establecida, y todo lo que tienes que hacer es golpear Bien. Y vamos a pulsar Reproducir y exportará tu video como MP four. Si lo encontramos en nuestros archivos. Ábrela. Bien, ahí vamos. Exportamos nuestra ilustración o animación como regalo, así como un archivo Npour que puedes publicar en redes sociales Asegúrate de que si publicas en Instagram, solo llévame a l dot an dot art. Me encantaría ver lo que ustedes crean. 16. ¡Gracias! ¡Eres genial!: Oigan, chicos, solo quiero agradecerles tanto por tomar la clase. Ha sido un viaje para aprender después de los efectos, y ha sido muy divertido. Espero que no haya sido demasiado abrumador para ti o demasiado simple. Espero que hayas podido tomar algo de esta clase y aplicarlo a tu propio flujo de trabajo y a tu propio proceso de ilustración. Y después de los efectos es una herramienta increíble, y es muy divertido jugar con ella. Una vez que lo sepas un poco, puedes empezar a hacer más cosas. Puedes jugar con la posición, rotación, escala, opacidad y animar todas esas cosas usando fotogramas clave o probar esa expresión de bucle para, ya sabes, simplemente hacer una animación continua Es muy divertido. Tengo muchas ganas de ver lo que ustedes crean. Así que asegúrate de exportar tu animación como regalo animado y publícala en el panel del proyecto, así como cualquier otra cosa. Si publicaste en las redes sociales, llévame a kyle punto un punto q. Si tienes alguna duda sobre lo que cubrimos en la clase, no dudes en publicar en el panel de discusión, y me pondré en contacto contigo lo antes posible. Si disfrutaste la clase y aprendiste algo, por favor considera dejar una reseña positiva en Skillshare para que más estudiantes como tú puedan venir a aprender juntos Si quieres seguir aprendiendo conmigo, sígueme aquí en Skillshare para que te avisen cuando se lance una nueva clase Así como puedes consultar en mi perfil una biblioteca de otras clases. Tengo clases de Ilustración y diseño gráfico, y ahora tengo más sobre motion graphics, para que podamos continuar este viaje juntos. Muchas gracias por tomar la clase, y les deseo todo lo mejor en su viaje creativo. Te veré la próxima vez. Oye, soy un maestro diseñador gráfico en movimiento que puede animar cualquier cosa. Wha 17. Lección extra: apuesta a que pensabas que ya estábamos listos: Oigan, chicos. Bienvenida de nuevo. Apuesto a que pensabas que la clase había terminado. Bueno, esta es una lección extra. Si quieres cambiar tu animación de alguna manera, quiero mostrarte cómo puedes editar fácilmente el archivo de Adobe Illustrator, y se actualizará automáticamente en After efects. Vamos a saltar a la derecha. Entonces terminamos nuestra animación, y se ve bastante bien. Pero, ¿y si quisiéramos cambiar el logo o los colores de la taza o el corazón? Queremos cambiar eso a otra cosa. Bueno, lo que podemos hacer si volvemos a nuestra ilustración de taza principal, puedes ver que todos estos son archivos de IA. Se puede ver que el icono es un archivo de Adobe Illustrator. Es porque están vinculados al archivo de Adobe Illustrator. Entonces, si actualizamos el archivo de Adobe Illustrator, ¿adivina qué? Tu animación también se actualizará en los efectos posteriores. Así que saltemos al archivo de Adobe Illustrator que está conectado. Y puedes ver aquí tenemos nuestras diferentes capas. Voy a apagar la reflexión por ahora, y ahora voy a hacer algunos ajustes. Entonces, en vez del corazón, voy a esconder el corazón. Solo desbloqueemos nuestras capas y luego escondamos el corazón. Y a lo mejor quiero un rayo. Creo que quiero el relámpago. Eso sería genial. Entonces enciendo la capa relámpago y la máscara relámpago más tarde, y puedo rebloquearlas y así Y ahora ya no quiero decir isometría, así que voy a desbloquear mi capa de taza, y luego voy a apagar el logo de isometría, y voy a convertirme A lo mejor quiero poner, ya sabes, taza caliente de increíble. Eso se ve bastante genial. Y ahora si quiero cambiar el color, presionaré Y en mi teclado, seleccionaré la taza, y luego podría hacer doble clic y puedo cambiar el color a Veamos. ¿Qué tipo de color va bien con esto? Obviamente, el amarillo es probablemente bastante bueno, pero cambiemos el color bastante dramáticamente solo para que obtengamos una mejor imagen. A lo mejor un azul. Y también cambiaremos el color de la escritura. A lo mejor vamos a hacer un azul más oscuro, y luego tendremos la escritura. Pulsaremos Y en nuestro teclado, seleccionaremos la escritura, y luego vamos a cambiar eso también. Cambiemos eso a un amarillo brillante. O rojo? No, el amarillo se ve bastante bien. Taza caliente de increíble. Eso es increíble. Bien. Así que cambiamos nuestra ilustración en Adobe Illustrator. Ahora vamos a volver a los efectos posteriores. Así que asegúrate de cerrar nuestras capas, bloquearlas, presionar Guardar, controlar S, y podrás ver que está guardando en la esquina. Ahora volvamos a los efectos posteriores. Y como puedes ver, se ajustó automáticamente para nosotros. Entonces si volvemos a nuestro comp, nuestro carrete MoGraph, puedes ver que ya que solo teníamos la única composición, automáticamente td Ahora bien, hay una cosa que es un poco divertida de esto es que el forro no coincide completamente con el reflejo, así que tenemos que volver a nuestra comp principal y tenemos que simplemente ajustarlo. Entonces hacemos doble clic en nuestra comp principal, y esto es lo que tenemos aquí. Ahora bien, si acercamos el zoom, solo uso mi rueda de desplazamiento para acercar el zoom. O puedes ir al 100% aquí y encontrar eso. Ahora, queremos obtener la capa de máscara de reflexión. Esa es la que contiene nuestra reflexión, y esa es la que queremos mover. Así que vamos a hacer click en esa capa y ésta está parentada al objeto Pero también podemos moverlo independientemente del objeto también. Entonces voy a moverlo independientemente del objeto y voy a encontrar el lugar donde tiene que estar. Todo bien. Ahora puedes ver aquí. Pero una cosa que puedes ver es que donde empieza no es realmente el lugar que quiero que empiece. Entonces, para mover todo, si pongo el cursor sobre mis fotogramas clave y solo muevo esto, solo ajustará ese fotograma clave específico Así que ahora va a ir de lado así. Pero, ¿y si quisiera mover toda la animación? Puedo pasar el cursor sobre uno de los fotogramas clave, seleccionarlos todos Y ahora cuando lo mueva, ambos fotogramas clave se moverán con él. Entonces ahora puedo ponerlo en el lugar donde quiero iniciarlo y se anima a la perfección Entonces todo lo que tienes que hacer es que tienes que, cambiar tu archivo de Adobe Illustrator, luego tienes que guardarlo. Voy a actualizar en después de los efectos. Tienes que mover tu capa de máscara de reflexión. A donde quieras que se asiente sobre tu objeto. Y luego solo tienes que mover las propiedades de posición de tu animación a donde están. Solo asegúrate de que cuando muevas las propiedades de posición, tu cabeza de reproducción esté sobre uno de los fotogramas clave y todos los fotogramas clave estén seleccionados, y luego todos se moverán juntos Si tu cabeza de reproducción está en algún lugar diferente a los fotogramas clave, en realidad agregará un nuevo fotograma clave allí mismo Y no quieres eso, se verá un poco extraño. ¿Bien? Entonces así es como se hace eso. Y ahora veamos nuestra animación, nuestro MGraphrel. Solo vayamos a cazar al 100% y empezar nuevo. Eso es genial. Bien, una última cosa que quiero mostrarte cómo hacer en after effects es si volvemos a nuestra ilustración de Mug. Y ¿y si quisiéramos cambiar el color de la sombra sin entrar en el archivo real de Adobe Illustrator? Lo que podemos hacer es encontrar una sombra aquí. Y una cosa que podemos hacer es que podemos ajustarla. Podemos moverlo. Y ahora, como se ajusta en esta capa, afecta a cada caso en que se utilice esta composición. Y eso quiere decir que está en este de aquí. Yo cambié y también en tu Mgrapho. Entonces cambió en todas partes. Ahora, digamos que queremos cambiar el color. Entonces no podemos cambiarlo directamente desde aquí, esta capa. Pero lo que puedes hacer es hacer clic derecho sobre él. Se puede ir a crear y crear formas a partir de la capa vectorial. Entonces en este momento es una capa vectorial, y está conectada al archivo de Adobe Illustrator. Pero una vez que creas formas vectoriales o formas a partir de la capa vectorial, se vuelve independiente del archivo de Adobe Illustrator. Así que puedes cambiar el color como quieras en after effects y no cambiará la ilustración real. Entonces cambiamos eso. Ahora puedes ver que creó dos capas. Desactivó la capa de sombra original y creó una capa de forma sobre la parte superior con esa propiedad. Y si subimos a la cima aquí, puedes ver que tiene un relleno, y en realidad puedes cambiar el relleno al color que quieras. A lo mejor la sombra quiere ser una naranja así. Entonces ahora cambié mi capa de sombra a una naranja, vuelvo a mi MGraphrel y cambió automáticamente ¿Bien? Ahora bien, si quería cambiar el fondo de mi composición principal, vuelvo también a la ilustración de mi taza, y ya sabes que tenemos un fondo. Podríamos simplemente seleccionar nuevo sólido y cambiarlo a algo diferente. Así que sólo voy a seleccionar el color, hacerlo de un amarillo más claro, y darle a OK, y moverlo por encima de mi anterior. Y si, vamos a ver. Bien, así que acabamos de actualizar nuestra animación muy rápido, muy fácilmente, actualizamos el archivo de Illustrator, lo guardamos Actualicé automáticamente en after effects, y creamos un carrete completamente diferente en cuestión de minutos. Así que eso es bastante genial. Si creaste un carrete y publicaste en Instagram, por favor, me encantaría verlo. Así que solo llévame a kyle punto n punto q. No puedo esperar a ver lo que ustedes crean.