Animar transformaciones de íconos en Adobe After Effects | Megan Friesth | Skillshare
Menú
Buscar

Velocidad de reproducción


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

Animar transformaciones de íconos en Adobe After Effects

teacher avatar Megan Friesth, 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.

      ¡Hola!

      1:13

    • 2.

      Proyecto de clase

      0:57

    • 3.

      Ejemplos

      1:59

    • 4.

      Crear un plan

      6:30

    • 5.

      Plan: Llévalo al siguiente nivel

      2:48

    • 6.

      Prepárese para la animación

      4:53

    • 7.

      Importación de archivos de IA en After Effects

      4:42

    • 8.

      Entradas de animación y pasaporte para maleta, parte 1

      9:47

    • 9.

      Entradas de animación y pasaporte para maleta, parte 2

      9:00

    • 10.

      Animar capas de maleta extra en

      6:01

    • 11.

      Maleta de animación para planar

      6:02

    • 12.

      Avión de animación para globo, parte 1

      5:52

    • 13.

      Giro en globo en animación

      8:41

    • 14.

      Avión de animación para globo, parte 2

      1:53

    • 15.

      Animar a Globo para localizar Pin y mapa

      7:19

    • 16.

      Pin de ubicación de animación y mapa para cámara

      10:21

    • 17.

      Capas de cámara extra

      5:16

    • 18.

      Cámara de animación a fotos

      7:03

    • 19.

      Animar capas de fotos extra

      2:53

    • 20.

      Fotos de animación

      4:06

    • 21.

      Animar fotos para entradas y pasaporte, parte 1

      8:05

    • 22.

      Animar fotos para entradas y pasaporte, parte 2

      6:58

    • 23.

      Polish tu animación

      7:47

    • 24.

      Conclusión

      0:37

  • --
  • 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.

3124

Estudiantes

22

Proyectos

Acerca de esta clase

Aprenderás a animar transiciones llamativas para morfos. Uno de los aspectos más intrigantes de la animación, es que puedes hacer que las cosas sucedan en pantalla que nunca podrían pasar en la vida real. Al agregar giros inesperados a tus animaciones, puedes involucrar y expresar a tu público.

Al final de esta clase, puedes replicar mi animación con iconos sencillos basados en el tema del viaje. Pero aún mejor aprenderás a aplicar la misma lógica y técnicas a cualquier conjunto de iconos, o incluso a otros tipos de gráficos, para que puedas crear tus propias animaciones de morphing únicas.

Las animaciones de Morphing pueden ser una gran manera de transición entre escenas en un video animado. También puedes utilizarlos para mostrar una progresión de pasos, una lista de artículos o contar una mini historia.

En esta clase, aprenderás lo siguiente:

  • configurar tus iconos en Adobe Illustrator para que sean fáciles de animar
  • planificar tus transiciones de morfo para una animación fluida y equilibrada
  • mantener tu archivo de proyecto de After Effects
  • crear transiciones de morphing suave con manteca entre iconos
  • animar fácilmente entre formas básicas
  • manipular las rutas de formas más complejas para lograr el máximo control
  • usar máscaras para animar gráficos en o en directo
  • crear una esfera en 3D en After Effects
  • usar objetos null para controlar varias capas con facilidad
  • añadir anticipación y superposición para llevar tu animación al siguiente nivel
  • ahorrar tiempo con consejos que he desarrollado a partir de años de trabajo en After Effects

Si eres novato en animación en After Effects, revisa mis iconos de animación Easy Animated para tomar esta clase.

Encuéntrame en línea:

Mi sitio web

Instagram

Pinterest,

YouTube

Conoce a tu profesor(a)

Teacher Profile Image

Megan Friesth

Motion Designer

Top Teacher

Hi! I'm Megan Friesth, a motion designer and illustrator from Boulder, Colorado. For my job I create explanimations-that is educational animations-and here I create education on how to animate! I have degrees in physiology and creative technology & design. By combining these two disciplines I create explanimations that help patients with chronic diseases understand complex medical information and take control of their health. When I'm not inside Adobe Illustrator or After Effects, I love traveling, running, skiing, yoga, and gardening.

Ver perfil completo

