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

1. Introducción: Hola, soy Xiong Chu y soy Diseñadora de Movimiento en Canadá. Llevo más de cinco años animando profesionalmente en Adobe After Effects. Trabajé en dos agencias de publicidad diferentes para clientes como Adidas, PayPal, Walmart, y muchos más. hoy te voy a enseñar a animar ilustraciones en After Effects. Te mostraré todo lo que necesitas saber para empezar en el Adobe After Effects, aunque sea tu primera vez que abres el programa. En este curso, estaremos trabajando juntos en una animación corta y sencilla. Aprenderás todo el flujo de trabajo profesional completo desde configurar primero tu archivo en Illustrator, importar archivos de Illustrator en After Effects con capas separadas, cómo configurar archivos y organizar capas en After Effects para una flujo de trabajo más eficiente, cómo animar con los menos fotogramas clave posibles, pero aún así lograr grandes resultados, navegar y animar a través de muchos elementos diferentes en la escena la casa, la nube, los árboles, los autos, el equipaje, y cómo aplicar una transición suave. Cómo animar algo orgánico y natural como las hojas cayendo y el humo que sale del auto. Te mostraré paso a paso, trabajando a través del guión gráfico, cómo aplicar principios de animación, cómo usar editores de gráficos para darle vida y carácter a tu animación. Aparte de eso, también estaremos cubriendo toneladas de atajos de teclado, consejos y trucos que uso todo el tiempo para un flujo de trabajo más eficiente. Para el proyecto de clase, estarás aplicando las habilidades y técnicas aprendidas aquí para crear tu propia animación. Puedes tomar mi ilustración y personalizarla o inventar tu propia ilustración. Haz algo de lo que te sientas orgulloso. Lo que aprendiste en este curso se traducirá fácilmente a cualquier tipo de proyectos de animación y te pondrá en marcha con la animación After Effects. Este curso es para cualquier persona que quiera entrar en los gráficos en movimiento o para alguien que quiera mejorar en su flujo de trabajo de animación. Espero que te diviertas mucho aprendiendo y animando. Te veré en clase. 2. Preparación de archivos en IA: Bienvenido al primer video. En esta clase, te mostraré cómo puedes preparar tus archivos en Illustrator antes de traerlo en Adobe After Effects para animación. Vamos a saltar justo dentro. Aquí están mis storyboards. Como puedes ver, son vacaciones de otoño. Todo está muy bien diseñado y dispuesto. este momento están en dos mesas de trabajo separadas. Lo que tenemos que hacer es ir a Archivo y luego hacer clic en “Guardar como”. Entonces podemos cambiar el nombre del archivo a Storyboard, podemos nombrarlo solo 1. Haga clic en “Guardar”. Aquí el panel que es muy importante. Tenemos que hacer clic en este “Guardar cada mesa de trabajo en un archivo separado”. Básicamente necesitamos que estas dos mesas de trabajo se guarden por separado y haga clic en “Ok”. Entonces volvamos a la carpeta. Podemos ver que tenemos dos archivos separados para estas dos mesas de trabajo. Vamos a dar click en el primero. Aquí está el primer guión gráfico. Antes de llevarlo a After Effects para tener todas las capas a separar, necesitamos hacer una cosa. Básicamente tenemos que ir al panel de capas. Si no tiene el panel de capas en el lado derecho, está debajo de Windows, y luego haga clic en “Capa” y luego vaya a esta esquina superior derecha, este icono aquí, y haga clic en esta “Secuencia de lanzamiento a capas”. Lo que hace es crear una capa separada para todos estos diferentes objetos. Simplemente necesitábamos seleccionar todos estos objetos y sacarlo de la capa maestra, y luego podemos eliminar la capa maestra porque ya no la necesitamos. Ahora, tenemos todas estas diferentes formas en su propia capa separada. Cuando llevemos los archivos a Adobe After Effects, va a mantener separadas todas estas capas, en lugar de tener solo una capa plana con todos los elementos. Esto es un muy importante, nos permitirá animar las cosas individualmente. Como puedes ver aquí mientras hago clic a través de estos iconos de ojos, estas son las diferentes capas que tenemos. Ahora, hagamos lo mismo para el segundo guión gráfico. Simplemente ábrela y luego podemos ir a Capas, haga clic debajo de la capa maestra aquí, y luego haga clic en el icono “Liberar a la secuencia de capas”. Entonces podemos seleccionar todas las capas dentro, solo sacarlas de la capa maestra, Capa 1. Entonces podemos eliminar la Capa 1 porque ahora está vacía. Ahora, puedes ver que todas estas diferentes formas están en sus propias capas ahora. Ahora, vamos a guardarlo. Básicamente esto es lo que debes hacer antes llevar los archivos a Adobe After Effects. Pasemos al siguiente video. 3. Comencemos con AE: Ahora abramos secuelas. En primer lugar, vamos a crear una composición. Aquí deja que quede esto para mantener la calma. Básicamente este va a ser el conteo que vamos a estar animándolos. Aquí, hay algún preset entre el que puedes elegir en este momento es HDTV 1080. Entonces la velocidad de fotogramas es de 2997. Podemos cambiar el ancho del video para ser 1080. Va a ser una por una proporción. El índice de fotogramas puede estar permaneciendo igual. No quiero cambiarlo y luego la duración. Vamos a estar animando un video de seis segundos. Pero no queremos poner seis segundos porque nos va a limitar. Yo quiero poner 10 segundos aunque solo para tener suficiente espacio para trabajar. A continuación, haga clic en “Ok”. Ahora, nos da una nueva comp aquí. Aquí hay un proyecto, y luego dice principal comp. Ahora mismo no hay nada en nuestra comp. En primer lugar necesitamos cargar nuestro expediente de registro. Vamos al panel del proyecto, haga clic con el botón derecho en importar archivos. Otra forma fácil es simplemente hacer doble clic en este panel. Haga doble clic. Aquí está nuestra ventana final. Vamos a navegar a la ilustración animadora en después cinco guiones gráficos que ralentizaron el primer archivo de Illustrator. Aquí en la corte como tenemos que elegir composición, retener sus tamaños porque si eliges un metraje se va a planear todo. Entonces todo, todas las capas que teníamos un ilustrador se van a ir. Tenemos que elegir esta composición, retener su tamaño se fija correctamente diciendo, sólo mantener el mismo tamaño que un ilustrador. El archivo Illustrator, fue construido en tal vez por 1080. Va a ser perfecto para esta comp que creamos, reemplazamos y luego creamos composición. Mantén esa capa abierta. Ahora ven aquí tenemos dos capas más aquí. Tenemos la habilidad del storyboard 101. Después tenemos otra carpeta que abres y tenemos todas estas capas dentro de la carpeta, así que no necesitamos esto por ahora. Pero quiero crear aquí algunas carpetas para organizar un poco estos ítems para que tengamos un modelo de proyecto limpio. Simplemente haga clic aquí abajo, cree una nueva carpeta. En primer lugar necesitamos una carpeta de activos. Nombralo activos, pon esta carpeta en los activos. Entonces necesitamos una carpeta pre-comp. Podemos poner esto porque este es el ícono para el pre-comp Podemos poner este pre- comp dentro de esta carpeta. Si haces click en esta comp gratis aquí abajo en la línea de tiempo, puedes ver y lo haces más grande. Se puede ver que tenemos todas estas capas de illustrator para que podamos animarlas individualmente. Vamos a dejarlo ahí. A continuación, volvamos a hacer doble clic, cargar el segundo archivo de Illustrator. Lo mismo, elegir composición, retener tamaños de capa, probar composición abierta. Ahora, aquí está la carpeta que conseguimos similar a la primera vez, y se ponen en la carpeta de activos. Tenemos a estos dos. No tenemos que preocuparnos por eso por ahora. Entonces versus segundo guión gráfico, pongámoslo en pensamientos rápidos. Entonces básicamente, solo nos vamos a reunir animando en el cultivo principal y luego vamos a conseguir activos de la pre-comp o de la carpeta de activos. Entonces ahora todo está limpio. Pasemos al siguiente video 4. Organización de capas: Antes de hacer algo, necesitamos organizar las capas en la línea de tiempo. Para ello, en primer lugar, vamos a copiar, Comando A para seleccionar todo, todas las Capas, en esta Comp y luego Comando C para copiar. Vuelve a la Comp Principal y Comando V, pega. Vamos a pegar todas las capas desde el Storyboard 1 Comp hasta la Comp Principal. El Main Comp es donde vamos a estar editando. En primer lugar, apaguemos los otros objetos excepto la casa. Yo voy a ir de abajo aquí, así que ese es el fondo. Yo quiero mantener ahí el fondo, así que no puedo ver qué es esto. Esto es un círculo, puedo apagarlo. Esa es la casa, así que la sigo encendida. Saltemos un poco, saltemos adelante. Yo quiero encontrar la nube y elegirla. Esto es una nube. Voy a renombrarlo a nube. Este es el suelo, así que esta es la tierra. Eso es una ventana. Yo quiero ver si éste, sí, esto es una nube, nube, nube. Estos cuatro son las nubes. Yo quiero darle otro color, para que sea más fácil encontrar la nube más tarde. Puedo cambiarlo a rojo. Si no quieres cambiarle el nombre, solo puedes seleccionar y cambiar el nombre de uno de ellos y luego cambiar el color de la capa, para que más adelante, sepas cuáles son esos. Pero por ahora, no necesito preocuparme por las nubes, así que sólo lo apago. Esa es la puerta, ventana. Yo quiero encontrar ahí los árboles. Otra forma más fácil es simplemente hacer click aquí, click en los árboles. Básicamente, estas seis capas son los árboles. Quiero cambiarlo a color probablemente verde, aunque no es un árbol verde. Entonces voy a renombrar uno de ellos a árboles. Ya encontramos la tierra, por lo que todas las demás capas de este color va a ser la capa de casa. Eso es un círculo, vamos a renombrar eso, círculo y cambiarlo a color melocotón. Esta capa parece estar vacía, por lo que Si se activa y apaga este icono de ojo y no aparece nada, significa que la capa probablemente esté vacía. Puedo eliminar esa capa, no la necesito por ahora. Aquí, se puede ver que la imagen es de baja resolución porque por aquí, hay un botón para cambiar la resolución. Ahora mismo, está en Quarter porque a veces, tienes un archivo grande y quieres ponerlo en una tercera resolución o media resolución solo para acelerar la vista previa. Para este caso, creo que esta demostración es bastante simple, así que sólo podemos encender la resolución completa, sólo para que todo se vuelva mucho más claro. Todas estas capas son las capas de la casa. Quiero seleccionar uno y luego dar clic en este, “Seleccionar grupo de etiquetas”. Se va a seleccionar todas las capas con el mismo color en el frente. ¿ Sabes qué? El último, es capa de fondo, así que no necesito el fondo. Probablemente necesito cambiar este color primero luego cambiarlo a amarillo, eso es fondo y nombrarlo, BKG. Todas las demás capas son capas de una casa. Voy a volver a hacer clic en la capa, Seleccionar grupo de etiquetas. Entonces voy a mover todas estas capas a la parte superior. Todas las capas de la casa están conectadas ahora y las otras capas de árboles o capas de nubes están todas en la parte inferior. Estas son mis capas de casa. 5. Construyamos una casa: ventanas: Ahora que comience la diversión, empecemos a animar. En primer lugar, hagamos primero la ventana. Encontremos la primera ventana aquí, es la ventana inferior derecha aquí, y vamos a hacer zoom, sostenga la Z y luego simplemente arrastre el ratón a esta área, suelte el ratón, así que va a acercar esta área. Mantenga pulsada la barra espaciadora, puede navegar en la vista previa. Aquí tenemos este uno, dos, eso es otro, necesito encontrar primero esta ventana. Doy click en la ventana, me va a mostrar qué capa es esta, así que voy a arrastrar esta capa todo el camino hasta la parte superior. Estas tres capas son mi primera ventana. La ventana sólo va a aparecer. Haga clic en este icono aquí, haga clic en transformar, y aquí tenemos la propiedad de escala. Básicamente lo que necesitamos hacer, marca nuestra casa al 100 por ciento por lo que este es el tamaño real de la ventana. Estamos en, en la línea de tiempo estamos a cero segundos, así que estoy pensando que tal vez dentro de diez fotogramas la ventana simplemente aparecerá. Si te aferras a Comando, Mayús y flecha derecha, esto irá adelante diez fotogramas para ti. Por aquí, podemos hacer click en este cronómetro, en la propiedad de escala, y luego volver a cero segundo, cambiar esta propiedad a cero, ves ahora desaparece la ventana. Si mantienes esta línea de tiempo, el indicador, y solo lo arrastras, puedes ver que la ventana acaba de aparecer. Si estás en una vista previa de la animación, solo puedes hacer clic en la barra espaciadora. Eso es lo rápido que es arrastrar la línea de tiempo, esa es la animación. Ahora el marco de ventana en sí está animado, pero estas dos capas no lo son. No te preocupes, lo vamos a arreglar más tarde, pero antes que nada, la ventana emergente, es bastante aburrida. En este momento no hay energía para ello, todo es lineal de cero a un 100. Lo que tenemos que hacer es, en primer lugar, necesitamos agregar un poco de ecualización fácil el fotograma clave para que haya un cambio de velocidad cuando se encienda. Otra cosa es que necesitamos agregar algún rebasamiento. Al ser uno de los principios de animación, necesitamos agregar un rebasamiento a la ventana, ahora mismo está en 10 fotogramas, así que necesitamos arrastrar este fotograma clave tal vez al fotograma 14 y luego en el décimo fotograma, podemos ver que la ventana está en 78.6 por ciento pero vamos a cambiarla a 110 por ciento. En realidad, la ventana se está volviendo más grande antes de que se asiente en su lugar. Otra cosa que tenemos que hacer, tenemos que hacer clic con el botón derecho, asistencia de fotogramas clave a facilidad para agregar algo de facilidad en él, y luego vamos a previsualizar esto. Ahora se puede ver que los pop-ups tiene mucha más energía, se ve mucho mejor. Otra cosa, si queremos darle más vida y energía a nuestra animación, tendremos que entrar en este editor de gráficos para ajustar algunas de las gráficas de valores. Hacemos clic en este editor de gráficos y luego hacemos clic en este botón, encajamos todas las gráficas a ver, que se haga más grande y esto es una gráfica. Básicamente va de cero, la escala de la ventana va de cero y luego sube a 110 y luego se instala de nuevo a 100. Esta es la curva de animación para esta animación. Si queremos que el popup sea más dramático, necesitamos ajustar estos mangos, así que básicamente en esta curva, este es un gráfico de valores, por cierto, cuanto más pronunciada es la curva, más rápidos son los movimientos. Se puede ver por aquí, la pendiente de la curva no es tan empinada, es muy normal y luego sale, incluso más pronunciada, por lo que es justo donde se mueve más rápido y luego se instala lentamente en el lugar. Voy a arrastrar estos paneles sólo para darle más energía a este tema, y ahora veamos cómo se ve. Esta es una animación simple, pero ésta tiene mucha más energía de la que vimos antes. Así es como realmente los conceptos básicos del editor de gráficos y cómo puedes ajustar el editor de gráficos para dar más mentiras a tu animación. Probablemente estés pensando, ¿necesito ajustar el editor de gráficos en cada fotograma para toda mi animación? Mi respuesta a eso es, si quieres convertirte en un pro, tienes que hacerlo. Esta animación es bastante buena, eso es bonito, y lo bueno de esto es, una vez que tengamos esto clavado, podemos simplemente copiar estas cosas clave, y luego por aquí, a estas dos capas, pegarlo, comando C, y comando V. Si hacemos clic en la U del teclado, me va a mostrar todas las fintas de teclas de anime en la capa. Si seleccionamos tres capas y luego hacemos clic en U, entonces sólo la propiedad de escala ha cambiado en estas tres capas, así que esto es lo que me va a mostrar. Tocemos esta animación. Ahora se puede ver que el interior está creciendo con el exterior porque ahora están todos animados. A mí me parece que estos marcos interiores están un poco apagados, así que quiero ajustarme solo para hacerlo, subirlo un poco para que toque el borde del marco de la ventana, no va por encima del marco. Todo está muy bien centro aunque eso me queda bien. Ahora hemos animado una ventana por ahí. Lo bueno es que todas estas Windows son las mismas, así que no tenemos que animar cada una. Podemos simplemente copiar esta ventana y luego a estos diferentes lugares. En primer lugar, esta historia de animación hecha para limpiar la línea de tiempo, permítanme hacer click en estas tres capas. Comando turno, C, click en y nombrelo justo, ventana pequeña. Me da esta pequeña ventana, solo puedo duplicar esta pequeña capa de ventana, comando B, duplicar, y luego mover esta pequeña ventana hasta aquí solo para cubrir eso y luego si lo apago, en realidad puedo eliminar la ventana que estaba allí anteriormente. Estas dos ventanas están todas animadas, por lo que podemos hacer lo mismo por las tres ventanas que hay arriba. Aquí solo estoy usando la herramienta de regla, y copiar y pegar para colocar la ventana en la posición correcta. Las cinco ventanas están animadas ahora. Es fácil, entonces, ¿qué sigue? Vamos a entrar en la animación de la ventana, hacer clic en nuevo en el teclado, copiar esta animación de propiedad de escala y luego C, y luego volver a la comp principal. Cada uno de los elementos de esta casa, podemos usar estos tres fotogramas clave para animar. No necesitamos agregar más fotogramas clave nuevos a los otros objetos. Simplemente usamos esto, la copia pega todo el camino. Solo para mantenerlo simple.Esta, así que sólo vamos a bajar por la celda de capa. Aquí hay un techo de la casa, y podemos volver a los cero segundos. Este en realidad no queremos animar desde el centro aquí. Por eso tengo que cambiar este punto de anclaje al fondo del techo aquí, y entonces ¿cómo hago eso? Aquí en el menú teníamos un lápiz detrás de herramienta, por lo que esta es la herramienta de punto de anclaje. Básicamente usa esta herramienta, haz clic en ella, y luego puedes arrastrar los puntos de anclaje hacia abajo hasta el fondo de este techo aquí. Si sostienes el turno, va a limitarlo a una línea recta, y luego simplemente peguemos los fotogramas clave aquí. El techo está hecho. Subamos por aquí. Esta es otra ventana, hagamos primero esta ventana. comando V pegando los fotogramas clave, y luego necesitamos ajustar los fotogramas clave para que estén en la marca de segundo cero, seleccione todos estos tres fotogramas clave y luego simplemente arrástrelo a un fotograma cero. Ahora va a empezar a animar desde cero. Yo también quiero encontrar, porque en este momento estos no están vinculados, la línea de fondo aquí no está vinculada a ese marco de ventana, así que quiero encontrar esa línea de esto para ver el lado interior.Así que quiero ir a marco cero, Comanda V otra vez, y ahora solo están apareciendo en la pantalla al igual que la otra ventana. Encuentra esta línea aquí, ¿dónde está la línea? Aquí está la línea aquí. Si solo copio el fotograma clave en esta línea, intentemos eso, la línea va a animar desde este punto de anclaje.No va a seguir la ventana misma. No quiero copiar eso, así que iremos al Comando Z a deshacer lo que hicimos. no hay fotogramas clave en esto. Lo que queremos hacer es, una vez que se asiente en su lugar, queremos que esta línea azul de fondo sea un hijo de esta ventana. Entonces va a heredar la propiedad de esta ventana. Cuando se asiente en el lugar, déjame simplemente arrastrar este enlace padre, este látigo de pick, y luego simplemente arrástrelo a esta capa de marco de ventana. Cuando volvemos, se puede ver que está entrando, como todo el cuerpo, la ventana viene como un cuerpo entero. Tenemos esta ventana lista, por lo que estas tres capas son la ventana, necesito pre-comp, comando + shift + C, esto se llama Ventana grande, y luego deja simplemente duplicar la ventana. Yo solo estoy aquí haciendo lo mismo, tratando de usar una regla como guía y luego borrar la ventana original y copiar y pegar la nueva pre-comp animada que tenemos. Ahora tenemos la animación para todas las ventanas y ahí techos. 6. Construyamos una casa: estructura: Seguimos queriendo utilizar el mismo fotograma clave para todas las demás partes de la casa. Este es el fondo del techo. Entonces tenemos el pomo de la puerta, estos dos son pomo de la puerta. Yo quiero que salga el pomo de la puerta con la puerta. Aquí está la puerta, encontré la puerta. El de la puerta, tenemos el pomo de la puerta, ponlo encima de la puerta. Estas tres capas son toda esta puerta. Vuelve a cero segundo Comando V. Entonces veamos cómo se ve esta puerta. Crear un Comando pre-comp Cambio C, Puerta. En realidad puedo mover un poco esta puerta para que no se entrecruza con la tierra. Basta con usar mi tecla de flecha, para afinar la posición de la puerta. Ahora la puerta está hecha. ¿Qué más tenemos? Tenemos esta ventana aquí, sólo Comando V luego aparece la ventana por ahí. Ventana superior sólo va a nombrarlo Ventana superior. Aquí tenemos techo superior. Lo nombramos Top Roof. El techo es lo mismo. No quiero que solo salga en el centro. Yo quiero que salga de abajo aquí. Voy a agarrar esta herramienta de punto de anclaje, solo tienes que arrastrar el punto de anclaje hasta la parte inferior aquí, y luego pegar en el Comando de Propiedad de Escala V. Déjame simplemente desechar por esto y ahora ya ves, el techo se está moviendo y luego la chimenea. No es la chimenea. Entonces tenemos el cuerpo principal de esta casa aquí. Esta casa, quería escalar desde abajo aquí, así que voy a arrastrar este punto de anclaje hasta el fondo. Otra cosa que quiero hacer es, no quiero que escale tanto en la dirección de ancho como en altura. Yo solo quiero que se escale de abajo hacia arriba en lugar de expandir la dirección x e y, ambas direcciones. Lo que quiero decir es que quiero desvincular la propiedad de altura y anchura, y luego voy a pegar en mis fotogramas clave de escala Comando V. Así que ahora se puede ver, el cuerpo en realidad está creciendo como un agujero desde abajo aquí. Pero sólo quiero que solo crezca, la altura de la misma. Yo quiero que el ancho del cuerpo se mantenga igual. Lo que necesito hacer es cambiar el valor x más x a 100 desde el principio y luego ir aquí. Entonces llévala al 100, y luego ve a los últimos todavía 100. Si cambio SAS, se puede ver que el cuerpo principal simplemente crece justo arriba en lugar de cambiar, en lugar de simplemente crecer, pie como un todo simplemente crece, sólo hay crecimiento ascendente. Sé que ahora mismo es un desastre, pero ajustaremos el escalonamiento de las capas para que todo se vea fresco. Digamos que Cuerpo Correcto. Esta chimenea, quiero que crezca de abajo también. Pero similar al cuerpo principal de la casa, Cuerpo Derecho. Da click en U mostrar las escalas y luego copiar esta volver a partir de cero, pegar, dar click en U, sólo ver lo que parece que ves?. Sólo crece. No crece en el ancho en la dirección x. Sólo crece en la dirección y. Eso es bueno. Aquí está el techo aquí. Este sólo quiero crecer en la dirección x. Por lo que quiero cambiar el punto de anclaje.Todavía tengo el punto de anclaje por lo que lo selecciono. Arrastra esto, ahora es el momento de chasquear a mis gobernantes. Entonces necesito apagar la regla. Para apagar la regla. Sólo tienes que ir a la Vista. Simplemente desmarca Mostrar guías. Ponga aquí el punto de anclaje y quiero volver a copiar cualquiera de estas cosas clave de animación porque son iguales. Pero este en particular, necesito pegarlo, click en, ya verás lo que es. Pero entonces hay una cosa en particular la necesito para crecer sólo x dirección. Por lo que las direcciones y siempre deben permanecer 100. Olvidé desvincular la propiedad. Entonces necesito desvincular eso y luego cambiarlo a 100 y éste es a 100. Ahora, cuando ves la animación solo crece hacia la izquierda. Tiene sentido. Déjame volver a mi herramienta de selección para esto. Entonces esta es la sombra. La sombra necesita crecer también a la dirección x. Copia este arte y luego este es el principal cuerpo de partícula de la izquierda. Entonces necesito que éste vaya a la izquierda también. Entonces necesito ajustar los puntos de anclaje, cambiar hacia afuera hacia la derecha, y luego solo pegas. Ve que va creciendo a la izquierda. Ahora, eso es todo lo que hemos terminado la casa:animación corporal ¿no? No simplemente escalonamos la capa para que todo, no sea jarring [inaudible] es suave. Ahora todos tienen la animación. Si lo miras, apenas hacemos nada. Sólo agregamos tres fotogramas clave a todas las capas y todos estos tres fotogramas clave son básicamente los mismos. Ahora necesitamos aplicar otro principio de animación el cual es la acción solapada a este edificio de la casa. En primer lugar, quiero que el cuerpo suba primero. A medida que el cuerpo sale primero, dónde está mi cuerpo, cuerpo derecho. Esto es lo primero que debe surgir, todo lo demás. Déjame solo seleccionar todas estas capas para la casa. Por lo que ahora consigo todas las capas de la casa. ¿ Conseguí también la tierra? No, aquí dejamos la tierra. Simplemente lo muevo un poco atrás. Entonces primero, quiero que el cuerpo adecuado suba primero. Así que arrastra esto ahí al frente. A medida que va creciendo, quiero que suba la puerta. Entonces quiero aquí las dos ventanilla pequeña. No sé cuál fuera de esto es una pequeña ventana, piensa que esto son dos. Por lo que estas dos ventanillas pequeñas las suben. A medida que se acumula el gramo, esta pequeña ventana aparece. No quiero cuando suban los dos al mismo tiempo, así que voy a tener este de izquierda aparece primero y luego el segundo se retrasa ligeramente. Un cuadro retrasado. Entonces sube ventana de puerta, ventana. Probemos esto. Ahí está mi techo. Entonces ahora es un techo. Techo abajo aquí. Por lo que el techo sube retrasado un segundo, un marco, y luego vuelve a subir la pequeña ventana. Por lo que la izquierda va primero, el medio y el derecho retrasaron un fotograma cada uno. Entonces esta es la ventana correcta. Esta es la ventana media y la derecha. Voy a retrasar ese retraso, retraso, retraso. Entonces antes de que lleguemos a la cima, tienes el techo superior. ¿ Dónde está el techo superior? Aquí, es el techo superior mover un poco el frente solo para cubrir esta parte superior feos bordes. 7. Animación extra de una casa: Ahora queremos agregar una capa más a esta animación. No queremos que la casa se construya desde el suelo, eso es demasiado aburrido. Queremos que la casa se esté construyendo o pop en la pantalla como si fuera un personaje. Nosotros vamos a darle algo de vida a esta casa también. Queremos que la casa se mete en el marco como saltar y luego la aterrice en el suelo. Lo que tenemos que hacer es, en primer lugar, necesitamos agrupar todas estas capas de casa en un solo pre-comp y luego animar ese pre-comp para que tengamos una capa extra de control a esta animación house. Déjame solo seleccionar todas las capas aquí, todas las capas de la casa. Puedo activar y desactivar este icono para asegurarme de que he seleccionado todas las capas de la casa, y luego puedo pre-comp, Command-Options-C, pre-comp. Llámalo casa. Haga clic en “Ok”. Ahora tenemos este pre-comp, y toda la animación house está dentro de este pre-comp. Al ver aquí el panel del proyecto, ya tenemos todos estos pre-comp que creamos antes. No queremos desordenar este panel de proyecto ni hacerlo desordenado, así que basta con poner todas estas nuevas pre-comps en la carpeta pre-comp que creamos para que todo esté organizado en el panel del proyecto. Si queremos encontrar nuestro pre-comp, solo podemos activar esta carpeta pre-comp y luego ver nuestros pre-comps aquí. Todavía quiero usar ese fotograma clave de habilidad que usamos en el video anterior para hacer que la casa salga del 0-100 por ciento para que yo quiera usar este fotograma clave aquí, yendo al pre-comp y luego Command-C, para copiar esos tres fotogramas clave, volver a la comp principal y luego volver a la marca de segundo cero, pegar en nuestra comp house. Vamos a previsualizar la animación. Algo anda mal aquí porque pegamos en el fotograma clave de la escala, pero el problema es que la casa está animando desde este punto de anclaje en el centro. Cuando la casa está por encima del 100 por ciento, alrededor del 110 por ciento en el fotograma clave por aquí, realidad se está cruzando con nuestro terreno, así que eso no va a funcionar. Lo que necesito hacer es mover este punto de anclaje al fondo de la casa para que en realidad esté escalando hacia arriba desde ese punto. Necesito eliminar estos fotogramas clave y luego hacer clic en esta herramienta de punto de anclaje, moverlo al fondo de la casa aquí, y luego pegar los fotogramas clave de propiedad de escala Ahora puedes ver todo está empezando porque este es el punto de partida de mi animación, así que quiero que el punto de anclaje esté justo aquí para que todo esté a tierra. Ahora, quiero agregar algo de rotación y luego cambio de posición de la casa como si estuviera estallando en la pantalla y luego aterrizar en el suelo. Vamos a dar clic a esta flecha aquí. Algo que debemos tener en cuenta es que en la mayoría de las veces animamos hacia atrás, porque al final de la animación, el valor de rotación siempre es cero, y entonces el valor de posición siempre es lo que fuera antes de que lo animaras. Estos valores deberían ser mis valores finales cuando la casa aterrizó en el suelo. Pero lo que necesito hacer es por el valor de la posición, no quiero cambiar el valor x porque no quiero mover la casa a la izquierda, a la derecha, va a ser desordenado. Yo solo quiero moverlo arriba y abajo para que vaya a hacer clic derecho en posición, dimensión separada para que solo controle la posición Y de la casa en lugar de ambas posiciones X e Y. Voy a dar clic en el cronómetro para eliminar los fotogramas clave de la posición X. Ahora tenemos tres propiedades que necesitamos animar. El giro, la posición Y, y la escala. Desde la báscula ya tenemos el valor, por lo que no necesitamos preocuparnos por ello. Para la posición Y, queremos que la casa una vez que esté estallando en este marco, queremos que la casa sea una más alta, queremos que sea así de alta. Entonces en este punto, también quiero que la casa gire de esa manera. Entonces cuando aterrice en el suelo, casi ahí, quiero que la casa se rebasara un poco. Recuerda el principio de animación que teníamos, rebasa antes de que la escala del objeto al 100 por ciento, necesita pasar un poco al 110 por ciento, y luego vuelve a bajar. En este caso para la rotación, las rotaciones pueden ser de 14 grados, y luego repasa un grado negativo de dos y medio y luego vuelve a cero. Quiero previsualizar esto. Se ve bien, pero siento que la posición Y no es lo suficientemente alta, así que necesito que la posición Y sea más alta. Vamos a previsualizar eso. La casa acaba de estallar. Otra cosa es que también queremos tambalear estos fotogramas clave porque no queremos que la animación esté sucediendo al mismo tiempo, así que quiero tambalear esta animación. A lo mejor cuando aparece, tu rotación cambia, y luego termina ahí en el aire, y luego boom, baja. Yo quiero esta rotación tal vez. Pero no quiero que la casa se entrecruce con el suelo, así que cuando aterriza por el suelo, estos dos necesitan estar al mismo tiempo. Pop up. Ahora mi problema es que la casa está apareciendo, pero entonces ya no veo la casa, parte de la parte está cortada. Quiero que esto se anime más lentamente, solo ajustando los fotogramas clave para que se vea natural. Necesito seleccionar todos estos fotogramas clave lineales y luego hacer clic derecho en “Asistente de fotogramas clave”, ir a facilidad fácil. En primer lugar, quiero ajustar la posición, ir al editor de gráficos y luego dar clic en este ajuste todos los gráficos a ver. Yo quiero que la casa solo cuelgue más tiempo en el aire, así que despacio, y luego golpee el suelo con más fuerza como si hubiera gravedad entrando en vigor. Yo quiero esta pendiente, en lugar de simplemente relajarme lentamente en la posición, quiero que la pendiente llegue de repente al punto final. Se está desacelerando y luego más rápido, más rápido, más rápido se instala en su lugar. Entonces vuelve a mi vista de fotograma clave, rotación, todavía tengo algo de rotación en este punto y luego cuando golpea el suelo, necesito que la rotación sea cero para que no se cruza con el suelo. Veamos cómo se ve ahora. Definitivamente tiene más energía que antes. Creo que la posición Y es un poco alta, así que quiero bajarla un poco, tal vez moverla hasta aquí. Entonces tal vez es demasiado rápido aquí, es demasiado jarring, así que necesito frenar el aterrizaje aquí. Pero ahora no tiene el tiempo de colgar. Todavía quiero que se cuelgue ahí. Déjame mover la posición y. Yo quiero que la casa cuelgue el aire. Cuando ya está acumulada, quiero que se cuelgue en el aire y luego se caiga. En este caso, necesito alinear este valor de rotación con mi posición Y para que cuando aterrice, todo sea sólido. Está arriba, arriba, arriba, y luego cuelga en el aire a lo largo del valor. Se mueve, se mueve, se cuelga. Lo tengo. Esa es la animación de la casa. Está cronometrado en el aire, cuelga ahí y luego cae más rápido, más rápido, rotación, rebasamiento y luego aterriza. Eso es bueno. Vamos a parar ahí. Esa es la animación de aterrizaje de la casa. 8. Árboles, nubes, y animación secundaria: Vamos a animar, la nube, los árboles en la primera escena, y también la animación secundaria, que es el círculo de fondo. Sólo quedaron tres elementos para la primera escena. Estamos llegando ahí. Ahora, lo que necesito hacer, que la tierra no se mueva. Esta es la capa de árboles. Los árboles son simples porque vamos a usar el mismo método cuando animamos los elementos dentro de la casa para animar los árboles. Sólo van a ser cambios de escala. Puedo entrar a la casa, hacer clic en, y luego copiar el fotograma clave-de cualquiera de estas capas. Copiarlo y luego volver. lo único que necesitamos asegurarnos es que necesitábamos asegurarnos, nuestro punto de anclaje está en la posición correcta porque va a ser el punto donde se va a escalar el árbol. Voy a cambiar este ancla puntos a la izquierda, aquí, luego esos puntos de anclaje al centro aquí, y luego el tronco del árbol, esto puede ir muy lejos en la parte superior. Déjame solo seleccionar las tres capas, pegando el fotograma clave-, y V luego esto, y haré clic en “U” para verlo. Veamos la animación. El tronco está separado del cuerpo, los árboles. Eso no funciona. Lo que necesito hacer es criar el tronco del árbol a los árboles, que se quede con él. Basta con hacer click en este “Pick látigo icono”. Entonces padre a la capa de árbol. Ahora, cuando se previsualice la animación va a aparecer junto con el árbol. Dulce. Ese es nuestro único árbol. Echemos un vistazo al otro árbol. Si estos árboles no son del mismo color. Yo solo hubiera copiado y pegado y hecho esto más grande, que no tenga que animar esto otra vez, pero estos árboles están en dos colores diferentes. Simplemente puedo parar, rehacer lo mismo que hice justo ahora, y luego quiero dar click en los dos árboles. Este es un árbol más grande Voy a luego dar clic en este “Comando Shift C.” Esto está en el árbol uno. Entonces el otro árbol es “Comando Shift C”, haga clic en “Árbol dos”. Haga clic en “Ok”. De repente nuestra línea de tiempo está mucho más limpia y muy organizada ahora. No tenemos como 100 capas diferentes como teníamos antes. Si fregamos a través de esa línea de tiempo podemos ver la animación, la casa, los árboles. Es bastante impresionante. Cuando piensas en las otras animaciones. La casa es el objeto principal, va a subir primero en la caja fuerte. Pero cuando aterrizó, como debería ser, está ocurriendo algún impacto. Aquí es donde entra el círculo. El círculo en realidad está ahí, se convierte en el impacto cuando la casa cae al suelo. Entonces solo hay un círculo solo para reforzar el impacto que tuvo la casa cuando cae. Ahora, lo que tenemos que hacer es dibujar un círculo. Dibujemos un círculo. Vaya a la Herramienta Rectángulo, sostenga la Herramienta Rectángulo, y luego use esta Herramienta de elipse y luego vaya al centro, tal vez en algún lugar por aquí, y luego arrastre un círculo. Sostén el botón “Shift Command”, por lo que el botón Mayús va a constreñir el círculo a su círculo perfecto. Entonces el botón “Comando”, te va a dejar dibujar el círculo. Aquí está ahora mismo, no sostení “Comando”, pero cuando sostengo “Comando” se va a dibujar desde el punto central. Entonces si quieres cambiar la posición del círculo en este momento, sin duda está apagado. Necesito mantener presionada la barra espaciadora para cambiar la posición del círculo. Solo quiero conseguir un círculo más o menos similar al del guión gráfico y luego liberar. Ahora, tenemos un círculo. Vamos a darle un nombre círculo, entonces podemos tener el círculo, moviéndose en la parte superior. Vuelve a este círculo que acabamos de crear, ve a “Llenar cuentagotas”. Se me cayó este color y luego hacer clic en “Ok”, y ya podemos eliminar este círculo. Ahora tenemos nuestro propio círculo. Ahora mismo hay un trazo de 10 píxeles girando alrededor del círculo. Podemos simplemente sostener “Opción”, en Mac, “Alts”, en PC para simplemente hacer clic en él para que cambie entre gradiente, nuevamente, apague el alcance. Ahora, tenemos nuestro propio círculo. Cuando la casa aterriza, aquí es donde sale el círculo. Pero, ¿cómo surgió el círculo? El círculo debe expandirse. En este punto antes de esto, no debería haber ningún círculo. Voy a ir al contenido. Ahí hay una transformación y luego el tamaño. Si me encojo el tamaño, se puede ver que en realidad se está encogiendo desde el centro de la casa, pero entonces el impacto debe estar en el suelo. Tenemos que cambiar el punto de anclaje del círculo más o menos por aquí para que cuando se expanda venga del suelo. Entonces en este punto la escala debe ser cero por ciento, tal vez después de diez cuadros. “ Comando Shift, flecha derecha”, diez fotogramas después. La báscula debe estar todo el camino arriba así, llenar toda la pantalla. Veamos eso, cuando lente y luego está el impacto. Entonces lo que tenemos que hacer, solo seleccionemos esos fotogramas clave-. Haga clic derecho en “Ayudante de fotograma clave, Facilidad fácil”. También quería ajustar la lista curva. Haga clic en “Ajustar todos los gráficos a ver”, y luego quería poco a poco facilitar en la posición' Vamos a probar si eso funciona. Todavía es demasiado rápido. A lo mejor necesito otros fotogramas para golpear es hacia adelante. Algo así. Ahora es demasiado lento. A lo mejor algunos están aquí. Pero no quiero que el círculo llene toda la pantalla. También quiero otra capa. Déjame simplemente copiar o duplicar la capa de círculo y luego podemos cambiar la capa de círculo a esta. Déjame simplemente apagar estas dos capas y luego para que pueda ver que el fondo original. En la capa de círculo, quiero cambiar este círculo. Entra dentro de esto y ve a “Contenidos, Elipse, Color de relleno”. Quiero cambiar este color al color de fondo. Haga clic en este “Cuentagotas”, haga clic en el “Color de fondo”. Tenemos un círculo que está en este color beige y luego el otro círculo en el color de fondo. Lo que tenemos que hacer es simplemente tambalear estas dos animaciones para que sea cuando este color beige viene primero y luego de repente se remonta al anaranjado hacia atrás. Probemos eso, escalonemos esto. Hay un seguimiento a través, sólo enmarcar aparte, algo así. Ves eso, ese es el impacto, es demasiado rápido. A lo mejor una cosa más. Ahora, quería moverme realmente despacio, así hasta aquí. Yo quiero que estos dos se muevan muy despacio. Necesito arreglar la animación aquí. Necesito hacer curvas de automatización fijas para que no vaya tan rápido, así que es como no tan rápido. Prueba eso, y luego copia esta misma animación a esta capa. Pero termina demasiado pronto, así que hice que no terminara demasiado pronto. Vamos a previsualizar esto. Eso funciona. A medida que se da el impacto ahí es cuando suben los árboles. Deberían subir los árboles cuando esto golpee, luego el árbol, debería subir, y esto debería salir también uno por uno en lugar de al mismo tiempo. Puedo poner estos árboles debajo de esta capa aquí. Este árbol de aquí, el segundo árbol es demasiado alto. El primer árbol, perdón. Necesito entrar ahí, y luego retocar un poco los puntos de anclaje para que no venga de una posición tan alta. Vuelve atrás. Agradable, así aquí tenemos la animación. Ahora lo último es nuestra nube. Hagamos la nube. Tenemos cuatro pedazo de nube es vamos a probárselos. Lo mismo, vamos a mover estas nubes por aquí. Cuando el impacto se lleva a cabo con [inaudible] Aquí el impacto, y luego por aquí tenemos una nube apareciendo al estado al azar. Al entrar en la casa pre-cam para copiar estos eventos, y luego ir al frente de cada capa escalonada, ir delante de esta capa haga clic en “Comando V”, vaya a esta capa haga clic en “Comando V”, para pegar en la propiedad de escala. Está en propiedad de escala. Ahora, las nubes están llegando tarde, así que necesito dejarlas entrar antes y entonces también necesitamos que la nube se mueva, averiguarlo lentamente. La nube puede moverse hacia la izquierda o hacia la derecha. Sólo voy a dejar tal vez esta nube. Esta es una nube luego bajar a esta propiedad de Transformar, agregar posición. Basta con hacer clic derecho, “Separar dimensiones”. Yo sólo quiero que afecte la exposición. Yo quiero que se mueva lentamente hacia la izquierda. Entonces esta capa aquí, ahora sólo estoy aquí haciendo esto mismo para las otras tres capas planas y hacer la exposición y decir me gusta la animación. 9. Entrar al automóvil: Antes de empezar a animar el segundo guión gráfico, solo quiero asegurarme de que salvemos el proyecto. Ya está presente tarde que guardé esto. Solo necesitamos ahorrar para opt-in. Ve a Archivo y luego Guardar, ya lo guardé una vez antes, por lo que puedes guardar el archivo mientras trabajas y luego solo asegúrate de guardar con frecuencia porque no quieres perder tu archivo de trabajo. Ya lo he hecho antes. Es un dolor perder todo ese trabajo que has hecho. Otra cosa que noté, es que, el círculo que tenemos en esta animación es un poco diferente de como era storyboard. Yo quiero ajustar eso primero antes de seguir adelante. Es bastante fácil arreglar porque el círculo que teníamos en el guión gráfico, es como un círculo perfecto. Pero éste, la forma del círculo se ve un poco rara. El motivo de eso es porque el círculo en este momento, el punto de anclaje está en una posición rara. Lo que quiero hacer es que solo quiero cambiar el punto de anclaje del círculo al centro. Para que sea más fácil, solo puedo dibujar algunos gobernantes Comando R para que traiga la regla en la parte superior y en el lateral. Dibuja como una línea. Estas son la línea para la que la dibujamos, pero solo quiero dibujar una línea para ver dónde está el centro del círculo y luego colocar el punto de anclaje ahí. Hay una misma cosa es colocar el punto de anclaje en el centro. Por lo que ahora el círculo está creciendo desde el centro. Ahora lo que tenemos que hacer es simplemente mover el círculo hacia abajo hasta que el centro del círculo toque el suelo. Surge así. Es un medio círculo en lugar de una extraña forma ovalada. Sube, sube y luego hazlo aún más grande para llenar toda la pantalla. Ya tenemos este círculo, eliminemos ese y luego duplicaremos otro, compensaremos dos fotogramas y ya terminamos. Haga clic en el “Relleno” del segundo círculo, cámbielo al color de fondo que tenemos. Ahora veamos cómo se ve. Entonces ahora es un medio círculo perfecto en lugar de la rara forma ovalada que acabamos de tener. Simplemente puedo hacer clic en “Ver”, deshacerme de las guías. Echa un vistazo a la animación secundaria que tenemos, linda. Cuando sale el círculo es un medio círculo perfecto ahora. También quiero limpiar el panel del proyecto aquí para que los árboles pasen por debajo de los Precomps. Oculta todos los demás Precomps por lo que tenemos pantalla organizada pedal de proyecto. Ahora pasemos a la segunda parte de la animación. Para la segunda parte, tendremos que cargar algunos elementos desde ilustrador. Ahora ilustrador, ya cargamos, pero va a estar en nuestro panel de proyectos. Esta es nuestra segunda visita con el coche llave para un desalojo de caída. Lo que podemos hacer es, podemos simplemente copiar todos los elementos, Comando A, seleccionar todos y luego Comando C, copiar. Vuelve a la Comp Principal, y luego péguela encima de la casa, Comando V. Entonces solo arrastra todos después de la segunda marca porque esta es la segunda parte de la animación, así que no la necesitamos antes de los tres segundo y tal vez simplemente cambiar un color diferente para que no sean fácilmente reconocidos Aqua por ahí. Ahora, lo que necesito hacer es, necesito transitar este marco al otro fotograma. Estoy pensando que tal vez tenemos el estilo de fondo de aprendizaje va a estar ahí, pero luego tenemos todo sólo mover todo el camino a la izquierda, como una cámara panorámica a la derecha para que pueda revelar la otra escena con el auto y la nube y todo. Así es como quiero hacerlo. La casa, y estas nubes, y la tierra se va a quedar allí intacta y luego los árboles. Voy a subir estos árboles. Necesito agrupar estas capas. Esta es mi primera escena. Nosotros Comandamos Shift C, bastante tranquilo, llamarlo F-I-R-S-T, Primera Escena. Eso está bien. Entonces esa es nuestra primera escena. Todo lo que necesito hacer es venir a la Posición y luego hacer clic con el botón derecho en “Dimensión separada”. Haga clic en “Cronómetro” en la Posición X y luego avanza. Diez fotogramas clave Comando, Mayús, Flecha derecha. Éste, por lo que todo se mueve a la izquierda. Eso es todo. Ahora, solo estoy tratando de pasar por la capa criándolas y también agruparlas con diferentes colores de etiqueta, y también solo pre-comp algunas de las capas como lo que hicimos en la escena anterior. A continuación, ¿cómo queremos animar los autos? Va a ser similar a cómo animamos la casa. Simplemente podemos volver a la primera escena, la casa en su conjunto, y luego hacer clic en “U” para revelar todos los fotogramas clave. Copia todos estos fotogramas clave, vuelve a Main Comp, encuentra la carrocería del auto, pega. A ver cómo se ve. Entra el auto. Es un poco estático pero es bastante bueno. Se ve similar a cómo entró la casa porque básicamente copiaría el fotograma clave exacto. Pero podemos ajustarlo. No tenemos que ser exactos. Todavía podemos ajustarlo un poco para que sea más dinámico. Lo que tenemos que hacer es, en primer lugar, creo que el auto viene en una dirección equivocada. Me refiero al valor de rotación también. Necesito voltear la rotación para que el auto esté mirando hacia arriba y ponerlo hacia abajo cuando entre. El auto entra de frente hacia arriba y luego rebasa a 2.5 positivo y luego golpea el suelo. Pero entonces el valor está mal porque pego el valor de la casa. Este valor incorrecto tiene que ser justo cuando la rueda trasera está tocando el suelo. Este es un valor correcto para que el automóvil esté en el suelo. Entonces entra, aguanta en el aire, necesito que tal vez gire dos veces, rebasar dos veces en lugar de una. Rebasar 4.5, y luego por aquí, rebasamiento es negativo 1.5 y luego chocar contra el suelo. Esta demasiada rotación aquí. Voy a deshacerme de él por completo y luego dibujarlo manual. En primer lugar, el auto está entrando, cayendo como una película que cae. Aquí necesitaba volver a la escena pasando cuatro, y luego uno negativo, y luego cero. Eso se ve bien. Para hacerlo más dinámico, en primer lugar, no estoy en las ruedas primero, por lo que las ruedas tienen que estar encima de la capa del coche. Tenemos estas dos ruedas y luego necesitan también ser parentadas a la carrocería del auto. No obstante, también necesitan tener su propia propiedad de escala así que voy a copiar la báscula, y luego en las dos ruedas, tengo el inicio de la línea de tiempo y luego pegar. El volante está entrando. ¿ Sabes qué? Podría ser mejor sólo tener la rueda pegada al auto. Voy a tener la rueda recién pegada al auto. Empezaremos a las cuatro y haremos que esto esté de acuerdo. Esto ya está parentado. El auto baja. Lo que quiero hacer, otra cosa es que quiero desvincular la propiedad de ancho y altura del auto para que para darle un efecto de calabaza y estiramiento, otros principios de animación, squash y stretch. Cuando se cae, se debe estirar. No a mi manera en la dirección y. Cuando aterriza, también debe estirarse para ser más plana y más corta, luego rebasar a como 102 por ciento, y luego vuelve a bajar al 100 por ciento. Este dentro 100 por ciento. Por aquí, necesito que se estire, tal vez no. En la posición x para ser más ancha como esa viene hacia arriba más ancha cayendo hacia abajo. Necesita estirarse hasta 118, X_1 va aquí así. Sí, eso es bueno. 10. Traer el equipaje: A continuación, animemos el equipaje. En primer lugar, enciende las tres capas de equipaje. También quiero que el equipaje caiga sobre el auto en lugar de pegado al auto para agregar más vida a esta animación también darle más carácter. El equipaje en sí también debe caer del cielo cuando el coche golpea el suelo aquí. Quiero mostrarte un atajo para animar la posición parte V que es P. Si golpeas P todas estas propiedades de posición van a ser reveladas. No queremos cambiar la posición X; solo necesitamos la posición y que es hacer clic con el botón derecho en dimensiones separadas. Ríndelo. Cuando el auto se asienta, así que esa es la posición final del equipaje. Voy a añadir un fotograma clave en la posición final para el equipaje y luego volver atrás en el tiempo. Yo quiero que la espalda aparezca aquí arriba sólo por aquí. A lo mejor necesitan instalarse más tarde. Yo quiero que caigan del cielo. Esta caída del cielo. Además no quiero que se caigan al mismo tiempo. Ah, por cierto, en primer lugar, solo sugerimos que el fotograma clave, haga clic con el botón derecho del ratón Asistente de fotogramas clave Fácil Facilidad para darle como una curva en caída que es darle más impacto, hacer que caiga más rápido como si la gravedad está tomando efecto. Dale una curva de caída, esta es la curva de caída. Entonces quiero ver sólo una vista previa de esta animación. Es demasiado largo. Está cayendo a lento. Vamos a comprobar si son diez cuadros. Se trata de diez cuadros así que lo voy a mover a ocho fotogramas. Probemos con ocho fotogramas, así que eso está bien. Eso es bueno. Eso es lindo. Entonces también lo que quiero hacer es: No quiero que solo aparezca de repente en la pantalla. Quiero animar la propiedad scale. Entonces si mantengo pulsada Shift S va a agregar la propiedad de escala en estas propiedades que ya me ha mostrado. Voy a desmarcar el enlace de las anchuras y alturas luego dar clic a todos esos cronómetro para darle una posición final primero y luego ir adelante unos fotogramas. Yo quiero ver qué equipaje es este. Este equipaje quiero que empiece de cero, y entonces tal vez por aquí rebasa 105. Si ese es el caso, probablemente pueda simplemente copiar esto a los otros dos y luego, dado todo de la misma propiedad de escala. Tan solo entra así. También quiero hacer que el equipaje entre más rápido. No te das cuenta de cómo puede llevar a una gran escena. También quiero agregar alguna acción solapada a los tres maletas por lo que vienen en uno por uno. En primer lugar, necesitamos que se caiga este equipaje negro. El negro entra en marco y gota. Y luego tenemos este retraso azul y luego retraso rojo un poco. Por lo que cada uno nos retrasó un poco. Veamos cómo efecto [inaudible]. Eso es bastante bueno. El auto entra y el equipaje aparece en el cielo, cae sobre el auto como si alguien usuario magia, orden arcaico magia entra en el marco. La otra cosa que quiero hacer es porque el auto está funcionando, así que no quiero que el auto conduzca tan suavemente. Yo quiero que el auto tipo de bache en la carretera para darles una sensación más realista. Lo que necesito hacer es hacer click en este cuerpo. Ahora mismo quiero agregar un efecto de movimiento al comp auto, pero la carrocería del auto en este momento es que la posición Y ya está tomada por el fotograma clave. Realmente ya no puedo agregar una expresión a la posición Y. Lo que necesito hacer es intentar agregar un objeto nulo para vincular el cuerpo del auto para que sea nulo y luego darles nulo un efecto de mudanza para que eso esté afectando al auto. El modo de crear un objeto nulo es ir a las “Capas” y luego a “Nuevo Objeto Nulo”. Digamos que este es el “Wiggle car null”. Ahora voy a enlazar el auto, recoger este auto a esta mudanza nulo. Yo quiero ver dónde está esta mudanza. Otra cosa es que aunque quiero que el auto se mueva, no quiero que las ruedas se muevan arriba y abajo porque las ruedas deben permanecer en el suelo, pero la carrocería del auto debe moverse. En ese caso, solo puedo entrar dentro de este objeto nulo. Haga clic en transformar. Vaya a la “Posición Separada Dimensión”, y luego mantenga la opción y marque y haga clic izquierdo en la posición Y, déle una expresión de movimiento. Vamos a darle 10-10 y ver cómo se ve. Se mueve demasiado rápido porque el primer valor es de frecuencia. La frecuencia está cambiando la seguridad para y luego el segundo valor va a ser el macho que está cambiando. Vamos a cambiarlo por alfabeto más pequeño para su secuencia para nuestro cuarto piso. Esa es una cantidad bastante buena. Sí, me gusta la sensación por ellos ahora. Déjame darle como seis F2. Eso es bueno. Pero el problema en este momento es que las ruedas de los autos están adheridas al auto. Cuando mueves la carrocería del auto en realidad irán con ella. Tan pronto como termine la rueda, puedes crear otro juego de ruedas, seleccionar estas dos capas y luego ir a “Capa”, lo siento, es “Editar”, “Split Layer”. Entonces con una nueva capa dividida, solo podemos detener la crianza con la parte inferior del auto para que siempre choquen con el suelo. El respaldo también es un problema así que necesito entrar en la carrocería del auto y conseguir el bucle trasero. Está bien. Volvamos a la parte superior y luego copiemos esto esta es la rueda trasera. Por lo que la rueda trasera se quedará con auto así que voy a anexar la rueda trasera para volver a la carrocería del auto para que se quede con el auto. Entonces en este punto, crea la capa dividida de edición de relleno. Para que en este punto y así depende relación para que la rueda sólo se quede en el suelo. Entonces lo que tenemos que hacer es duplicar este nulo [inaudible] tres equipaje para usar por separado para que yo conociera tres nulos diferentes para controlar cada equipaje. Básicamente, necesitamos que los tres maletas se muevan encima del auto de forma independiente. Por lo que necesitamos padres cada capa de equipaje a un nulo diferente. Ahora veamos cómo se ve. Sí. Eso es perfecto, entonces guardas el proyecto. Es así como animamos el auto en la segunda escena. 11. Transición final: En este video, terminemos la segunda mitad de la transición. En primer lugar, quiero animar los árboles moviéndose al fondo, encontremos nuestras capas arbóreas. Tenemos este árbol uno, vamos a precomponerlo, comando Shift C. Entonces tenemos este otro árbol, ese es el comando Shift C descomponer árbol cuatro. Ahora lo que tenemos que hacer, es que necesitamos crear una composición más larga, más amplia que pueda moverse en el fondo de esta animación. Eso como si el auto se estuviera moviendo hacia adelante, los árboles apenas están parpadeando hacia la izquierda. Eso te da la ilusión de que el auto está avanzando. El modo en que necesitamos hacer eso es ante todo, necesitamos crear otra recomposición. Desde el panel del proyecto, podemos hacer click en esto, Crear una nueva composición. Este va a ser el Tree BKG en lugar de 1080, necesitamos 1080 veces cuatro. Esta es una escena enorme, amplia que tenemos aquí en C, así que lo que quiero hacer es volver a la Comp Principal y luego copiar estos dos árboles o cortar más bien, y pegarlos en esta comp. Aparecen por aquí, así que necesito cortar la capa aquí, opción paréntesis izquierdas y luego moverla al frente a medida que esos segmentos se acercan. Lo que quiero hacer es, quiero posicionar a los más cercanos juntos, y luego copiar. Consigue unos árboles más, duplica eso, y luego muévalo a la derecha. Estos dos pueden estar más unidos. Dale algo de aleatoriedad para que no se vea tan artificial, agrega solo otro árbol aquí. Tenemos estos muchos árboles y volvamos a la Comp Principal y vamos añadir este fondo de árbol a esta animación aquí. A partir de aquí, cuando la casa sea transitada hacia esta, queremos que los árboles ya se estén moviendo. Los árboles deben estar por aquí, pero luego deben venir del lado derecho. Ir posición, haga clic con el botón derecho Separar cotas, fotograma clave, izquierda. Posición inicial estaría en algún lugar fuera de escena y luego a medida que sube el auto, el árbol debería moverse hasta el final, si corté todas estas aquí. Lo necesito para ir todo el camino hasta aquí, voy a ver lo rápido que se mueve. Todavía se mueve demasiado lento o es porque la primera escena se mueve demasiado rápido. Puedo frenar la primera escena, así que déjame volver a la primera escena y luego dar clic aquí para mostrar el fotograma clave o ralentizarlo tal vez. Tengamos algo de facilidad en ello, tal vez solo lo convierto en un fotograma clave lineal. Simplemente tira hacia abajo, luego va a volver al fotograma clave lineal. Pero entonces no quiero cortar. ¿ Sabes por qué hay un corte? Porque en realidad hay una imagen de fondo encima de esta casa. Esta Capa 35, es el fondo. Si elimino eso o lo hago invisible, para que estas dos escenas estén conectadas. Simplemente borra eso, ya no lo necesito, conecta estas dos escenas, se acerca el árbol. El terreno es más alto en la segunda escena, así que necesito borrar el terreno a. Por eso nuestro fondo de árbol es en realidad los árboles no están conectados a tierra. Entonces necesito moverlo hacia abajo, para tierra el árbol. Ahora el árbol está a tierra, así que déjame apagar el ojo el Co2. Poca prueba en la parte trasera del auto, el auto acaba de entrar. Yo también necesito bajar el auto porque el terreno es más bajo. ¿ Dónde está el auto comp? Se trata de carrocería de auto, por lo que en este caso necesitamos mover todo hacia abajo. Tenemos que mover el equipaje hacia abajo, el auto, por las ruedas ahora y también tienen fotogramas clave de posición en estos objetos. Si los movemos hacia abajo, va a estropear los fotogramas clave de posición. Lo que tenemos que hacer, es que necesitamos crear un objeto nulo aquí. Crea capa, nueva, nula y luego vincula todo lo que necesitamos para bajar a este nulo. Esto es solo Temp null, esto es temporal. Entonces Mover null, no necesitas cambiarle el nombre porque lo eliminarás después. Básicamente tenemos todo lo que no tiene un padre a él, hay que vincularlo al nulo. Todo lo que quieras mover, así que este, quiero mover el Equipaje ya tengo padres, así que me quedaría con los padres. Se va a mover con el padre y este, la rueda, éste tiene, y luego éste tiene un padre, éste no. Una rueda trasera y ventana a, esos son los que necesito. Yo sólo voy a padre a la Mueva nulo y luego me mudaré hacia abajo el auto. De esta manera no se estropean los fotogramas clave de la posición y. Entonces podemos simplemente eliminar este nulo, vamos a previsualizar esto, ya se ve bastante bien. Creo que la transición es un poco demasiado lenta, no tiene energía alguna. Necesito más energía a esa transición desde la primera escena. Necesito que la transición sea más enérgica, podría necesitar que los árboles se muevan más rápido. ¿ Puedo hacer que los árboles se muevan más rápido? Veamos el árbol comp, sí, ahora mismo el árbol comp al principio es en realidad el sensor. Todavía tengo mucho espacio para trabajar. El árbol al principio debería estar todo el camino hasta aquí. Por eso siento que el árbol se mueve demasiado lento y puedo acercar este árbol a eso, así que volvamos. Creo que esto debería ser gordo y mejor, más rápido. Ahora puedo arrastrar este punto hasta atrás, hasta la sexta segunda marca. El árbol sube, pero estos dos árboles se ven demasiado parecidos. Entonces lo que necesito hacer es, probablemente necesito hacer este árbol por aquí y poner el árbol más grande en el lado derecho, este árbol más pequeño al frente, grande, pequeño, grande. Ahora lo que necesito hacer es, necesito agregar la transición a la nube. Necesito que la nube entre también. Tratemos de animar primero la nube, haga clic en P y luego haga clic con el botón derecho en dimensiones separadas, y luego haga clic en el cronómetro de la exposición y luego vaya al frente aquí, solo trate de arrastrarla un poco, para que haya algunos cambios de posición, sutiles. La nube no tiene que estar moviéndose tan rápido, digamos que ésta es 605, tal vez por aquí debería poner como 620. No quiero que se mueva tan rápido, las nubes deberían estar moviéndose lentamente. Dados contratos con los fondos de movimiento rápido, por lo que la nube debería estar moviéndose muy lentamente. que ya estamos moviendo la nube por sí mismos, necesito otra capa de control extra para fingir el lápiz de la cámara. Todo lo que necesito hacer es crear otro objeto nulo, clic en Capa nueva, y luego Objetos nulos. Después haga clic en las tres capas, escoja estas tres capas a la nula y esta va a ser la nube pan nulo. El nulo y que acaba de cortar esta capa a tres segundos opción de marca, corchetes izquierdos en esta posición, haga clic en posición P, dimensiones separadas. Haga clic en cronómetro para la exposición y luego antes de esto, las nubes deberían estar llegando. Déjame arrastrar esa nube hacia fuera, tiene que empezar a mostrarse muy pronto por aquí. Para que lo que tiene, sólo podemos llamarlo pan con cámara. Sí. Pero necesito que la nube se mueva hasta la sexta segunda marca. Necesito arrastrar estos tres fotogramas clave a la sexta segunda marca, que la nube se mueva constantemente. Eso funciona para mí, lo estoy cavando. 12. Humo del escape de un auto: Entonces lo que tenemos que hacer es agregar un poco de pase de puff en la parte trasera del auto. ¿ Dónde está nuestra capa CO_2? Aquí tienes nuestra capa CO_2. El modo en que necesitamos hacer esto es, éste no tiene por qué ser demasiado difícil. Podemos hacerlo de la manera más fácil. La forma más fácil es descomponer este comando “Shift” CO_2, y luego ir al pre-comp, hacerlo más grande. Basta con dibujar todos estos círculos. ¿ Dibujemos todos estos círculos? Lo que tenemos que hacer es simplemente animar la transparencia de este círculo. En primer lugar, quiero cambiarlo al mismo color que el guión gráfico C, como este color beige y luego apagar esto, solo uso este y luego me voy un contenido. Tienen todas estas elipse aquí. Desgarró todos estos, ve a “Transformar”, y luego tenemos esta opacidad. Quiero dar click en “Cronómetro de Opacidad” para todos ellos. Después podemos hacer click en esto y luego te vistas para mostrar todos los valores de opacidad de los siete círculos. En primer lugar, necesitan entrar. Por cierto, cómo están ahí tiene que haber, creo que también necesitamos animar la propiedad size, scale, también porque necesitaré entrar también. A ver, “Contenido”, “Transformar”, “Escala Propiedad”. Necesito seleccionar todos estos, y luego dar clic en “Escala”, como se establece como diferente todo el cronómetro. De repente net click view sobre él, para mostrar todas las propiedades con un marco clave de cronómetro en él. Entonces primero pasemos por aquí de cero y luego entramos y luego desvanecemos fisio. Entra desvanecerse. Esta es básicamente la animación que necesitamos. Sólo necesitamos copiar y pegar estas cuatro cosas clave. Ahora manda C a la segunda izquierda, así que tenemos que entrar. A lo mejor no se desvanece tan rápido. Simplemente se desvanecen demasiado rápido. desvanece todavía. Ahora estoy justo por aquí, copia y pega todos los fotogramas clave a través de las paletas de diferencia. También sólo a superponerse para que los datos se superpongan la acción. Volvamos a la comp principal y luego como anterior, sale carta. Eso es bastante bueno. Pero necesito equilibrar. Ahora mismo que es todo lo que quiero. Déjame quedarme con el otro y ahí después de que todo desaparezca. Eso es correcto. Al igual que la animación anterior, ver qué pasa. Eso es bastante bonito, ¿no? Eso es muy dinámico. Mucha vida. El último que quiero agregar es una hoja que cae de la nada en el cielo solo ser rubias para agregar algo de ambiente te da la sensación de que son vacaciones de otoño. 13. Hojas cayendo: Ahora animemos una última cosa, que son las hojas que caen del cielo. Volvamos a nuestra línea de tiempo de capas aquí. Encontremos las hojas y el camino de las hojas. Enciéndalo. Aquí está el camino que tenemos para las hojas. Es bastante sencillo. En primer lugar, tenemos que dibujar aquí este camino porque este camino ya es un archivo ilustrador. Necesitamos un archivo de ruta. Ve a la herramienta de bolígrafo en la parte superior aquí, y luego simplemente dibuja este camino. Uno, dos, tres. No quiero ver este color de relleno así que voy a mantener presionada la opción y luego hacer clic en este relleno hasta que desapareció. Entonces como ya desconectado a camino, tengo que volver a hacer clic en este último punto y luego seguir dibujando desde ahí, arreglar esto. Entonces si más tiempo y consigues que sí, eso es bastante bueno. No conectes el camino. Da click en esta herramienta de selección y luego corta un poco esta parte. Sólo para que coincida con el guión gráfico. Eso es perfecto. En primer lugar, podemos eliminar este camino de hoja y luego ellos la hoja está aquí. Lo que tenemos que hacer es bajar la forma de contenido en el camino un agregar en un marco clave a la misma. Después, manda C para copiar el marco clave y luego ir a arrendar propiedad. Enciende su posición. Entonces comando V pegar. Básicamente para pegar un marco clave en la propiedad path a la propiedad position del objeto real. En ese caso, en cuanto me pegué, se puede ver las hojas ahora está viajando por el camino y extendiéndose por la línea de tiempo. Pero ahora mismo se ha ido a lo largo de seis segundos, así que quiero retroceder un poco. Entonces puedo borrarlo o simplemente mantenerlo como referencia. Esto va a ser un camino de hoja por si acaso lo necesitas en el futuro? Apague el ojo y luego vea el problema es, la hoja no se está cayendo, está siguiendo el camino pero no está girando ni nada. Tenemos que hacer una cosa más. Tenemos que hacer click en la hoja, ir a transformar? Transformar, transformar capa y luego auto orientes. Ahora déjame simplemente cambiar la rotación de la hoja y ver cómo se ve. Se ve mejor, pero aún así no se ve bien. Supongo que lo que necesito hacer es simplemente deslizar la hoja. Simplemente ve a escala y luego cambia la posición x a negativa 100 y luego ajusta la rotación. Sí, eso se ve mucho mejor. Yo quiero que las hojas fluyan así. ¿ Cómo agrego un look más dinámico a las hojas y luego le doy más realismo, que es en este momento no lo hace realmente, es seguir la gravedad o la ley de la física. Ahora mismo y sólo siguiendo aleatoriamente. A continuación, lo que necesito hacer es hacer clic en el marco clave y luego hacer clic derecho, desconectar rove a través del tiempo. Entonces hazlo por todos ellos. A continuación, seleccione todos los asistente de marco clave con el botón derecho Fácil, facilidad, y luego volver al editor de velocidad. Si no ves este editor de velocidad, simplemente baja al icono aquí y luego haz clic en editar gráfico de velocidad. Ahora se puede ver que en este punto, realidad necesitaba subir y luego moverme más rápido. Entonces este punto, necesitaba estar colgando lentamente el aire. Este punto debe ser más rápido y este punto tiene que ser más lento. Entonces se va rápido otra vez. Este punto es el más rápido. Va rápido, lento, cuelga el aire, y luego sube aquí, rápido otra vez, y luego despacio. Vamos a previsualizar esto, ya verás qué pasa. ¿ Viste eso? Todavía es demasiado rápido, pero ya se ha vuelto más dinámico. Básicamente significa que esto es [inaudible] es demasiado alto y necesitamos bajarlo un poco solo para hacer suave. Este punto debe ser es top así que necesito que eso ajuste estos dos puntos. Este punto, tal vez pueda bajarlo un poco también. A ver si eso funciona. Creo que se quedaron demasiado los tiempos de espera. Sí, los tiempos de ahorca' demasiado. Deja que me detenga, tráelo de vuelta. El a start off, manténgalo en cero. Voy a traerlo de vuelta y luego tratar de suavizar esta curva. No quieres que sea cero. Significa que todavía se va a mover, solo que no tan rápido. No puedo quedarme con un cero, necesitas sacarlo un poco, eso es mejor. A lo mejor puedo espaciarlo un poco más para que eso no sea tan apresurado. Sí, eso funciona. Otra cosa es, como esta ya está hecha, quiero copiar otra hoja y luego solo ajustar el camino de la segunda hoja para que sea diferente la primera solo para darnos algún movimiento más aleatorio. Entonces la segunda hoja quiero hacerla más pequeña. Ahora mismo es negativo 100, así que quiero hacerlos tal vez 75 negativos. Probemos eso. Este debe de ser 75. Entonces quiero tambalear esto, retrasar, esto tal vez por unos cuantos [inaudible]. Vamos a previsualizar eso. Sí, eso funciona. Dos hojas apenas cayendo, se acerca la caída, necesitan caer vacay. Salvemos los proyectos. Lo último que quiero hacer es añadir un rastro. Siguiendo las hojas, solo una sutil para agregar quizá más carácter también la animación estilizada. Lo que quiero hacer es porque ya tengo este camino, este camino exacto que es en primer lugar deja viajar mucho, quiero encender el trazo. A lo mejor hacer el mismo color que la nube. Mantenlo punto cinco y luego lo que quiero hacer es añadir una trayectoria de recorte. Aquí el camino de recorte. Yo quiero que la trayectoria de recorte esté en cero al principio. Entonces cuando entren las hojas, salgan aquí, quiero que sea un 100 por ciento. Pero entonces arranques debe ser cero al principio y luego esto. Lo que pasa es que este sendero va a seguir la hoja, cuando los senderos no están conectados, solo puedo entrar manualmente por ahí ajustarme. Aquí hagamos esto y entonces eso es demasiado rápido, muesca un poco atrás. Después se derramó otra vez. Muéchala atrás y luego vete, eso es demasiado rápido. El final necesita estar siempre conectado con la hoja. Aquí, creo que es porque empieza a ir demasiado rápido, va a ser esta parte aquí y luego seguir adelante. Entonces todavía empieza a ir demasiado rápido. Entonces sigue adelante. Esto entonces empieza a terminar también. Básicamente se viene, adjuntando a las hojas. Sigan adelante. Por aquí va demasiado rápido. Necesitas bajarlo un poco para que no se vaya por encima de las hojas y luego se dé vuelta, sube. Sigan adelante. Eso es perfecto. Pongamos este camino debajo de la hoja y veamos qué está pasando aquí. ¿ Sabes en qué estoy pensando? A lo mejor esto no es un rastro, lo mejor esto es sólo un viento. Estoy pensando que tal vez pueda compensarlo por ello. No tiene por qué estar en el mismo camino de la hoja, ya sabes lo que me deja simplemente compensar. Esto, yo sólo quería cortar offset aquí. Entonces este adelanto, ¿no funciona? Creo que eso funciona. Sí. Da algo de ambiente. No tiene que ser un sendero, porque un sendero es demasiado perfecto. No quiero que sea demasiado perfecto. Yo quiero que sea más como hecho a mano o natural. Esto te da una sensación natural. Analicemos toda nuestra animación. Esa es mi vacay completo. Eso es bastante impresionante. A mí me encanta. Ahí lo tienes. Esa es la animación de seis segundos entera. Te veré en el siguiente video. 14. Exportación: Terminamos una animación de seis segundos. Echemos un vistazo. Ahora déjame mostrarte cómo exportar la animación a archivo MP4 o a un archivo GIF, y puedes publicarlo en internet o mostrárselo a tus amigos. Vamos a la mezcla de composición. Se hace clic en esta comp principal, que es comp que estábamos animando antes e ir a composición, añadir a Adobe Media Queue. Ahora se va a encender Adobe Media Encoder. Ahora puedes ver que se ha agregado a la Cola de Adobe Media Encoder. Esta es nuestra animación de comp principal. En este momento este formato está establecido en H264. Este es un formato común para los archivos MP4. Si deseas exportar como GIF, puedes elegir esta opción GIF animada. Por ahora, solo exportaré un archivo MP4. H264, aquí no hay nada que cambiar. Basta con dar click en esto. Nos vemos donde quieres guardarlo. Vamos a guardar aquí en el escritorio e ir a las salidas finales, esto podría ser un vacay de otoño, y haga clic en este botón de reproducción verde para renderizarlo. Ya está hecho. Volvamos a nuestra carpeta de salida final. Ahí vas. Esa es nuestra animación de 6 segundos. 15. ¡Felicitaciones!: Enhorabuena, ya terminaron el curso. Este curso no es fácil, pero ahora lo has hecho, así que date un aplauso o una gran palmadita en la espalda. Ahora debes tener una pieza de animación de la que te sientas orgullosa y lista para compartir con tus amigos. Hasta el momento, tenemos base táctil en algunos de los principios de animación como overshoots, squash y stretch, animación secundaria, y acción superpuesta. También aprendemos a usar editores de gráficos para dar vida a tu animación. Te llevé a través este proceso de animación muy completo y te mostré cómo resolver problemas y el pensamiento detrás del movimiento. Asegúrate de publicar tu video en la página del proyecto para que pueda ver lo que se te ocurre. Si tienes alguna pregunta pasando por este curso, dispárame una nota en el panel de discusión y estoy aquí para ayudarte. Muchas gracias por tomar este curso. Feliz animación.