Level: Intermediate

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. ¡Hola!: Bienvenido a animar iconos de morfación en After Effects. Una de las cosas que me encanta de la animación es que comienzas con un lienzo en blanco y puedes crear cualquier cosa que puedas imaginar. Se puede hacer que pasen cosas en pantalla que nunca pueden suceder en la vida real. Como una maleta transformándose en un avión, transformándose en un globo giratorio. Es básicamente magia. Hola, soy Megan Freest, diseñadora e ilustradora de movimiento de Boulder, Colorado. En esta clase, te enseñaré a replicar mi animación de morfación de icono de viaje. Pero aún mejor, aprenderás a usar la misma lógica y técnicas en cualquier conjunto de iconos o gráficos para crear tus propias animaciones de morfación únicas. Las animaciones de morfación pueden ser una gran manera de pasar de una escena a la siguiente en un video explicador. O puedes usarlos para mostrar una progresión de eventos o una lista de artículos, o incluso una mini historia. En esta clase tendrá que estar familiarizado con Adobe After Effects. Si apenas estás empezando, echa un vistazo a mi clase, Iconos animados fáciles para ponerte al día. Si quieres crear tus propios iconos o gráficos, si quieres estar familiarizado con Adobe Illustrator, pasa brevemente por encima de illustrator en mi clase, Easy Animated Icons. Echa un vistazo si necesitas un refresco rápido. Si estás listo para hacer alguna animación mágica de morfación, empecemos. 2. Proyecto de clase: Para el proyecto de clase, puedes optar por replicar mi animación de iconos de viaje o crear tu propia animación de morphing única. Está bien copiar mi animación exactamente con fines de aprendizaje, pero por favor siempre dé crédito donde se deba el crédito. Si decides publicar tu proyecto fuera de Skillshare, encontrarás el archivo zip descargable con todos los archivos de iconos del ilustrador debajo de este video en la pestaña de proyectos y recursos. Si quieres saltar directo a la animación, pero quieres desafiarte por no hacer la misma animación que yo, podrías descargar el ícono de mi clase, iconos animados fáciles y usar esos o pedir a un amigo diseñador que hacer algunos iconos para ti o encontrar algunos en línea. Por supuesto, siempre puedes crear tus propios iconos. Te animo a iniciar un proyecto de clase y publicar tu progreso en el camino a medida que planeas tu animación, creas gráficos, y comienzas a animar. Si te quedas atascado o quieres retroalimentación en cualquier momento, en la pestaña de la comunidad. No puedo esperar a ver lo que creas. 3. Ejemplos: Las técnicas de transición de morfación que te estaré mostrando a lo largo de este curso, pueden hacer divertidas animaciones llamativas que se destacan solas. Pero también puede ser una buena manera de animar una lista de elementos dentro de un video explicador o de hacer una transición entre escenas. Este es un pequeño ejemplo divertido que hice que se puede utilizar para mostrar todos los diferentes tipos de helados que una heladería vende. También puedes usar transiciones de morfación para mostrar una progresión de eventos o pasos, o para contar muchas historias. Ese fue el objetivo para la animación de iconos de viaje que estaré demostrando en esta clase. Muestra la progresión de ir en un viaje desde obtener sus boletos y pasaporte, empacar su maleta, volar alrededor del mundo, navegar hasta su destino, y tomar fotografías. Ya que bucea, incluso podrías llegar tan lejos para decir que las fotos de lugares frescos te inspiran a comprar unas entradas y es cíclico. Aquí hay otro ejemplo de una lista de pasos para crear una animación. En ambos iconos de viaje, en este me esforzaba por el movimiento continuo. Siempre hay algo que mirar y luego las transiciones fluyen de un ícono a otro. Es casi como si estuvieras tratando de ocultar el hecho de que una cosa se convirtió en algo completamente diferente, porque parece fluir tan naturalmente. Aquí hay otro ejemplo de un GIF que hice de mi padre y la mayoría de los pasatiempos favoritos, golf y running.Esto fue parte de un proyecto que hice llamado GIFs de Navidad sin la T, donde hice un GIF para todos en mi familia para Navidad. Esta animación de estilo morfante no es exclusivamente para iconos. Pero la razón por la que elegí iconos para esta clase, es que pueden ser rápidos y fáciles de hacer, por lo que podemos pasar más tiempo centrándonos en la animación. También podemos hacer que el proceso de animación sea un poco más fácil si usas un estilo de iconos similar al que hice yo. Con estos iconos, no tienes que lidiar con muchos colores y se llega a trabajar con formas principalmente básicas, lo que puede hacer que algunas de las transiciones de morfación sean más fáciles. Pero aquí hay un ejemplo de una animación de transición morfante que hice sobre una rutina matutina que utiliza ilustraciones de células grasas. Esperemos que esos ejemplos te hayan inspirado y estés empezando a pensar en ideas sobre lo que quieres crear. En el siguiente video, iniciaremos el proceso de planeación. 4. Planificación: Planear lo que animarás puede ahorrar mucho tiempo en frustración más adelante. Ahora si estás planeando replicar mi animación, no te saltes este video todavía. Quiero mostrarles mi proceso de pensamiento por cómo empecé. Empecé con el tema de los viajes. Después hice una lista de todos los iconos que se me ocurrió en esa categoría. Desde que sabía que quería mostrar una serie de pasos que [inaudible] en mi lista y descubrí qué iconos tendrían sentido y en qué orden. Después empecé a hacer mis iconos e Illustrator. Dependiendo de cómo te guste trabajar, es posible que quieras dibujar tus iconos en papel primero. En ocasiones esto me ayuda a sacar mis ideas, pesar de que soy realmente terrible dibujando sobre papel antes de que mis iconos sean perfectos, me gusta empezar a planear cómo pasar de un ícono a otro. Todos obtienen piezas que potencialmente podrían transitar de una a otra y empezar a elaborar flecha. Tengo un plan que seguir cuando empiezo a animar. Por ejemplo, en este boleto y pasaporte, tengo el pasaporte del mismo color que esta parte interior de la maleta. Hice esto a propósito para que pudiera rotar ambos, conseguir el boleto para alinear con la maleta y luego conseguir que el pasaporte se alinee con la parte interior de la maleta. Obviamente estos chips son exactamente del mismo tamaño y forma que los de la maleta, pero eso está bien porque puedo animarlos para que tengan la misma forma. Entonces algunas de estas piezas extra como el mango y el phi en las esquinas, solo puedo animar esas encendidas por separado. No todos los aspectos del primer ícono tienen que pasar al segundo ícono. Podrás tener piezas del segundo ícono que forman parte del primer ícono. Entonces otro ejemplo en la maleta, me di cuenta de que esta gran parte principal de la maleta no coincide exactamente con ninguna de estas capas. Pero, ¿y si fuera a encogerme verticalmente esta maleta? Es sólo una línea recta y eso lo haría así [inaudible] arriba con estas alas aquí. Entonces podría tomar la placa del nombre de la maleta y escalar eso para que sea del mismo tamaño que esta capa llana principal. Es fácil hacer un cuadrado o rectángulo en un círculo o un óvalo en efectos posteriores. Sé que puedo animar esta etiqueta de nombre a esta forma redondeada del avión. El motivo por el que elegí esta capa de etiqueta de nombre de maleta es porque es del mismo color que el avión. tanto que si hubiera hecho la maleta interior de lo que habría tenido que colorear mi plano capa principal del mismo color con este relleno más oscuro. Entonces en realidad terminé por no usar estas nubes en mi animación porque ninguno de los otros iconos tenía algo que fuera separado así. Simplemente decidí mantener una consistente y deshacerme de estas nubes. Una vez tengo una idea aproximada de cómo van a ser mis iconos y cómo puedo pasar de uno a otro. A mí me gusta empezar a dibujar flechas así que tengo un plan que seguir. En primer lugar sé que quiero que este pasaporte y boleto roten 90 grados en el sentido de las agujas del reloj. El interior de la maleta viene del pasaporte y la parte principal de la maleta viene del boleto. Entonces en la siguiente transición, tengo la capa principal de la maleta que se encoge hacia abajo, así que se está colapsando para hacer alas del avión. Entonces la placa del nombre está saliendo para convertirse en la parte principal del avión. Entonces la parte interior de la maleta va a entrar para convertirse en la cola de ese avión. En general, la transición de la maleta al avión tiene la mayoría de las capas entrando entre sí. Acabo de etiquetar eso como en. Te mostraré por qué hago un seguimiento del movimiento general en un segundo. En la siguiente transición, tengo la capa principal del avión saliendo al globo y luego todo lo demás que forma parte del avión sólo se va a esconder detrás del avión. Mi principal movimiento general es mudarse para llegar de la Tierra a la pandilla de localización. Voy a hacer que la Tierra se encoja hacia abajo en este pequeño círculo en el interior del pin de ubicación. El movimiento principal va a estar en, y luego también voy a hacer que se caiga la Tierra y luego el pin de ubicación rebotará para darle un poco más de una animación interesante. El movimiento general está dentro y abajo. En la próxima transición, voy a tener la capa de mapa diversión fuera. Parece que ha sido como volcado hacia arriba y se va a aplanar en este panel de tres pliegues. Entonces va a girar en sentido contrario a las agujas del reloj. Entonces los pliegues se van a alinear con esta cámara. Se puede ver que hay tres secciones en la cámara. Esas secciones van a venir de estas tres secciones del mapa. Entonces el pasador de ubicación va a pasar a la lente de la cámara. Animaré la forma de la parte exterior del pasador de ubicación. Entonces la parte interna solo necesitará ajustar su tamaño. El movimiento general en este va a ser rotar en sentido contrario a las agujas del reloj y subir un poco. Porque este mapa necesita moverse hacia arriba para estar en el centro. En mi próxima transición, voy a hacer que la cámara se mueva hacia el centro. Entonces eso hará la parte exterior de la foto. Entonces en realidad esta parte interna de la cámara va a hacer la parte interior de la foto. Eso también es mudarse. Entonces la lente va a hacer el sol. Eso también es un movimiento adentro, por lo que el movimiento general se está colapsando sobre sí mismo. En la transición final para hacer el bucle de animación, voy a hacer que salga la foto en general y luego del sol va a venir este globo. El movimiento general básico va a estar fuera. A veces mientras planeo mis transiciones, necesito ajustar unos pedacitos de mi ícono. A lo mejor no tenía esta maleta llamada play al principio y me di cuenta de que necesitaba algo para llegar a la capa principal del avión y el interior de la maleta no iba a funcionar porque tiene que ser este relleno más oscuro porque viene del pasado para ello, pero no quiero que el avión sea el relleno más oscuro, así que necesito algo más. Por eso agrego en la entrada. Es posible que tengas que ajustar tus iconos a medida que planeas las transiciones y eso está totalmente bien. Pero a medida que descifras las transiciones, puedes finalizar tu icono. Esto no significa que no puedas cambiar tus iconos más tarde o que tengas que ejecutar exactamente lo que planeaste. Pero sólo sacar tus ideas de la cabeza puede ayudarte a atrapar cualquier problema en el que las cosas podrían no funcionar tan bien como lo hicieron en el mundo ideal en tu mente. A veces creo que tengo una gran idea, pero cuando voy a sacarla y planearla, no parece que vaya a funcionar también. 5. Planificación: ir al siguiente nivel: Otra cosa en la que trato de pensar a la hora de planear es cómo puedo equilibrar el movimiento a lo largo de mi animación. Mirando mi animación en su conjunto, y mirando todas estas flechas que planeé, puedo ver que he planeado una animación equilibrada, y eso es porque aquí tengo una rotación en sentido horario. Entonces más tarde, balanceo eso con una rotación en sentido contrario a las agujas del reloj, y luego tengo la animación moviéndose, y no tienes que hacer esto de vuelta a atrás, pero así es como me funcionó en esta animación. Después lo tengo moviendo hacia adentro y hacia abajo, y luego estoy sumando un movimiento hacia arriba para equilibrar este movimiento hacia abajo aquí en la siguiente transición, y luego tengo otro movimiento hacia adentro, seguido de un movimiento hacia afuera en la siguiente transición. A veces crear un movimiento continuo en una dirección puede ser una técnica fresca, en mi ejemplo de rutina matutina, cada transición gira en la misma dirección, y en realidad añadí esto al final y fue muy decidido. El tema es realmente con solo no tener ningún plan o propósito para los movimientos. Si no planeas tus transiciones, eres animación puede que te sientas desordenada. También me gusta asegurarme de que haya movimiento continuo a lo largo de la animación, así que considera el movimiento natural del objeto que estás animando. Ejemplo de ello es la maleta balanceándose como si se estuviera llevando, y el avión se inclina como si estuviera volando por el aire. Estoy tratando de simplemente mantener el movimiento continuo a lo largo de toda la animación para que nada simplemente se detenga en postura quieta. Puedo agregar un saldo en el pin de ubicación y el globo estará girando, así que eso mantendrá el movimiento en marcha. La cámara sólo puedo girarla alrededor como si alguien estuviera presionando el botón del obturador y tomando una foto. En las fotos se van a intercambiar lugares, por lo que la superior irá a la parte inferior y la inferior irá a la parte superior, que eso mantenga esa animación en movimiento. Cuando tu animación tiene movimientos intencionados y equilibrados, hace que la animación fluya y se sienta natural. El espectador se sentirá inconscientemente a gusto si haces desaparecer algo sin tener una razón o sin tener algo que reaparezca en su lugar. Puede dejar al espectador preguntándose consciente o inconscientemente qué pasó, y podrían estar anticipando algo que regresa y luego pueden distraerlos de tu pieza. Ahora, me doy cuenta de que eso es mucho en lo que pensar. Lo que es importante aquí es realmente solo conseguir un plan suelto. Deja espacio para descubrir cosas en las que no estás pensando ahora, y por accidentes felices. En realidad empecé con un icono de avión diferente pero terminé cambiando porque el original no funcionaba. También tuve que volver atrás y arreglar muchas de las formas y mis iconos cuando me di cuenta de que no eran ideales para lo que intentaba hacer. Si sientes que esto te está pasando, no te preocupes, es totalmente normal. Si todo esto parece abrumador, entonces solo concéntrese en replicar mi animación de íconos de viaje. Una vez que hayas terminado eso, estarás listo para crear la tuya propia. Si quieres comentarios sobre tu plan publícalo en el proyecto de clase. 6. Preparar iconos: Echemos un vistazo a cómo preparé mis gráficos. Si estás usando mis iconos, te explicaré por qué las cosas son como son. Si estás creando los tuyos propios, querrás seguir estos consejos para facilitar la animación. En primer lugar, empecé con una mesa de trabajo bastante grande. Mi mesa de trabajo es de 1080 pixels por 1080 pixels. Hice mis iconos más grandes de lo que probablemente los querré al final. Utilicé como guía unos 600 por 600 píxeles cuadrados y luego mi ancho de trazo es de 21 puntos. No tienes que usar iconos o gráficos que sean de este estilo, pero algunas de las técnicas que te estaré mostrando solo funcionarán en este estilo. El motivo por el que me gusta hacer que mis iconos sean agradables y grandes para este tipo de animación es que vamos a estar haciendo muchas cosas alineando y luego cortando una capa y queremos asegurarnos de que las cosas estén realmente alineadas con precisión y es más fácil cuando el icono es grande. Cuando tienes un ícono realmente pequeño y haces zoom y secuelas, se puede pixelar. Se puede ver este, el más grande, sería mucho más fácil trabajar con él que éste que ya está borroso. ¿ Por qué este ícono se ve así y no como la versión final que ves en la animación. Hay un par de razones. Si sabes que vas a tener algunos de tus iconos rotados en la animación, es más fácil si parten desde cero grados. Tengo este ticket girado hacia la derecha en la animación pero es más fácil iniciarlo a cero grados. De esa manera puedo saber exactamente dónde estoy cuando lo giro y luego si necesito volver a cero para cualquiera de los morfamientos, Es fácil volver a cero. Si este ticket ya estuviera rotado en el Illustrator, entonces sería en cualquier grado que esté en y secuelas y secuelas pondrían estos grados a cero. Si tienes algún gráfico que sepas que se rotará en la animación, asegúrate de iniciarlos desde cero grados en Illustrator. También notarás que el ícono del globo en el pasaporte es un cuadrado en lugar de un círculo. El motivo de esto es porque este círculo se va a transformar en este pequeño cuadrado como una cosa de placa con nombre en la maleta y es realmente fácil transformar un cuadrado en círculo y secuelas. Déjame mostrarte cómo se ve eso. Si tienes una capa de forma que es un cuadrado, solo puedes alternar debajo de contenido, luego ruta de rectángulo. Tienes una opción para la redondez y si solo subes esto, ahora tienes un círculo y puedes enmarcar este valor también. Si pongo un fotograma clave, adelante en el tiempo y volver a una plaza. Ahora tendré una animación de un cuadrado a un círculo. También podrías hacer esto alterando la trayectoria de la forma si no fuera un rectángulo y si solo fuera la forma que dibujaste a mano, pero es mucho más preciso hacerlo de esta manera saldrá perfecto, lugar de tener que preocuparse por el bezier maneja y ajustarlos y hacerlo exacto. Eso puede ser realmente tedioso. Cualquier forma que yo supiera sería ir de un rectángulo o un rectángulo redondeado a un rectángulo acanalado puntiagudo o a un círculo, lo hice un cuadrado o rectángulo que tenía esquinas puntiagudas. Se puede ver que en la cámara, estos son redondeados en la animación final, en el avión esto obviamente va a ser redondo y la maleta, las esquinas serán redondeadas y estas pequeñas cosas clave se redondearán también. Otra forma en que hago que mis gráficos sean fáciles animar es que tengo un sistema de etiquetado claro. Ya verás que todas mis formas están en diferentes capas y las he nombrado primero con el objeto. Maleta tenemos pie izquierdo, luego pie derecho, luego principal, y cualquier cosa que sea común a múltiples cosas pondré primero la comunalidad. Esta tiene esquina maleta inferior luego izquierda, luego esquina maleta, misma esquina, también inferior, pero ahora derecha, y así sucesivamente. El motivo por el que tengo el objeto primero para todas las capas es porque cuando las pongo en secuelas, todas las capas de todos los diferentes iconos van a estar en la misma línea de tiempo. Ayuda a bloquear las cosas visualmente para tener primero el nombre principal. Muchas veces tendrás que reorganizar estos. Ahora todas estas capas de maleta estarán juntas, lo que no estarán separadas por otras capas. 7. Importar iconos: Ahora hay otra razón por la que empiezo con esquinas puntiagudas cuando quiero redondeadas o círculos, y eso es por la forma en que importo mis formas a After Effects. Utilizo esta extensión realmente útil llamada Overlord. Es una herramienta súper, súper útil. Sí cuesta dinero, pero me pareció que valía totalmente la pena. Si haces gráficos en Illustrator y los envías a After Effects a menudo, entonces definitivamente recomendaría revisar Overlord y lo puedes hacer en battleaxe.co. Entonces lo que Overlord hace es que te permite tomar una forma de Illustrator y empujarla a After Effects. Entonces solo le pegas a esa flechacita. Tienes la misma ventanilla pequeña en After Effects, y ahora tengo esta capa principal de maleta, que es lo que la llamé en Illustrator, en After Effects en tu línea de tiempo. Si cambio hacia abajo, puedo ver que en realidad ya está configurado como un rectángulo. Eso es súper práctico porque ahora puedo entrar y dar la vuelta a las esquinas. Después para obtener mi siguiente forma, puedo usar este pequeño botón práctico para volver a Illustrator, y luego puedo seleccionar mi siguiente forma y moverla. Ahora debes tener en cuenta que para asegurarte de que la forma importa como un rectángulo o un círculo, quieres asegurarte de que este botón de aquí está marcado. Si nunca has usado Overlord, podría haber un poco de una curva de aprendizaje, pero tienen un montón de tutoriales gratuitos, geniales para ponerte al día rápidamente. Si no quieres usar Overlord, eso está totalmente bien. Podrás hacer todo lo que soy. Deberá importar su archivo de Illustrator. Entonces ve a Archivo, Importar, Archivo, o pulsa Command+ I, luego encuentra tu archivo. Asegúrese de importar como Composición-Retener tamaños de capa. Si no ves esta opción, haz clic aquí abajo en el botón de opción. Entonces haga clic en “Abrir” y hará una nueva comp sobre en su panel de proyecto. Haz doble clic en eso para abrirlo y ahora puedes ver que tienes todas tus capas como las hiciste en Illustrator justo aquí en tu línea de tiempo. Pero estas van a ser capas vectoriales. Entonces, cuando desconectas, no tienes esas mismas opciones que tienen las capas de formas, y vas a necesitar esos controles para este tipo de animación. Lo que tienes que hacer es hacer clic derecho, ir a Crear, Crear formas a partir de capa vectorial, y ahora tienes una nueva capa, esa es la capa de formas. Ahora cuando entres en tu capa de forma, tendrás contenidos, grupo, y luego ruta. Entonces cuando tenemos una capa de forma, cuando importamos de Overlord, en realidad teníamos este dicho, camino de rectángulo y nos daba la opción de redondear las esquinas o ajustar el tamaño. Hablaremos de por qué el tamaño es importante en tan solo un segundo. Pero esto es sólo un camino y así puedo animar estos puntos de anclaje de manera individual, pero eso va a hacer que sea más difícil para lo que estoy tratando de hacer con esto. Para algunos casos, eso puede ser exactamente lo que quieres. Pero como tengo este rectángulo perfecto, quiero que sea un rectángulo perfecto. No quiero animar cada vértices. Desafortunadamente, lo que voy a tener que hacer es simplemente recrear en After Effects este rectángulo yendo a la herramienta de forma y luego tratando de trazar esto exactamente. Si no estás usando Overlord, es posible que incluso quieras hacer todos tus iconos en After Effects. No tiene todas las herramientas que tiene Illustrator, puede que sea un poco más difícil trabajar, pero puede ahorrar tiempo si no quiere volver atrás y recrear ciertas capas. Ahora probablemente no tengas que recrear todas tus capas en After Effects, pero si quieres algo que sea un rectángulo para tener las propiedades que los rectángulos crean en la aplicación After Effects, entonces necesitarás recrear. Si estás usando un estilo similar al mío que tiene contornos o trazos para tus formas, es importante que tus capas sean capas de formas que tengan las propiedades de capa de formas de After Effects. Porque querrás animar el tamaño del rectángulo en lugar de la escala. Déjame mostrarte lo que quiero decir con eso. Si voy a Transform y luego Escala, cuando empiezo a escalar este mi trazo también está escalando. Eso no va a ser lo que quiero porque entonces mi ancho de trazo no coincidirá entre objetos cuando los esté morfando. Yo quiero que esto se quede siempre 100 y lo que quiero hacer en lugar de animar la escala es animar el tamaño. Por lo que puedo animar el tamaño sin afectar el ancho del trazo. 8. Animar un boleto y pasaporte a maleta, Parte 1: Una vez que tengas tus gráficos listos y organizados, saltemos a After Effects. En primer lugar necesitamos crear una nueva composición. Por lo que puedes ir a este pequeño botón de Composición en la parte inferior del panel del proyecto. Sólo voy a nombrarlo iconos de viajes. Estoy usando el mismo tamaño que mis tableros de arte en Illustrator. Píxeles cuadrados. Siempre me gusta usar una velocidad de fotogramas de número par para la animación, así que voy a elegir 30. Entonces siempre puedo cambiar mi duración más tarde si necesito extenderla. Estoy empezando con mi color de fondo siendo este cian. Voy a usar Overlord para meter todos mis iconos en After Effects, pero puedes hacer el método tradicional o Overlord, lo que sea que mejor te funcione. Voy a entrar a Illustrator. Si estás usando Overlord, este pequeño botón, “Dividir formas en capas”, es realmente útil porque hará que todas estas capas sean sus propias capas en tu línea de tiempo de After Effects. Me gusta codificar por color mi capa para que sepa cuáles pertenecen a qué iconos. A pesar de que sí tengo eso en el nombre de la etiqueta, simplemente es aún más útil tenerlos codificados por color. Entonces, solo seguiré adelante y seleccionaré todos estos, click en la casita azul aquí, y luego podrás escoger el color que quieras. Voy a ir por orden de arco iris ya que eso va dejar muy claro lo que es primero, segundo, tercero, etc Ahora voy a seguir adelante y padres mis capas. Sé que la etiqueta, el globo, todas las partes del globo van a ser parentadas al pasaporte -principal. Eso significa que cuando muevo el pasaporte principal, todas esas capas que acabo de patentar están adjuntas, pero también puedo moverlas individualmente. Entonces si yo fuera a mover el globo exterior, eso se mueve por sí mismo sin que el padre se mueva porque es un niño. Si quieres saber más sobre la crianza de los hijos, puedes echar un vistazo a mi rápido, “Iconos animados fáciles”. Entonces el boleto, necesitaré para padres todos esos pequeños puntos y líneas a la principal. Puedes seleccionar múltiple y usar el látigo de púa. Ahora voy a importar mi segundo ícono y luego colorearé este naranja, y luego voy a padres las capas a la maleta principal. Lo primero que voy a hacer es animar el pasaporte moviéndose a la forma de la parte interior de la maleta aquí. Entonces voy a ir a buscar esas capas, passport-main, solo eso, y luego maleta interior, solo eso. Entonces volveré a mi pasaporto-principal. Aquí está la lógica básica sobre cómo van a transformarse todos estos iconos de uno a otro. Voy a animar la capa pasaporto-principal, en la misma forma exacta que la capa interior de la maleta. Básicamente, solo estoy haciendo que este pasaporte se anime de aquí a aquí, la capa interior de maleta. Pero para esta pieza, hay un giro. Sé que voy a tener el boleto girando, así que se verá mejor si también tengo la capa pasaporto-principal rota a medida que se mueve hacia la forma del interior de la maleta. En primer lugar, voy a establecer un marco clave de rotación y luego seguir adelante 20 fotogramas y ponerlo en 90. Entonces voy a volver a cero y animar el camino. Por lo que pondré un marco clave en el camino luego seguiré adelante a 20 cuadros otra vez luego animaré el camino del pasaporte yendo a la misma forma que el interior de la maleta. Por lo que voy a hacer clic y arrastrar para seleccionar múltiples puntos de anclaje y luego los arrastraré a su lugar. Para estas dos esquinas redondeadas, voy a tener que animar el camino de ellos moviéndose de una esquina redondeada a una esquina puntiaguda. Porque solo hay dos esquinas redondeadas y no cuatro, he hecho este camino en lugar de un rectángulo con los controles para redondear porque sólo se pueden controlar cuatro esquinas redondeadas, no dos como tenemos aquí. Arrastraré esto hacia abajo, y asegúrate de mantener pulsado el turno cuando quieras moverte en una sola dirección como justo la dirección Y justo ahí. Entonces lo que haré es, agarrar el punto de anclaje y moverlo a la derecha en la esquina y luego smoosh este pequeño mango todo el camino hasta la esquina también, y hacer lo mismo en el otro punto de anclaje, luego repetir el la otra esquina. Ahora tenemos la capa de pasaporte moviéndose a la forma del centro de la maleta. Entonces una vez que llegue a la forma del centro de la maleta, y parece que solo tengo una forma, solo voy a recortar la capa. Haré opción y corchete derecho. Pero entonces si acercas de cerca, verás que en realidad me está dando un fotograma extra, así que solo arrastraré eso hacia atrás, y luego subiré a la capa interior de la maleta y haré opción soporte izquierdo para recortar eso donde mi termina primera capa. Ahora tengo una animación sin fisuras y no se puede decir que acabo de cortar las capas. Así es básicamente como funcionan todas las transiciones de morfación. Cada pieza se mueve a la forma sobre el siguiente icono. Ahora bien, no todas las piezas necesitan ser llevadas al siguiente ícono. Podrás tener algunas piezas que animan por completo y algunas que animan por completo. Pero en su mayor parte, estos están ocultos por las otras capas de morfación. Ahora antes de llegar demasiado lejos, voy a añadir algunos marcadores en mi línea de tiempo para poder decir dónde comienza la animación del morfado. Para hacer un marcador, el atajo de teclado al menos en un Mac es Control y 8. Incluso puedes agregar notas a esto. Si haces doble clic en él, aparecerá este cuadro emergente, y podrás escribir tus notas. Para que pudieras decir como, “Empieza”. A continuación, voy a animar el boleto a la parte principal de la maleta. Voy a desmontar estos dos y luego encontrar boleto -principal, solo eso, y luego encontrar maleta - principal y solo eso. Después entra en el ticket - principal, baja a camino, establece un marco clave, avanza en el tiempo 20 fotogramas y establece otro fotograma clave. Entonces este es un buen ejemplo de por qué es útil no tener tus formas ya rotadas. Yo quiero que este rote a 90 grados para que se alinee más de cerca con la maleta. Simplemente puedo entrar y rotar esos 90 grados entonces voy a animar el camino, moviéndome a la forma de la maleta - principal. Estoy dando clic y arrastrando para seleccionar múltiples de estos vértices a la vez y luego puedo simplemente arrastrarlos por completo. Entonces haré esa misma técnica con las esquinas. Pondré el verticy en la esquina y luego smoosh el mango dentro. Lo mismo en el otro extremo y luego solo repite eso para todos los rincones. Entonces estas pequeñas entradas, sangrar cosas, en realidad las voy a mover hacia abajo al centro del boleto porque eso se verá más natural cuando se esté mordiendo. Por lo que voy a hacer clic y mantener pulsado para seleccionar los tres de estos. En realidad, yo quería hacer los seis para que ambos estén parejos y bajen esos a alrededor del centro, y luego tomaré el que está sangrada y lo arrastraré, y luego tengo que arreglar estas asas, y lo mismo cosa del otro lado. El ticket - capa principal está debajo de esa maleta - principal, y en realidad hay un relleno en esta maleta - capa principal, así que no podemos ver la animación. Yo sólo voy a recortar la maleta - capa principal. Se ve bien. Pero ahora necesito ajustar la rotación de esta espalda. Por lo que tocaré R en el teclado para subir la rotación a 20 fotogramas. Yo quiero que sean 90. A ver. A cero, quería que en realidad fuera tal vez como 12. A ver si eso se ve bien. Sí, eso se ve bien. Pero también necesito mover la posición de esto. Pondré un marco clave para una posición en 20 fotogramas, retrocederé en el tiempo, y luego deslizaré esto hacia la derecha un poco, por lo que se ve mejor y tal vez incluso hacia abajo para solo igualar. Veamos qué tenemos hasta ahora. Está bien. El boleto -principal y el pasaporte- principal se ven bien. 9. Animar un boleto y pasaporte a maleta, Parte 2: Ahora, es hora de hacer el globo. Voy a encontrar esta capa. Un atajo es que puedes hacer clic en la capa dentro de tu composición y luego presionar “X” y llevará esa capa a la parte superior de tu línea de tiempo. Eso es realmente útil cuando tienes muchas capas como las que estamos empezando a tener aquí. Voy a bajar a las propiedades, y establecer unos fotogramas clave para el tamaño y la redondez, y luego también este fotogramas clave a 20 fotogramas. tanto que estoy en ello, voy a solista esta capa externa del globo. Como puedes ver, el globo se transforma en la placa con el nombre de la maleta, por lo que también solo esa capa. Está bien. Entonces ahora necesito que el globo empiece de ser un círculo. Volveré el redondeo hasta que parezca un círculo. También voy a animar la posición de esto. Quiero que este globo empiece como un círculo y luego se transforme en la forma de esta etiqueta de nombre en la maleta. De hecho voy a dar clic en la maleta, golpear “X” para subir esa capa y luego averiguar qué tamaño es y luego puedo simplemente escribir en esa talla. Parece que es de 77 por 60 pixeles, así que solo bajaré y a 20 fotogramas tipo in. Para desconstreñido al principio, teclearé 77 por 60. Parece que en realidad esa es la x e y equivocada porque está parentado a la capa principal del pasaporte que rotó. Así que voy a cambiar esos, 60 por 77, y ahora sólo puedo mover la capa de globo en su lugar. A ver cómo se ve eso. El único problema es que mi capa de globo tiene un relleno oscuro en ella y lo mi etiqueta de nombre tiene una [inaudible] por lo que cuenta como ningún relleno. Lo que terminé haciendo es cambiar el color del relleno en el globo, solo lo hice del mismo color. Ahí vamos, y ahora podemos cortar estas capas. Lo siguiente que voy a animar son las líneas en el interior del globo. Simplemente bajaré y encenderé esos. Yo quiero que solo se enmascaren ya que la forma está girando. En realidad, permítanme padres las líneas del globo al globo real para que cuando la capa del globo se mueva en absoluto, las líneas se moverán con ella. Se ven más alineados de esa manera. Simplemente entraré y solo seleccionaré uno de ellos e iré a Effect, y luego Channel y luego Set Matte. Entonces esta es otra forma de hacer una máscara. Todo lo que tienes que hacer es entrar aquí y luego elegir la capa que quieres usar como máscara. Entonces ahora tengo esa línea se está cortando. Yo quiero que el Set Matte esté en las tres otras líneas también. Por lo que solo lo copiaré desde el panel Efectos y controles, presionaré “Comando+C” y luego haré clic en el resto de ellos, “Comando+V”. Ahora todo está enmascarado y se ve bastante bien. Podemos hacer que se vea mejor si sacamos estas líneas a medida que va la animación. Entonces estableceré fotogramas clave de posición para cada una de estas líneas, y a los 20 fotogramas, los haré mover cada uno. Para asegurarme de que cada línea se mueva la misma cantidad, voy a dar clic en la posición y luego entrar y poner algunas matemáticas, así que solo negativo 50. After Effects calculará eso para mí, y puedo hacer lo mismo en cada capa y luego sé que se están moviendo en la misma cantidad. Yo quiero realmente más 50 en este, necesita moverse en la dirección X. Por lo que necesita menos 50. Está bien. A ver cómo se ve eso. Eso se ve mejor. Veamos qué tenemos hasta ahora. Siguiente Voy a animar la línea en la contraseña, así que solo entra y agrega recorridos de recorte haciendo clic en este botón Agregar con el triángulo justo aquí. Entonces bajaré a recortar camino. Al inicio, voy a tener que estar al 100 por ciento, así que tendré que empezar a cero y al final al 100 por ciento. Entonces iré adelante a 20 cuadros y que esto vaya a 50 y el inicio vaya a 50 también, esa manera tendré la línea animando hacia el medio. Realmente no me gusta la forma en que se está estrellando contra esta otra forma aquí mismo, así que voy a animar la posición también. Simplemente lo moveré hacia el centro. Eso se ve mucho mejor. la animación de recorte de costura en todas estas líneas en el ticket, así que solo voy a entrar en la etiqueta e ir a la ruta de recorte y copiar esos recorridos de recorte. Asegúrate de poner mi cabeza de juego a cero fotograma, así que ritmo como tus marcos para todas las líneas de boletos. Simplemente iré a Ticket Line cuando tengan siete años y le pegaré a “Command+V”. Ahora si golpeo U en la palabra clave, puedo ver que tiene fotogramas clave ahora y lo suficientemente seguro, esas líneas están animando app. Por ahora lo tenemos luciendo así, no está mal. Voy a mover un poco el pasaporte al inicio. Haré algunos fotogramas clave de posición y solo moveré eso un poco. Ahora es un buen momento para agregar algo de flexibilización a estos fotogramas clave para que la animación sea un poco más interesante. Simplemente voy a presionar “U” en el teclado para que aparezcan todas mis capas con fotogramas clave y luego solo voy a empezar desde abajo y seleccionarlas todas pulsando y arrastrando. Entonces voy a usar esta útil herramienta llamada Motion 2. Nuevamente, esta es otra herramienta con la que no estoy afiliada, pero uso todo el tiempo. Por lo que te recomiendo encarecidamente si vas a estar pasando mucho tiempo en After Effects. Te permite ajustar la facilidad de tus fotogramas clave muy rápidamente. Ya tengo esta configuración porque la he estado usando. He estado usando facilidad de 30 y luego 70. Si solo hago clic en estos botones, eso se aplicará a todos mis fotogramas clave, y se puede ver que esos ahora son fotogramas clave aliviados. También puedes entrar al editor de gráficos y editarlos. Es totalmente posible hacer lo mismo sin Motion 2, pero Motion 2 te ahorrará tiempo. Veamos qué tenemos. En realidad no animé estos puntos hacia fuera, lo que voy a hacer es bajar a los puntos. Todos se esconden por aquí, así que los cortaré bien aquí. Las líneas y el boleto parecen estar rondando demasiado tiempo y no me gusta cómo se ve eso. Entonces solo los voy a cortar y hacer que la animación vaya un poco más rápido. Déjame encontrar las líneas. Sólo voy a arrastrar todos mis fotogramas clave hasta cerca de siete fotogramas y luego cortar la capa. El motivo por el que elegí que las líneas desaparezcan aquí es porque es la parte más rápida de la animación de morfación, y se puede ver eso en el gráfico de velocidad aquí. Pasará casi desapercibido que aquí desaparezcan las líneas porque todo lo demás se mueve tan rápido. A ver cómo se ve eso, bien. También necesito hacer eso en la capa de etiqueta de pasaporte. Se ve bien. Antes de pasar al siguiente ícono morph, me gusta guardar una versión de mi proyecto por si me meto algo y quiero volver atrás. Simplemente tomaré este tutorial de iconos de viaje, pegaré “Command+D” y luego solo le doy un duplicado con una puntería de dos al final. Yo sólo sé que siempre tengo eso si necesito volver a ello. 10. Animar capas extra de maletas: En este punto, hemos animado todo el pasaporte y lo llevamos a la maleta, pero no toda la maleta está ahí. Ahora podemos entrar y mostrar estas capas de maleta que había escondido. Esos son los que vamos a necesitar para animar por su cuenta. El primero que voy a animar son los detalles de la maleta de esquina. En realidad voy a querer que los padres a la entrada principal porque eso es lo que está animando. Voy a entrar en Effect and Set Matte está arriba en la parte superior porque recientemente lo he usado. Entonces voy a entrar y seleccionar la capa principal del boleto, porque de eso se mete la maleta principal. Ahora en realidad no puedes ver la esquina ahora mismo, pero deberíamos, así que vamos a ver el ticket principal y no tiene relleno, así que vamos a necesitar añadir un Relleno, que podamos ver el mapa. No queremos ese rojo. Ahora está apareciendo y se puede ver que está enmascarado. Copiaremos este Set Matte del panel de efectos y controles y lo pegaremos en las otras tres esquinas. Ahora están todos enmascarados. Lo que voy a hacer ahora es animar la posición de estas esquinas entrando en la maleta. Estableceré fotogramas clave de posición, y sólo los arrastraré hacia fuera donde se vea bastante bien. No voy a hacer esto exacto porque va muy rápido. A ver cómo se ve eso. Se ve bastante bien. Antes de seguir adelante, sólo voy a asegurarme de que estos fotogramas clave tengan la misma facilidad que el resto de mis fotogramas clave. Ahora si miras de cerca, verás que cuando agregué el relleno a mi boleto, desaparecieron todas las pequeñas líneas y puntos en él, y eso es porque el boleto está arriba. Yo sólo voy a mover el tiquete principal hacia abajo. Ahí vamos, todo está de vuelta. A continuación voy a animar el mango entrando. En realidad lo voy a padres a la capa pasaporto-principal porque esa es la que está más cerca y se verá la más natural para ser parentada a eso. Ahora puedes ver que sigue esa capa y solo necesito esconderla detrás de la capa para luego animarla. Simplemente lo arrastraré detrás, pero obviamente eso no está en realidad detrás porque esta capa está arriba. Lo que voy a hacer es simplemente arrastrar esta capa hasta el fondo. Ahí es donde mi nomenclatura y codificación de color viene muy útil. Ahora el mango apenas entra, deja que se alienten esos marcos clave. Bien. Siguiente vamos a hacer los pies. En primer lugar voy a dar la vuelta a esas esquinas. Alrededor de 18 luce bastante bien. Haré lo mismo con el otro. Entonces estas capas de pies pequeños están más estrechamente alineadas con el ticket-main cuando está girando y mordiendo. Simplemente voy a cambiar el par de estos dos pies a ticket-main, y pondré un fotograma clave de posición en 20 a donde están ahora. Entonces iré adelante en el tiempo y luego sólo los arrastraré al boleto. Yo quiero que se escondan detrás, pero están arriba, así que todo lo que tengo que hacer es arrastrarlos hasta el fondo. Se ve bien en esos aseado flexibilización. Ahora lo único que queda por hacer es mi maleta y se puede ver en mi versión terminada, mi maleta tiene esquinas redondeadas y me olvidé de hacer eso aquí. Vamos a redondear esos rincones. Encontraré la capa principal de maleta, entraré en Rectangle Path y luego Roundness y luego solo pondré eso en algo que se ve bien, tal vez como 40. Entonces puedes ver que resolví esos rincones puntiagudos. Necesito alinear esas esquinas con la maleta esquina redondeada. Voy a solista eso y luego encontraré el boleto principal y solo eso. En el camino de entrada principal, hice puntiagudas esas esquinas porque me estaba olvidando que en realidad las quería redondeadas y la razón por la que hice puntiaguda la capa de maleta es por la siguiente animación en el avión. Necesitaba tener esos controles de redondeo para que esa animación se viera bien. Lo que voy a hacer es simplemente eliminar este fotograma clave y rehacer esa animación de ticket. Ahora puedes ver que el redondeo está un poco apagado, por lo que es más fácil cambiar el redondeo en la capa de maleta porque tienen estos controles, solo bajaré esto un poco hasta que se alinee. Ahí, eso se ve mucho mejor. Arreglo rápido y con eso, veamos qué tenemos. Nuestro primer icono de animación morph está hecho. 11. Animar maleta a avión: Continuando. Te darás cuenta de que en mi animación finlandesa tengo mi maleta girando y sigue balanceándose de ida y vuelta como si alguien la llevara. Eso se debe a que estaba tratando de agregar algo de movimiento a lo largo de toda la animación, así que nada se quedó quieto. Pero añadiré cosas como balancear la maleta y otros detalles como rebasamiento y anticipación más adelante. En primer lugar, centrémonos en la transición de un icono a otro. Si dijera cada película clave de esta clase, podríamos estar aquí por un año. Para la siguiente animación, solo te voy a hablar a través de esta versión que tengo, esa casi terminada, simplemente no tiene esos detalles extra de pulido. Esta transición de la maleta al avión es bastante sencilla. Empiezo la animación a dos segundos, así que golpeo “Control” y golpeo para hacer este marcador aquí. Entonces lo primero que animó aquí es la maleta principal animándose a las alas del avión. Sólo voy a resolver esas dos capas y golpear “U” en la barra U para mostrarte los fotogramas clave. Básicamente lo que hace esta maleta principal, recuerda que es un rectángulo con las propiedades de una trayectoria de rectángulo en After Effects. Solo estoy animando el tamaño hacia abajo a cero en el eje y y luego tengo una línea recta. Después corté la capa y ahí es donde empieza mi capa de ala de avión. Mi capa de ala de avión es solo una línea recta y así animo el camino desde la línea recta hacia esta línea más angular que hace que se vea más como un ala. Esa es la animación que tengo aquí. ¿Qué sigue? Tengo la maleta interior convirtiéndose así atrás como cola del avión. Echemos un vistazo a eso. Simplemente tengo el tamaño de este rectángulo moviéndose de su estado actual a cero en el eje x y luego estoy cambiando la posición sólo ligeramente para alinearlo con el plano. Entonces una vez que está en su lugar, corté la capa y ahí es donde entra la cola de avión, y eso no tiene ningún fotogramas clave hasta más adelante en la siguiente transición. Después de eso tengo la placa con nombre de la maleta convirtiéndose en la parte principal del avión. Como puedes ver, tuve que mover esta capa de etiqueta de nombre de maleta arriba por encima de algunas de mis capas de avión. Echemos un vistazo a la animación sobre eso. Lo que tengo es una forma, que es un rectángulo que se mueve de este tamaño en la placa de nombres a un tamaño más grande, que es este fotogramas clave. También estoy animando la redondez, así que va de un rectángulo a más de una forma ovalada animando aquí la redondez. A continuación se puede ver que estas capas de pies pequeños están animando para volverse más redondas, así que esos son los fotogramas clave de redondez aquí. También estoy animando el tamaño de ellos sólo para que se alineen con estas pequeñas cosas del motor en el avión, y por supuesto moviendo la posición hacia arriba para que se sientan justo debajo del ala. Ahora, yo también estoy animando las esquinas de la maleta de la misma manera en que las animé. Echemos un vistazo a esos. Estos solo están animando la posición hacia fuera. Algo de esta capa de maleta a saber es que en realidad los picé y tengo un duplicado. Tengo las capas de esquina maleta aquí y luego se puede ver tengo maleta esquina inferior izquierda a, derecha a etc La razón por la que tuve que picar esos es porque el mate en estos estaba ajustado a la capa principal del ticket. Pero ahora terminamos con la capa principal del ticket, y así lo que realmente necesita estar haciendo la máscara para estas esquinas es la capa principal de la maleta. Acabo de tomar estas capas, golpeé “Command Shift D” para cortarlas y duplicarlas y así es como creé estas cuatro capas aquí que son duplicados. Después entré y le puse el mate a la capa principal de la maleta. Entonces animé la posición de ellos lejos de la capa principal de la maleta, ya que la capa principal de la maleta se está transformando en la línea recta que conforma las alas del avión. Simplemente puedo cortar las capas de esquina de la maleta cuando ya no son visibles. El siguiente que tiene que animar es esta pequeña línea de ventana en el avión, así que echemos un vistazo a eso. Eso en realidad no viene de la maleta en absoluto, solo está animando por sí mismo. ¿ Qué tan animado fue eso con recorte path? Este es un camino que es solo una línea y fui a agregar y luego recortar rutas para obtener estas propiedades de ruta de recorte. Animé el inicio y el final del 50 por ciento al inicio siendo un cero y el final siendo 100 y eso lo hace así tanto la línea se anima desde el medio y hacia fuera. Se puede ver que esta parte trasera de la cola, estos poco como cola trasera o lo que sea en el avión, están haciendo lo mismo. Hay otra cosa que no lleva de la maleta al avión y esa es esta asa superior de la maleta. Lo que hice aquí fue simplemente animar la posición, abajo abajo de la maleta para que se oculte y luego solo la corté en el punto más rápido de la animación para que no lo notes tanto. Se puede ver que sólo se esconde y desaparece, y así es como llegué de la maleta al avión. 12. Animar un avión a la Tierra, Parte 1: Siguiente Voy a la transición del avión a la Tierra. Voy a volver a mi archivo en curso para mostrarte exactamente cómo configuré todos estos fotogramas clave e hice el efecto de globo giratorio 3D. Entonces primero necesito importar mis capas de tierra. Si le echas un vistazo a mi archivo Illustrator, notarás que tengo un mapa gordo de la tierra y No tiene un derrame cerebral. Eso es porque agregué el trazo y secuelas y te mostraré exactamente cómo hacerlo después. Si ya tienes el trazo alrededor de la tierra en Illustrator, al aplicar el efecto y después del efecto, va a distorsionar el trazo. Se puede ver aquí arriba el trazo es realmente flaco y luego por aquí, es realmente gordo. Quiero que el trazo sea del mismo ancho en todo. Entonces por eso lo voy a agregar más adelante en after effects. También es importante que el mapa tenga una capa de fondo. Entonces ese es este rectángulo de aquí. Incluso note cómo el fondo se extiende más allá de algunos de los terrenos por todos los lados. Perdón a la Antártida, simplemente no pude conseguir que se viera bien aquí abajo en el fondo. Entonces simplemente no lo incluí. Vamos a estar envolviendo este mapa alrededor de una esfera tres y después de efectos. No es un verdadero programa 3D. Si fuera a hacer esto en el cine 4D entonces podría haber conseguido la Antártida de lucir bien ahí dentro. Pero como esto es solo un efecto 3D y después de efectos, simplemente lo saqué porque así se veía mejor. Entonces si estás creando tu propio mapa o haciendo algo similar, asegúrate de tener espacio en los bordes. Porque si no lo hiciera, se envolvería esto alrededor de la esfera 3D y entonces mis continentes se aplastarán y tal vez incluso podría chocar en lugares. Entonces por eso tengo esta capa de fondo. Por lo que en este archivo ilustrador, también tengo el círculo de contorno de mi Tierra. Entonces tengo una máscara que sólo va a enmascarar el mapa a la Tierra. Parece que eso no funcionaría ahora mismo, pero te mostraré que todo funciona cuando entramos en efectos después. Entonces voy a sobrecargar estas capas. Puedes importarlos de la manera tradicional y luego convertirlos en formas si no tienes overlord. En primer lugar, voy a codificar por color estos verdes. Está bien, sólo los cortaré para empezar aquí. En primer lugar, voy a hacer que el tamaño de la capa principal de mi avión igual al tamaño de la capa Tierra. Por lo que pondré un marco clave para el tamaño en cuatro segundos. Yo estaba haciendo la transición es durar unos 20 fotogramas, así que vamos a empezar con eso. Déjame esconder esas capas. Simplemente vamos a escalar esto. También voy a tener que animar la redondez porque esta es una capa de rectángulo en la posición también. Por lo que también notan que mi capa de avión no es un círculo perfecto. En realidad voy a entrar en mi contorno de la Tierra y averiguar el tamaño de eso. Entonces puedo simplemente teclearlo. Es 598 por 598, es círculo perfecto. Entonces solo entraré y teclearé 598 por 598, y necesito subir la redondez y solo subirla un poco. Entonces una vez que llegue al tamaño de la Tierra, y sólo voy a cortarla, y arrastrar hacia atrás ese último fotograma. Entonces voy a tratar de ocultar todas estas otras capas de plano detrás de la capa de plano principal para que simplemente se animen. Entonces primero empecemos con las alas y animaré a la estrella y acabaré, justo como entraron. Entonces 50 y 50, para que los anime entrando. Entonces hagamos que las pequeñas piezas del motor se muevan a medida que se mueve el Boeing. Simplemente haré fotogramas clave de posición. Entonces solo pondré esto en el centro de mi composición y sé que 540. Por lo que ahora esos dos se van a mover hacia el centro. Por lo que también tenemos que hacer el ala trasera. Entonces eso se va a animar con pase de término también. El último es la cola superior. Esta capa es solo un paths es un par de maneras en las que podría animarlo fuera. Entonces solo haré recortar caminos y estableceré el inicio para que sean 100. Ahora solo animaré esa línea hacia abajo. Está bien, así que ahora tienes todo moviéndose, pero esa ventana del frente se va despacio. Entonces hagámoslo más rápido. Entonces tal vez solo 10 marcos. Déjame que te pegue en el teclado para que aparezcan todas las propiedades que tienen fotogramas clave. Entonces solo los aliviaré a todos. Echemos un vistazo. Está bien, no está mal. Voy a cortar todas mis capas donde terminen. En el siguiente video, te mostraré cómo hice ese efecto de aspecto 3D en la Tierra. 13. Animar la Tierra: Aquí tengo mi mapa de tierra y mi contorno de tierra en solitario. Voy a ir a seleccionar mi “capa Tierra-mapa” para luego pasar a efectos y presets. Si no ves esta opción, ve a “Ventana” y luego a “Efectos y presets”. Entonces en mi panel de efectos y presets, voy a buscar CC Sphere y voy a arrastrar ese efecto a mi capa de mapa de la tierra. Ahora puedes ver que está envuelto el mapa alrededor de una esfera 3D. Si no estás usando Overlord y estás importando tus archivos de Illustrator a After Effects y luego convertirlos en capas de forma, entonces es posible que te hayas topado con un problema. Solo voy a ocultar esta máscara por ahora y luego arrastrar mi Esfera CC a mi capa de contornos de mapa de la tierra. Se puede ver que el mapa se ha estirado realmente y así no es como realmente se ve África. En primer lugar, ¿por qué está sucediendo esto? Segundo, ¿cómo podemos arreglarlo? Si entra en su panel de proyecto y entra en la carpeta que contiene sus capas de forma de Illustrator, y luego va a la capa de mapa de tierra, en esta pequeña vista previa de aquí, puede ver lo que está sucediendo. Básicamente, After Effects está recortando tus gráficos para ajustarse al tamaño de la composición. Eso es recortar partes de la tierra en la capa oceánica de fondo. Si vas a tus contornos de mapa de la tierra y bajas, deberías tener seis grupos si estás usando el mismo archivo que proporcioné para esta clase. Ahora en el grupo 6, tienes lo que está componiendo la capa oceánica, pero se recorta esta capa al tamaño de mi composición. Pero necesito que esta capa se extienda hasta los bordes de la tierra, así que por aquí cerca de Alaska y por aquí cerca de Rusia. Voy a alternar hacia abajo y hacer clic en la ruta de la capa superior. Entonces puedo seleccionar estos puntos de anclaje y simplemente mantener presionada “Shift” y arrastrarlos hacia fuera. Se puede ver que eso en realidad está actualizando mi globo aquí mismo. Ya empieza a parecer un poco menos distorsionada. Hagámoslo también al otro lado. Eso se ve mejor. Ahora si fuera a entrar en mis controles de efectos y en la rotación y luego rotar esto, ya verás que tengo esta gran área de ninguna tierra, así que eso no es bueno. ¿ Por qué está sucediendo esto? Bueno, esto está sucediendo porque también, cuando convertí esto de capa Illustrator a una capa de forma After Effect, se recorta la tierra. cualquier lugar que la tierra esté fuera de la composición, como toda Norteamérica básicamente, y mucha Rusia por aquí, ha sido recortada porque se está extendiendo más allá de la composición. Pero quiero incluir eso. He encontrado que en el grupo 2 y el grupo 4, tenemos este camino extra. Ese camino, como se puede ver, es este rectángulo, o realmente cuadrado, ese es el tamaño de la composición. También puedes ver que tenemos un “Fusionar caminos”. Ahora, las rutas de fusión es una forma de recortar dentro de una capa de formas. Lo que necesito hacer es simplemente eliminar la ruta 2 y fusionar rutas del grupo 2 y también del grupo 4. Ahora si solo giramos esto y comprobamos, parece que tenemos toda nuestra tierra y ya no parece distorsionada. Si estás importando tus gráficos desde Illustrator a After Effects, la forma tradicional sin Overlord, podrías haberte topado con este problema, pero ojalá, ahora lo arreglaste y puedas seguir siguiendo junto con el resto de este video. Mi globo tiene efectos de sombreado e iluminación que no quiero porque no coincide con el resto del estilo de mi animación. Voy a ir al panel de controles de efectos y bajar al sombreado y luego establecer ambient a 100 y difuso a cero. Ahora se ve mucho mejor. También necesito una escala de mi globo para caber en el contorno, así que voy a establecer el radio a 300. A continuación, quiero volver a agregar mi trazo alrededor de toda mi tierra. Hay un par de formas de agregar trazo, pero sólo he encontrado una que no distorsiona el trazo, como te mostré antes. Para ello, vas a seleccionar el botón derecho “Tierra-Mapa”, sube a “Estilos de capa” y luego “Trazo”. Después entra en el trazo y puedes ver que se le agrega un trazo rojo, pero no lo estamos viendo. Eso es por esa capa de fondo que creamos. Si entra en contenido, grupo 2 es la capa de fondo. Si escondes eso, puedes ver que ahora puedes ver tu derrame cerebral. Pero también puedes notar que cuando lo escondo, distorsiona la tierra. Eso es porque cuando lo escondo, el envolver de la esfera es sólo mirar la capa de tierra y no el fondo, y así en realidad no puedo ocultar esto. Lo que puedo hacer es entrar y poner la opacidad a cero, y eso lo hará, así que mi trazo es visible pero mi tierra no está distorsionada. Quiero cambiar el trazo al sabor verdoso oscuro y luego voy a aumentar mi trazo a 21 porque eso es lo que he estado usando. El trazo se ha agregado al exterior de toda mi tierra, por lo que ha hecho que algunos de mis océanos sean más pequeños. Lo que quiero hacer es alinear el trazo al centro. Tengo esta opción para posición aquí, pero si la alinearé al centro, por alguna razón está girando toda mi tierra de ese color más oscuro y eso no es lo que quiero. Lo volveré a poner fuera y luego voy a añadir una trayectoria de desplazamiento. Voy a subir al grupo 1, que es la capa de tierra, y luego golpear “Añadir caminos de desplazamiento”. Ahora voy a fijar la cantidad a la mitad de la onda de golpe. Mi trazo es 21, así que voy a hacer este negativo 10.5. Eso lo hace para que el trazo esté a mitad de camino en la tierra y a mitad de camino de la tierra. Está alineado en el centro del borde. Esa es la misma forma en que se instaló en Illustrator, por lo que aquí se verá igual. Se puede ver que me recuperé un poco más de mis océanos. La próxima vez voy a entrar y enmascarar la tierra porque puedes ver que algunos de mis trazos alrededor de la tierra se están extendiendo más allá de mi contorno de la tierra que tengo. Simplemente subiré a mi mapa de tierra, bajo Track Matte, y si no ves eso, pulsa “Alternar interruptores y modos”. Bajo Track Matte elige “Máscara de tierra alfa mate.” Eso tomará esta capa de máscara de tierra y la convertirá en una máscara de la capa de mapa. Ahora se puede ver que el trazo que estaba colgando está cortado. Para hacer girar la tierra en 3D, puedes ir bajo “Panel de controles de efectos” y luego ir a “Rotación” y luego puedes girar en la dirección Y-. Ahora tenemos un problema aquí. Cuando rotamos, toda nuestra tierra se está mostrando a través del otro lado, por lo que es como mushing juntos y hacer continentes completamente nuevos y eso no es lo que queremos. Voy a volver a poner eso a cero. Voy a ir bajo “Render”, en lugar de “Completo”, voy a ponerlo en “Fuera”. Eso sólo significa que sólo veo la capa superior de la tierra y no ver a través de la esfera. Ahora cuando giro la tierra, parece que debería. Voy a establecer algunos fotogramas clave de rotación en mi tierra. En primer lugar, quiero inclinarlo porque la tierra en realidad está inclinada y el ángulo es aproximadamente negativo 23 en el eje Z. Entonces voy a establecer un fotograma clave para la rotación Y. Experimenté con esto y encontré que 49 funciona bien para la transición desde el avión. Entonces voy a seguir adelante, sé que mi próxima transición empieza a los seis segundos, pero quiero que la rotación de la tierra continúe un poco más allá de ahí. Sólo voy a adivinar unos seis segundos y 10 fotogramas y voy a poner esto en una rotación y el 49, así que ahora va a hacer una revolución completa. 14. Animar un avión a la Tierra, Parte 2: Ahora necesito averiguar cómo el avión transita a la tierra con el mapa incluido. Voy a volver a entrar y deshacer esto, puedo ver todo. En realidad voy a animar mis contornos de tierra escalando desde el tamaño del avión, porque esa será una guía para que mi máscara y mi mapa se escalen también. Voy a entrar y poner un marco clave para el tamaño. Entonces puedo bajar esto y en realidad sólo entrar, y ver qué es el avión-principal, arrancarlo. Son 195 y 210. Sólo voy a escribir eso. También voy a necesitar animar la posición del contorno de la tierra. Ahí es donde será de ayuda para padres la máscara de tierra y el mapa de tierra al contorno de la tierra, por lo que lo seguirá. Ahora voy a establecer marcos clave de posición para mi contorno de tierra. Ahora para que mi máscara de tierra sea del mismo tamaño que mi contorno, voy a entrar en la máscara de tierra y luego padre el tamaño al tamaño del contorno de la tierra. Ahora, mi máscara está funcionando de la manera que me gusta. Pero necesito añadir algo de flexibilización en estos marcos clave. Ahora deben alinearse con la capa de plano. Se ve bien. 15. Animar la Tierra a marca de ubicación y mapa: Ahora que tenemos la configuración del globo, es hora de animar el morph entre el globo y el pin de ubicación. Eso se ve así. Voy a volver a mi archivo de trabajo en curso e importar mis capas de pin de ubicación. Ya verás que tengo mi mapa en tres capas diferentes, para que pueda animar cada pieza individualmente. En primer lugar, voy a cortar estas capas para empezar a seis segundos y luego voy a mover el punto de anclaje a la parte inferior del pasador de ubicación. Si tienes este plugin motion 2, solo puedes usar estas herramientas de punto de anclaje, o si no lo haces, puedes golpear y en el teclado, o ir a tu herramienta pin behind arriba en la parte superior, y luego simplemente arrastra tu punto de anclaje hacia abajo. Si mantienes presionado el comando, se encajará en su lugar. Primero voy a animar el pin de ubicación de la tierra. Voy a solo el pasador de ubicación en el contorno de la tierra. Ahora el interior del pasador de ubicación va a ser este contorno de tierra. Vamos al pin de ubicación y verás que tengo una elipse, que es ese círculo central y luego el camino aquí es el exterior. Voy a animar el tamaño de la elipse, para ser del mismo tamaño que el contorno de la tierra. Eso fue 598 y también necesito animar la posición. Ahora voy a animar el camino de este pin de ubicación. Volveré atrás y buscaré los caminos, pondré un marco clave en 20 fotogramas. Voy a animar el camino de este pin de localización para alinearse con el círculo que era mi tierra. Para conseguir este punto de anclaje en la parte inferior para tener asas, para que pueda alinear mejor esto. Voy a subir a la herramienta Pin, hacer clic y mantener pulsado, y luego ir a la herramienta Convertir vértice, y luego simplemente hacer clic en el punto de anclaje. Entonces si vuelvo a mi herramienta de selección regular, puedo editar las asas. Una vez que te acerques lo suficiente, entonces podrás reproducir tu animación, todo es bastante bueno. Ahora sólo tenemos que deshacernos del contorno de la tierra. Voy a animar el tamaño para alinear con el tamaño del pin de ubicación. Voy a ver de qué tamaño es este pasador de ubicación, esa pieza de círculo. Es 126, así que puedo escribir eso, y también necesito animar la posición de esto. Ahora, ¿por qué tuve que animar también el contorno de la tierra? Pues bien, porque el contorno de la tierra es el padre de la máscara y el mapa. Cuando deshago en solitario esto, se puede ver que ahora mi mapa se está enmascarando. Bueno, mi círculo se está encogiendo hacia abajo en el pasador de ubicación. Para el mapa en la parte inferior del pin de ubicación, voy a empezar con una línea plana y luego animar el mapa que viene. Simplemente voy a seguir adelante y mostrar mis capas de mapa y luego dibujar una nueva línea que sea aproximadamente la misma longitud que las capas de mapa. Voy a establecer mi ancho en color para mi trazo y no quiero llenar. Voy a nombrar esta línea de mapa y pegaré “Enter”, y luego voy a entrar y hacer redondeadas las tapas de la línea. Eso se ve bien. Entonces voy a ir a “Agregar”, Recortar Caminos, y luego voy a decir iniciar un fin fotogramas clave para cero y 100 por ciento, luego volver al principio y establecer estos dos en 50. De esa manera mi línea se animará desde el centro. En realidad voy a hacer que esa línea se anime un poco más rápido porque también tengo que animar los pliegues del mapa que vienen. Simplemente haré eso como 10 marcos. Entonces antes de que me olvide, voy a aliviar los fotogramas clave que acabo de establecer recientemente, y mi globo necesita ser fácil cuando está girando. Aquí vamos. Ahora necesito animar las capas de mapa que vienen de la línea. Simplemente entraré y estableceré fotogramas clave de ruta en cada una de las capas del mapa. Una forma fácil de bajar al camino en lugar de tener que cambiar un montón de veces, es que puedes buscar ruta en la barra de búsqueda y luego te lo trae. Después volveré al principio y luego voy a animar cada uno de los pliegues del mapa bajando a una línea recta. Sólo vamos a solista mi línea de mapa, y cada pieza del mapa para que sea más fácil de ver. Entonces en realidad voy a deslizar esto hacia adelante tiempo sólo para tener esta línea como referencia, y la vamos a mover de nuevo más tarde, pero eso me ayudará a alinear las piezas del mapa. Yo sólo voy a mantener el turno hacia abajo para asegurarme de que sólo me estoy moviendo en una dirección y tratar de alinear eso. Entonces lo mismo para estos top, manteniendo pulsado turno, haré lo mismo para esta pieza y lo mismo para la última. A ver cómo se ve eso. Bastante bien. Voy a mover esto de nuevo a su lugar y en realidad sólo cortar esa capa, y luego voy a aliviar estos fotogramas clave. Están empezando demasiado pronto, así que quiero arrancarlas a 10 cuadros y también necesito cortarlas al inicio. Necesito cortar la línea del mapa al final. Se ve bien. Veamos qué tenemos. Bien. Voy a añadir un rebote al pin de ubicación más adelante. 16. Animar marca de ubicación y mapa a cámara: Ahora es el momento de animar el pin de ubicación y el mapa en la cámara. Por lo que voy a entrar en mi archivo embargos e importar las capas de cámara. Primero voy a codificar por color mis capas de cámara púrpura, y luego cortarlas a los ocho segundos. El primer paso es animar el mapa que viene y aplanarse. Voy a entrar en el camino de las capas de mapa y establecer un fotograma clave. Entonces seguiré adelante y en el tiempo unos 10 fotogramas y luego empezaré a animar esos para que sean una versión aplanada del mapa. En primer lugar, necesito ocultar todas estas capas de cámara para poder ver lo que estoy haciendo. Ahora, parece que me olvidé de cortar mi capa de contorno de tierra. Entonces ahora voy a animar el mapa aplanándose y puede ser útil usar reglas y guías para esto. Por lo que le pegaré al Comando R para conseguir a los gobernantes. Entonces arrastrar desde la regla hará una guía. Entonces solo pondré eso por aquí y por aquí. Entonces sólo voy a alinear la guía con el punto de anclaje inferior. Entonces esto sólo me ayudará a alinear todo e incluso se romperá en su lugar. Oops, yo también necesito uno para el fondo. Encontré que tiene que ser incluso un poco más alto que esto. Entonces sólo voy a ajustar un poco esto. Creo que eso se ve bien. Para ocultar las guías puedes hacer comando y luego la tecla de dos puntos. Eso se ve bien. Entonces ahora si miras mi versión terminada, puedes ver que tengo el mapa viniendo, aplanando, y luego girando hacia la cámara. Es así como estas líneas del pliegue del mapa se convierten en la parte interna de la cámara. Entonces para conseguir esa rotación, lo que voy a hacer es usar un nulo. Si no has usado un objeto nulo antes, aquí está el concepto. Un objeto nulo es una capa en tu línea de tiempo que puedes usar para controlar otras capas, pero no va a ser visible cuando renderices tu animación final. Entonces para hacer un nulo, puedes usar movimiento, o ir a Capa, Nuevo, Objeto Nulo. Por lo que puedo llevar mi círculo y mis capas cuadradas aquí y pararlas al nulo. Entonces puedo tomar el nulo y mover su posición alrededor, y animar eso. Tanto mi círculo como mi cuadrado lo seguirán. El motivo por el que esto puede ser útil es porque y si quiero en mis círculos tener su propia animación. Entonces tal vez se está moviendo por su cuenta. Pero no quiero que la plaza tenga esa misma animación. Por lo que no funcionaría simplemente emparejar este cuadrado con el círculo. Quiero que el círculo y el cuadrado tengan una animación juntos. Entonces los círculos tienen su propia animación. Entonces ahí es donde un nulo puede ser útil. Voy a arrastrar esto hacia abajo encima de mis capas de mapa. En realidad no importa el orden de las capas y luego solo lo voy a mover para estar por ahí en el centro de ahí. Entonces voy a padre las tres capas de mapa al nulo. Entonces voy a establecer fotogramas clave de rotación en el nulo. Voy a establecer eso para cuando mis capas de mapa estén terminadas, su animación de ruta. En realidad mi nulo ahora no está realmente en el lugar que yo quería. Yo quería estar más centrada. Entonces voy a desparentar estos realmente rápido, ajustar el posicionamiento de mi nulo y luego repararlos. El motivo por el que la colocación de lo nulo importa es porque va a estar girando por aquí y quiero que rote desde el centro. No tiene que ser exacto sin embargo. Entonces voy a ir por ello unos 10 fotogramas y rotar este negativo 90 grados. A partir de aquí, voy a tener las capas de la cámara al resto de la animación. Por lo que voy a encontrar mi cámara entrando cámara principal y mostrarles esos. Entonces cuando estas capas de mapa terminaran su animación de trayectoria, voy a iniciar la cámara dentro o en la cámara principal. Voy a seguir adelante unos 10 fotogramas y luego establecer fotogramas clave de tamaño en estas capas, luego ir hacia atrás al principio de la capa y animarlos hacia atrás para que se alineen con la capa Mapa. Pero también necesito estar girando estas capas de cámara para que se plieguen se alineen con estas líneas en la cámara. Entonces voy a ir a mis fotogramas clave que configuro para la posición terminada de la cámara y luego voy a padre estas capas al nulo. El tiempo en el que tú eres padre de algo realmente importa. Entonces si yo los fuera a criar aquí, se habrían retorcido de la manera equivocada. Entonces los tengo que padres aquí donde están alineados como los quiero y luego van a seguir el nulo de vuelta a esta posición. Entonces ahora puedo animar el tamaño del interior, y puedo cambiar las proporciones. También voy a necesitar animar las posiciones. Después vuelvo al segundo fotograma clave, establezco posición-fotogramas clave, y luego golpeo U para ver todos mis fotogramas clave, y vamos a mover esto. Déjame esconder la capa principal para que pueda ver mejor. Ahora está bastante bien. Entonces haré lo mismo en el principal. Notarás que el tamaño en el valor x realmente está controlando la posición arriba y abajo aquí. Eso es porque lo hemos rotado con el nulo. Ahora parece que está alineado bastante bien. Entonces solo voy a cortar las capas del mapa justo aquí. Ahora la Cámara Principal y la Cámara Interior se están haciendo cargo de la animación. Van a girar a su lugar, y ahora estamos listos para animar la siguiente parte. Entonces ese va a ser el pin de ubicación moviéndose a la forma de la lente de la cámara. Entonces solo voy a solista estas capas. Entonces voy a entrar en mi pasador de ubicación y luego animar el círculo en el interior, alineándose con el círculo de la lente interior y luego la parte externa del pasador de ubicación alineándose con la lente exterior. Entonces estableceré un tamaño clave-marco y luego un path key-frame. También voy a necesitar configurar fotogramas clave de posición. Entonces bajaré y configuraré posición clave, luego avanzaré unos 20 fotogramas, y luego solo ajustaré la posición x e y para alinearla un poco más cerca. Para que pueda ver el tamaño de mi lente interior de la cámara. Entonces va a haber 179.5. Entonces solo puedo escribir ese valor para este círculo. Entonces el camino me voy a mover a su lugar. A ver cómo se ve eso. Necesito una capa de pin de ubicación más nítida donde termina la animación y luego iniciar las capas de lente de la cámara allí. Entonces puedo deshacer estos para ver lo que tenemos. Entonces obviamente esto no está del todo bien. Vamos a tener que reordenar un poco las capas. Por lo que el pasador de ubicación va a terminar moviéndose hacia arriba del interior de la cámara. A ver cómo se ve eso. Sí. Está bien, pero ahora me doy cuenta de que el mapa se está mostrando a través de este pin de ubicación y no me gusta la forma en que se ve. Por lo que voy a entrar en el pin de ubicación y luego ir a Agregar y Rellenar. Entonces voy a arrastrar el relleno encima del camino y eso cerrará el círculo con un relleno. Pero no quiero leer obviamente, así que voy a cambiar eso. Ahora puedes ver que el relleno está encima del trazo para el círculo interior. Entonces lo que voy a hacer es también añadir un trazo. Entonces necesito ajustar el tamaño y el color y eso resolvió el problema. Por lo que ahora ya no veo el mapa a través del pin de ubicación. Agregar este relleno ha estropeado nuestra capa de globo aquí mismo. Entonces lo que voy a hacer es entrar en la opacidad de ese relleno que acabo de agregar. A las ocho, en realidad 729, voy a poner la opacidad a cero. Entonces un fotograma más tarde a los ocho segundos, lo pondré a 100. Entonces eso lo va a arreglar para que no haya relleno aquí. Por lo que todavía puedo ver la masa viniendo alrededor de la tierra de la tierra. Pero aún tengo ese relleno más tarde para bloquear el mapa detrás de él. 17. Animar capas de cámara extra: Está bien. Lo siguiente que tenemos que hacer es animar las piezas de la cámara que no están transportando desde el pin de ubicación en el mapa. Esa va a ser la parte superior de la cámara. Yo sólo voy a padre eso a la nula. De esa manera va a estar girando y puedo simplemente ocultarlo detrás y luego sacarlo. Establece un marco clave de posición, retrocede en el tiempo y simplemente mete eso debajo. Ahora no parece que eso vaya a funcionar en este punto, así que solo moveré la animación para que empiece a unos ocho segundos en 10 fotogramas. A ver cómo se ve eso. Eso funciona. Entonces puedo recortar esta capa. Bien. Podemos hacer lo mismo con el botón de la cámara. Yo sólo voy a padre eso a la nula. A continuación, establezca un marco clave de posición. Ve probablemente al mismo spot unos ocho segundos en 10 fotogramas y luego trae eso. También probablemente necesite bajar un poco. Está bien. Se ve bien. El último punto es el pequeño punto en la cámara. Simplemente voy a animar la escala del punto, así que la escalaré de cero a 100. Pero necesito padre este punto a la capa principal de la cámara, por lo que se adhiere a esa capa. También voy a mover esta capa de puntos de cámara debajo del pasador de ubicación porque no me gusta cómo lo puedes ver subiendo justo aquí encima de ella. Eso se ve mejor. Antes de que me olvide, necesito redondear estas esquinas en la cámara principal. Simplemente pondré marcos clave para la redondez. Veamos qué tenemos. Una última cosa en esta cámara es que necesito animar el resplandor que entra. Voy a mostrar esa capa. Entonces voy a entrar y añadir recorridos de recorte. Al final de la animación, quiero que sea como una cuarta parte del círculo y luego quiero que esté en la parte superior izquierda. Acabo de ajustar el offset y el porcentaje final para conseguirlo donde lo quería. Voy a establecer fotogramas clave para el final y offset en 20 fotogramas. También voy a animar la posición del resplandor. Encontré que la crianza de los hijos no funciona en este caso porque tengo la rotación en marcha y no quiero que esto rote. De hecho, quiero que gire de la manera contraria a medida que mi cámara gira hacia adentro. Simplemente estableceré un marco clave de posición y luego avanzaré en el tiempo y luego alinearé esto mejor para estar en el centro del pin de ubicación. Entonces voy a bajar el valor final a cero. A ver cómo se ve eso. Está bien. Podría necesitar algo de flexibilización para alinearse bien. Simplemente voy a golpear “U” en el teclado, asegúrate de que todo lo que acabo de establecer se alivie. También voy a necesitar estimar el tamaño de mi capa porque ahora mismo está golpeando los bordes. Simplemente iré a los 20 cuadros y estableceré el marco clave de tamaño. Ve al principio y simplemente encoge esto hacia abajo. Es aproximadamente la misma distancia de los bordes que está al final. Está bien. Eso se ve bastante bien. Yo quería realmente hacer un poco de animación extra. Yo también voy a animar el offset. Nosotros queremos ir más negativos. A lo mejor como ahí uno que encuadre clave. Sí. Eso es lo que buscaba. Está bien. Tenemos el resplandor entrando, pero parece estar tardando un poco demasiado. En realidad voy a empezar la animación aquí en 10 fotogramas. Simplemente arrastraré la capa hacia adelante y arrastraré los fotogramas clave hacia adelante. Necesito asegurarme de que todos estén aliviados. Echemos un vistazo a eso. Mi posición está apagada porque la estaba alineando a los ocho segundos y es diferente a las 8.10. Sólo voy a tener que ajustar la posición y tal vez hasta el tamaño en este punto. Echemos un vistazo. Está bien. Mucho mejor. Ahora tenemos nuestro pin de ubicación y mapa transicionando a nuestra cámara. Voy a añadir algún detalle extra con más rebasamiento de rotación y algo así más adelante. 18. Animar la cámara a fotos: El siguiente animación es meter la cámara en la foto y eso en realidad se rompe en dos fotos. Voy a volver a entrar en mi archivo en curso, y voy a importar esas capas fotográficas. Esto se ve un poco funky, esta capa de agua se va a enmascarar dentro de la foto y voy a hacer esa parte en after effects. Por ahora solo transferiré todos estos más y me he quedado sin colores del arco iris, así que solo los haré rosas y los cortaré a 10 segundos. Lo primero que va a pasar es que la parte interna de la cámara va a transitar hacia la parte interna de la foto y luego la parte externa de la cámara va a transformarse en la parte externa de la foto así que vamos a centrarnos en que primero. Voy a encontrar mi cámara interior y cámara principal, solo esas y luego en la foto del sol, esa es la primera foto, voy a solo la foto interior y la foto externa y luego solo voy a poner el tamaño keyframes en mi cámara interna y cámara principal y luego voy a seguir adelante 20 fotogramas y en realidad puedo simplemente mirar el tamaño de la foto. En realidad solo copio este tamaño y luego lo pego. También necesito establecer fotogramas clave para la redondez y la posición. Entonces haré lo mismo por la capa interior de la cámara a la parte interior de la foto. Copiaré el tamaño de esto y lo pegaré y moveré la posición hacia arriba. Ahora puedo recortar mis capas. El siguiente paso es animar las lentes moviéndose hacia el sol. Voy a resolver esas capas, ambas de las capas de lentes. Voy a hacer que la lente exterior se alinee con la lente interior y luego la lente interior se alinee con el sol, así que básicamente los tres se juntan. Voy a entrar y establecer tamaño key-frames así como posicionar-keyframes. Cuando voy adelante a este lugar en el tiempo, realidad no se pueden ver mis lentes porque la foto interior y exterior está en la parte superior así que voy a desmontar esas. Voy a mover las capas de lentes para que parezcan que están más alineadas con el sol y luego me enteraré del tamaño del sol. Entonces 80 y yo haré del tamaño de estos tíos 80 también. Echemos un vistazo. Voy a añadir flexibilización a estos fotogramas clave, así que quiero que mi lente exterior vaya un poco más rápido para que no tenga un trazo tan grueso aquí mismo. Yo sólo voy a ir tal vez como aquí, averiguar cuál es el tamaño de la capa interna y sólo voy a establecer un fotograma clave pero luego copiar ese fotograma clave y pegarlo en la capa externa y luego puedo eliminarlo de la capa interna, eliminar el último fotograma clave y soltar la capa. Ahora lo que he hecho es hacer que la lente exterior llegue más rápido hacia la lente interior. Ahora, puedo cortar mi capa interior de lente y recortar mi capa de sol para empezar aquí. Voy a desmontar todas mis capas, voy a esconder la segunda foto y vamos a ver con qué más tenemos que lidiar aquí. El agua de la foto se va a mover hacia arriba a su posición. También necesita ser enmascarado con esta foto interior. Lo que voy a hacer es duplicar la foto interior y luego voy a nombrar esta máscara duplicada y voy a emparejar la máscara al interior de la foto. Entonces voy a mover la máscara por encima del agua. Da click en el agua y luego voy a poner máscaras. Tengo que ir a alternar interruptores y modos y luego bajo pista mate ir a máscara interna de foto alfa mate. Pero ahora se puede ver que el agua está cubriendo el trazo en parte de esta foto interior. Voy a mover la capa interior de la foto hasta arriba pero tiene un relleno así que voy a sacar el relleno. En realidad lo esconderé y eso se ve bien. Voy a ocultar el botón de la cámara en el top de la cámara tipo de la misma forma en que entraron. Simplemente estableceré fotogramas clave de posición y luego por aquí los haré caer y esconderse y luego puedo atrapar la capa ahí. Deshaznos de este pequeño punto en la cámara, lo animaré de la misma forma en que entró. Simplemente lo bajaré a cero y cortaré la capa. Ahora, necesitamos animar el resplandor hacia fuera. Voy a entrar y animar los recorridos de recorte. Pero voy a hacer con un inicio que va del 0-25 y como ese es el mismo porcentaje que el final, eso lo hará desaparecer. También necesito animar la posición para que se alinee mejor mientras las lentes se mueven. Estableceré un fotograma clave de posición y luego ajustaré la posición. A lo mejor necesito animar el tamaño también. Simplemente pondré un fotograma clave para el tamaño y luego bajaré un poco esto. 19. Animar capas de fotos extra: Siguiente Voy a animar estos rayos al salir del sol. Voy a entrar y añadir recorridos de recorte. Este recorte va a animar todos los pequeños rayos que vienen al mismo tiempo. Ajustaré todo esto para que podamos enfocarnos en ello. Voy a animar el porcentaje de inicio para animar los rayos que entran. A 10 fotogramas, estableceré el cero de inicio. Entonces al principio, voy a llevar eso hasta 100. Eso va a animar los rayos que salen. Voy a aliviar esos fotogramas clave. Ahora verás que los rayos solo están haciendo lo suyo, por lo que necesitan ser parentados. Vamos a padres los rayos a la lente interior de la cámara. Eso se ve mejor, pero mi animación está sucediendo demasiado pronto. Simplemente arrastraré eso hacia adelante. Eso se ve bien. Dejemos entonces animar el agua que viene. Simplemente voy a establecer un fotograma clave de posición aquí en unos 20 fotogramas, luego volver al principio de la capa y bajar. También necesito recortar mi capa de máscara para que aparezca todo el tiempo. Pero si miras con cuidado, puedes ver que los bordes del agua están cortados antes de que lleguen al borde de la foto. Eso se debe a que esta capa interna de fotos se está transformando desde la capa interior de la cámara. Hay dos cosas que yo podría hacer para arreglar esto. La capa interna de la cámara tiene una animación de tamaño, así que puedo simplemente copiar estos fotogramas clave en la capa de máscara, o podría padre el tamaño de capa de máscara al tamaño de capa interior de la cámara. De esa manera si necesito volver atrás y cambiar el tamaño, no tengo que cambiarlo en dos capas diferentes. Voy a hacer la segunda capa, así que volveré a encontrar mi máscara y luego cambiaré al tamaño. Después toma este pequeño látigo de púa y luego arrástrelo hasta el tamaño en la capa interior de la cámara. Eso debería actualizarse de inmediato. Eso está funcionando. Pero se puede ver que el agua va por encima del trazo de la foto interior. Necesito hacer lo mismo con el interior de la foto. Tomaré el tamaño de la capa interior de la foto y la pararé a la capa interior de la cámara. Entonces necesito recortar la capa interior de la foto a alrededor de aquí para que cuando entra el agua, el estroboscópico esté encima. Se ve bien. Ahora tenemos el morph de la cámara a la foto. En el siguiente video, animaremos la segunda foto y luego haremos todo el bucle de animación de vuelta al boleto y al pasaporte. 20. Animar fotos: Después de tener la Cámara Morph en la foto, tengo la foto giro un poco revelando otra foto detrás. Después tengo las fotos saliendo e intercambiar lugares, antes de volver a transformarse en la contraseña y los boletos, para que pueda hacer el bucle de animación. En primer lugar, voy a ir a codificar el color la primera foto un color diferente al de la segunda foto. Ahora, voy a emparejar todas las piezas de esta foto con la foto exterior. Esa será la foto interior. La máscara interior de la foto ya está pintada a la foto en el exterior. No necesito preocuparme por esa capa. Entonces la foto de los rayos del sol ya tiene un par, y entonces lo que voy a necesitar hacer es realmente cortar y duplicar esta capa. Haré eso en un segundo. Voy a establecer fotogramas clave de rotación en mi capa exterior de la foto. Empezará en cero en cuanto se haga el Morph. Entonces seguiré adelante en tiempo a alrededor de aquí, y luego rotaré esto solo un poquito. No estoy viendo mi foto detrás porque está escondida. Yo quiero que la foto con la flor esté en el fondo, así que sólo voy a mover eso debajo de mi foto con el sol. Ahora lo tengo girando hacia fuera y luego necesito emparejar todas las piezas de la foto de la flor a la foto exterior. Entonces puedo establecer fotogramas clave de posición para la foto con la flor y la foto con el sol. A lo mejor realmente vamos a empezar los de aquí, darle un poco de tiempo para rotar. Entonces voy a seguir adelante en el tiempo un poco más y separar esas dos fotos. Esto me recuerda que necesito lidiar con los rayos del sol. Voy a volver al principio de esta capa, y luego seleccionando mis rayos de sol foto, voy a golpear “Shift, Command, and D”, y eso duplicará la capa y la cortará donde está mi cabeza de juego. Ahora, puedo llevar esta segunda versión de la capa y pararla a la foto externa. De esa manera cuando gira la foto, ahora, mis rayos solares están parentados. Se van a desarmar mis fotos, voy a añadir rotación a la foto de la flor. No necesito que se extiendan tan lejos en realidad, así que sólo los traeré de vuelta en un poquito. Ahora voy a hacer que salgan. Van a intercambiar lugares, y luego la foto de la flor va a ir encima de la foto del sol. Lo que necesito hacer es ir a los últimos fotogramas clave de la foto de la flor, seleccionar todas las capas, y golpear “Comando, Shift, D”, para cortar esas capas y duplicarlas. Entonces el duplicado que voy a arrastrar encima de la foto con el sol. Entonces puedo animar la posición de que estos regresen juntos. Yo sólo voy a poner esto al centro, que es 540. Entonces también estableceré algunos fotogramas clave de rotación. Se va a salir, y luego pondré un fotograma clave, y luego cuando regrese, lo haré girar de nuevo a cero para la foto de abajo y luego para la foto de arriba, lo haré girar en la otra dirección. Veamos cómo se ve eso. Bien. Entonces necesito agregar flexibilización a estos fotogramas clave, y también a estos. En el siguiente video animaremos estas dos fotos, convirtiéndose en el boleto y pasaporte para que nuestra animación se haga bucle. 21. Animar fotos a boleto y pasaporte: El último morph animación es volver a meter las fotos en el ticket y contraseña, por lo que la animación se hará bucle. Voy a volver a mi archivo en curso, y ahora quiero que esta animación empiece a los 12 segundos. También noté que la animación de las fotos intercambiando lugares termina justo a los 12 segundos. Simplemente voy a acortar esta animación para que tenga un poco de tiempo para llegar a su lugar antes de que empiece la siguiente morph. Esta rotación inicial donde gira para revelar la foto debajo, toma un poco de tiempo. Sólo voy a tomar todos estos fotogramas clave y empujarlos hacia atrás como cinco fotogramas. Ahora mi tiempo está apagado para la otra foto, así que voy a tener que ajustar esos fotogramas clave también. Olvidé aliviar estos fotogramas clave. Ya puedo hacer eso. Estas capas sólo tendrán que moverse hacia arriba. Estos tendrán que ser cortados. Está bien, eso se ve bien. Ahora puedo iniciar esta animación a los 12 segundos. Lo primero que voy a hacer es bajar y copiar todas mis capas de entrada y pasaporte. Esas van a ser todas las capas rojas. Golpearé “Comando D” para duplicarlos y luego llevar el duplicado hasta arriba. Voy a mover las capas para que empiecen a los 12 segundos. Ahora estas capas de boletos tienen la animación del morph en la maleta. Voy a terminar borrando muchos de los fotogramas clave. Pero vamos a enfocarnos en una capa a la vez. Lo primero que voy a hacer es el pasaporte, y así con eso y la foto de flor interior. Va a ser más fácil animar la capa de pasaporte en la capa interior de la foto porque el pasaporte tiene estas dos esquinas redondeadas y no voy a poder conseguir fácilmente las dos esquinas redondeadas con esta capa de foto. Entraré a esta capa de pasaporte, pega “U” en el teclado. Sé que necesito guardar esa posición en la que empieza el pasaporte para que mi animación se haga bucle, esa es esta posición aquí mismo al inicio de la misma. Voy a eliminar todos los demás fotogramas clave y luego mover estos fotogramas clave hasta unos 20 fotogramas en el futuro. También voy a necesitar extender esta capa. Ahora puedo volver al inicio de la capa y animar la rotación a 14 grados, que es lo que está la rotación en esta capa interior foto. Ahora voy a ajustar la posición para que esté un poco más alineada, excepto que realmente no puedo ver lo que estoy haciendo. En realidad sólo voy a bajar la opacidad por un segundo para poder ver. Entonces entraré y animaré el camino para que se alinee exactamente. Eso se ve bien. Voy a volver a subir mi opacidad. Entonces voy a cortar mi capa de fotos aquí a los 12 segundos. Esa capa está hecha. Ahora voy a solista mi capa externa de foto, y luego voy a animar el tamaño de la misma entrando y escondiéndome detrás de la capa interior de la foto. También va a necesitar rotar. Estableceré fotogramas clave de rotación. También necesitaré fotogramas clave de posición. Ahora puedo ajustar el tamaño. Permítanme aliviar todos esos marcos clave. También necesito aliviar los que están en la contraseña. En ocasiones, si abordas tus fotogramas clave y desliza las cosas por ahí, aunque parezcan que son fáciles, posible que no tengan estos valores exactos de flexibilización. Por eso me limitaré a volver a aplicar, sólo para estar seguro. Eso funciona. Ahora voy a animar la segunda foto al boleto. Simplemente esconderé esas capas y luego resolveré el boleto principal, y la foto del sol, la parte exterior de eso. Ahí vamos. De nuevo, va a ser más fácil animar el boleto a la simple foto de rectángulo. Voy a entrar en la capa de boletos. Verías mis fotogramas clave. Ahora quiero guardar estos fotogramas clave porque así empieza la animación. Tendrán que bucle perfectamente. Necesito tenerlo en ese punto exacto. Simplemente voy a eliminar los fotogramas clave final y luego arrastrarlos hacia adelante en el tiempo a 20 fotogramas y extender la capa. Entonces al principio de la capa, voy a girar esto de nuevo a 0, mover la posición un poco. Centra eso hacia arriba, y luego anima el camino a la misma forma que esa capa de fotos. Eso se ve bien. Puedo rastrear mi capa de fotos a los 12 segundos. Ahora voy a sumar todos los puntos y mis detalles al boleto. Iré a buscar todos esos puntos y líneas y solitarios los. Necesito extender todas estas capas. Sólo voy a presionar “U” en el teclado para ver todos los fotogramas clave. Lo que probablemente pueda hacer es tomar todos los fotogramas clave de inicio y arrástrelos a 20 fotogramas. Ahora, veamos qué tengo. Bien. Tengo todas las líneas en muchos y ahora déjame solo revisar qué está pasando con los puntos. Estas capas en realidad no tienen ningún fotograma clave, así que solo estableceré fotogramas clave de escala para traerlos. A 20 fotogramas, tendré que la báscula sea 100 por ciento y luego regresaré en el tiempo y los haré 0. Voy a aliviar todos esos fotogramas clave. Esa animación lleva un tiempo. Sólo voy a ajustarlo un poco. A lo mejor los empezaremos todos a 10 cuadros y los terminaremos a los 20. Lo mismo para los puntos. Entonces solo puedo cortar todas estas capas para empezar a los 12 segundos y 10 fotogramas. Eso se ve bien. 22. Animar fotos a boleto y pasaporte, Parte 2: A continuación voy a animar los detalles en el pasaporte, así que voy a sólo [inaudible] estas capas de ticket y luego así las capas de detalle pasaporte. También la foto con la flor. El centro de la flor se va a simplemente escalar hacia abajo. Empezaré con esa animación. Voy a necesitar llevar esta capa a la parte superior para que puedas verla. Simplemente animaré el tamaño y también la posición. El tamaño sólo va a ir a cero. En realidad voy a hacer que disminuya el ancho del trazo para que no tenga esto como último fotograma. Se encogerá más suavemente. Simplemente haré el ancho del trazo y pondré ese marco clave justo por ahí, y luego haré ese cero. Ese círculo está desapareciendo. Vamos a hacer que la flor se transforme en el globo. En realidad voy a pintar la flor al centro de la flor. Porque después podría necesitar ajustar el posicionamiento de estas capas y solo lo haré en el centro en lugar de tener que hacerlo en ambas. Entonces entraré y animaré el camino de la flor. Conjunto de marco clave. Entonces para ver esto mejor, solo tengamos al globo en solitario. También necesito extender mi capa de globo para poder verla. Voy a alinear el centro de flores con el centro de este globo. Ajustaré la posición, hasta que parezca que se trata de centrado. Se ve bastante bien. Ahora ojalá mi flor se vea un poco más centrada. Ahora animaré la posición de esto a la posición del globo. Primero solo estoy moviendo todos los puntos de anclaje para conocer el globo y luego ajustaré los mangos más tarde. Yo sólo quiero moverlos directamente desde el centro del círculo. Entonces no estoy sesgando las cosas de una manera extraña. Entonces ajustaré los mangos para que esto sea más un círculo. Eso se ve bastante bien. Tenemos que cortar la capa de globo donde la capa de flores la hace al círculo. Corta primero la capa de flores y luego encuentra la capa de globo y recorta eso al principio. También esta capa de globo tiene algunos fotogramas clave que no necesito, solo voy a apagarlos todos. Ahora tenemos la flor transformándose en el globo. Ahora agreguemos en esos detalles de línea sobre el globo. Aquí las líneas tienen un mapa establecido desde la primera morph de la animación. En realidad lo voy a cambiar a la flor de la foto. Haré eso por cada capa y luego también necesito solearlas para que podamos verlas y extender las capas. La animación en estas líneas va de adentro a afuera, y la quiero al revés. Simplemente cambiaré estos fotogramas clave. A ver cómo se ve eso. No está del todo centrado y eso es porque necesitamos padres estos a la flor en lugar de la capa original a la que están parentados. Al final de la animación, se ven bien. Ahí es donde los voy a criar. Echemos un vistazo. Se ve bien. Ahora permítanme añadir flexibilización a todos los fotogramas clave que he establecido hasta ahora. Mi capa principal de pasaporte debe ser visible. Déjame solo eso realmente rápido. Veamos qué tenemos. Tenemos un tema. La capa de flores necesita moverse hacia arriba por encima de la capa principal del pasaporte. Intentemos eso otra vez. Eso se ve bien. Ahora puedo animar la etiqueta en la parte inferior del pasaporte entrando. Déjame solo eso. Esto va a necesitar simplemente ser flip-flopped en la animación. Simplemente cambiaré estos fotogramas clave para que sea animado. Necesito extender la capa. Se ve bien. Hagamos [inaudibles] todas estas capas y veamos qué tenemos. Pero primero necesito recortar esta capa exterior de la foto y necesito mover el medio del boleto debajo de la segunda foto. Echemos un vistazo. Olvidé cortar una capa, así que esa va a ser esta foto exterior. Se ve bien. Vamos a asegurarnos de que los bucles de animación. Se ve bien, tenemos todos los morfos básicos abajo. En el siguiente video, te mostraré cómo hago que la animación sea un poco más interesante. 23. Perfecciona tu animación: Ahora que tenemos todas nuestras animaciones de morfación hechas, podemos volver atrás y hacer que la animación sea más interesante utilizando técnicas como la anticipación y el rebasamiento. Estas técnicas provienen de los 12 principios de la animación. Ese es un tema que merece una clase propia. Pero si no estás familiarizado con los 12 principios de la animación, encontrarás muchos recursos en línea. A través de todos los ejemplos en la versión terminada de mi animación para luego mostrarte cómo los creé. Si jugamos esto atrás, verás que le agregué algo de rotación a la maleta que sea como si alguien la estuviera cargando y se balanceara de ida y vuelta. Cómo hice eso es que adjunté todas las capas de ticket y pasaporte y todas las capas de avión a este objeto nulo llamado control de swing. En realidad está oculto, pero sólo está aquí arriba. Todo está girando desde este punto aquí arriba y así que eso está haciendo ese bonito movimiento de balanceo. Las capas que en realidad están parentadas al control de swing van a ser la maleta interior y principal, y luego el pasaporte principal y el boleto principal. Todas las demás capas que son detalles en el pasaporte y boleto son parentadas al pasaporte principal o al boleto principal. No necesitamos que los padres directamente al nulo. Entonces también notarás que las capas planas, todas estas, también están parentadas al control de swing. El balanceo de animación es un buen ejemplo de rebasamiento o seguimiento, porque la rotación va más allá de los 90 grados que necesito que vaya. Va aún más allá y luego sigue balanceándose, y luego incluso continúa a lo largo de la animación del avión. Entonces ahí mismo notarás que antes de que el plano pase a la tierra, la capa de plano principal se anima, justo ahí antes de que se anime hacia la tierra. Entonces cuando alcanza el tamaño de la Tierra, en realidad va más allá del tamaño de la Tierra. Pasó un 100 por ciento. Después se remonta a la posición final de la Tierra. Después, a medida que el globo entra en el pin de ubicación, notarás que el pin de ubicación baja y rebota hacia arriba y hacia abajo. No sólo rebota, también se aprieta y se estira. Si bien está en el punto más bajo, está aplastando y luego cuando está en su punto más alto, se está estirando. Verás que está estirado hasta esta manera y luego aplastado mientras aterriza. Eso sólo hace que se vea un poco más hinchable y fluido. Después notarás otro ejemplo de anticipación con este mapa. Se va a bajar antes de que suba. Es anticipar el movimiento ascendente bajando primero y luego arriba. Entonces la cámara en realidad está girando más allá del punto en el que termina. Ese es un ejemplo de rebasamiento. Se puede ver que pasa, recta y luego de vuelta a recta y en realidad sigue girando un poco y eso es sólo porque quería que se mueva continuamente. Entonces otro ejemplo de anticipaciones aquí mismo, cuando la cámara se extiende hacia afuera horizontalmente antes de entrar horizontalmente en la foto. Anticipándose a entrar saliendo primero y luego entrando. Entonces notarás en el sol y el agua hay algún rebasamiento. Esos van un poco más pequeños y luego más grandes para el sol. El agua va subiendo un poco más alto y luego retrocede. Entonces al final aquí, el boleto y el pasaporte rotan más allá donde necesitan estar y luego de vuelta. Te mostraré cómo añado anticipación usando este plano como ejemplo. La capa principal del plano se va a encoger antes de que se expanda hacia la tierra. Mi animación actual comienza a los cuatro segundos. Voy a volver atrás en el tiempo, 10 fotogramas y establecer otro marco clave para este tamaño. Este será el tamaño inicial, y luego volveré a donde comenzó mi animación original a cuatro segundos y solo bajaré este tamaño. Ahora, parece que mi trazo se acaba de hacer más grueso. Eso se debe a que la capa de contorno de la Tierra también es visible aquí. Voy a tener que bajar este tamaño también en este. Simplemente puedo establecer un marco clave a pesar de que aquí no es visible. Simplemente haré que empiece ahí, y luego voy a copiar este marco clave de tamaño desde el plano y pegarlo en el contorno de tierra. Eso se ve mucho mejor. Lo tengo entrando, eso es anticipación antes de que salga. Entonces quiero agregar algo de rebasamiento. El globo va a salir un poco extra antes de que aterrice en esta posición. A cuatro segundos y 20 fotogramas, en realidad voy a tener que el tamaño sea más grande que la posición final de 598. Simplemente copiaré este fotograma clave 598 y lo pegaré 10 fotogramas en el futuro. Entonces volveré a ese marco clave original y luego haré de este marco clave un tamaño más grande. Noto que mi mapa no está llegando ahora a los bordes de mi globo. Lo que necesito hacer es entrar en mi capa de mapa, ir a los controles y establecer un marco clave para el radio. Simplemente pondré ese fotograma clave aquí arriba, pero luego golpeo U en el teclado para ver el fotograma clave. Voy a plantear eso para que mi mapa esté tocando los bordes de mi globo. Por ahí se ve bien. Entonces una vez que vuelva a bajar a su posición original, sólo volveré a poner esto a los 300 en los que estaba. A ver qué tenemos. Anticipación. Ah, y necesitamos animar el avión yendo al tamaño más grande. Ese tamaño más grande era de 676. Sólo voy a escribir eso y ahora vamos a revisar esto. Notarás que el trazo se ve un poco más ancho en algunas porciones y eso se debe a que la capa de plano no es lo suficientemente redonda. Simplemente voy a ir al final de la animación del avión y sacar esta capa un fotograma para poder verlo, y entonces sólo voy a subir la redondez para que haga un círculo perfecto. Sobre ahí se ve bien. Pondré esa capa de vuelta a donde estaba y veamos si eso funcionó. Sí, se ve bien. Por eso básicamente pasaría y añadiría anticipación y rebasamiento a mis animaciones. Un consejo que puede ayudar mientras estás haciendo esta animación de pulido es reproducir tu animación de nuevo en cámara lenta. En realidad puedes hacer eso desde after effects entrando en tu panel de vista previa. Si no ves que siempre está debajo de la ventana. A continuación, estableciendo su velocidad de fotogramas a una velocidad de fotogramas más baja, entonces su proyecto se establece en. Mi velocidad de fotogramas es de 30 fotogramas por segundo. Si lo pongo en 15, reproducirá la animación de nuevo en cámara lenta. De esa manera es más fácil para mí ver y notar pequeños detalles que podrían mejorarse. Diviértete pasando por tu animación y agregando pequeños detalles de pulido para llevar realmente tu animación al siguiente nivel. 24. Conclusión: Muchas gracias por ver. Espero que estés teniendo una explosión creando animaciones morfadoras. Si tienes alguna pregunta o quieres comentarios sobre tu trabajo, siéntete libre de contactar en la página de la comunidad. No olvides publicar tus proyectos de clase, si publicas tu trabajo en redes sociales recuerda etiquetarme @explainimated para que lo pueda ver ahí. Si quieres echar un vistazo a mi trabajo, puedes ir a meganfriesth.com o en Instagram @explainimated Realmente te lo agradecería si dejaras una opinión para esta clase, siempre estoy mirando cómo puedo hacer mejor mi próxima clase. Si tienes algo en particular que quieras aprender, déjame saber.Muchas gracias de nuevo por ver, alegre animar.