Diseña y anima tu primera escena 2D

1. Introduccion: ¿Quieres hacer que tus diseños se muevan pero se sientan completamente perdidos en After Effects? O tal vez quieras comenzar una carrera como animador, pero no estás seguro de por dónde empezar Esta clase es para ti. Hola, soy Ina, y te voy a enseñar a diseñar y animar tus dos primeras escenas D todo en After Effects. Mi software favorito. La animación es una habilidad particularmente en la que vale la pena invertir hoy en día, ya que este es uno de los campos que aún no ha asumido la IA, que aún requiere creatividad humana. No te preocupes si nunca has hecho esto antes. Si puedes dibujar un cuadrado, estás listo para animar. Te ayudaré a diseñar usando formas simples. Experimenta con el tiempo y aplica algunos principios fundamentales de animación para hacer que tu animación sea realmente pop. Al final, tienes tu propio diseño de escena TD y animado desde cero y exportado como un loop de Bo Jif y un video MP4 que puedes compartir en tus socios, en tu portafolio, o en tu sitio web Lo más importante es que vivirás con un conjunto de habilidades completamente nuevo que podrás usar con confianza para todos tus proyectos futuros En 2017, comencé cache, mi propio estudio de animación, y desde entonces, mi equipo y yo hemos trabajado en más de 1,400 proyectos desde explicadores de startups y anuncios de pequeñas empresas hasta campañas de grandes marcas y Durante los últimos dos años, he estado enseñando y asesorando a jóvenes animadores como tú Con toda la información disponible en línea hoy en día, es fácil sentirse abrumado e inseguro dónde empezar porque hay mucha información, Y veo a los estudiantes luchar con esto todo el tiempo. Y por eso es exactamente por lo que creé este curso. He destilado todo lo que realmente necesitas para diseñar y animar una escena de dos D en After Effects e incluí las herramientas y técnicas básicas que realmente usas el 90% del tiempo Esta clase es perfecta para animadores principiantes e intermedios, pero también diseñadores gráficos e ilustradores que quieran llevar su diseño al siguiente También es genial para influencers y creadores de contenido y personas de redes sociales que quieren intensificar su juego de contenido con algunas animaciones atractivas Y la mejor parte, no hay una configuración complicada ni varios programas para aprender. Vamos a sumergirnos y hacer que algunos muebles se muevan. 2. Orientación del curso: Bienvenido a tu viaje de animación de dos D. Al final de la misma, tienes una escena totalmente animada, sofás, cajones, plantas todas en movimiento, ranurado y lleno de personalidad Creas una pequeña escena desde cero dentro de After Effects, y nosotros la daremos vida paso a paso. He preparado todos los activos y archivos para que puedas seguirlo. Pero no te preocupes si nunca antes has diseñado o animado. Todo se diseñará con formas simples, y te mostraré lo fácil que es. Simplemente empieza haciendo exactamente lo que hago y no te estreses por la perfección. Más practicas, más natural se sentirá. Una vez que se sienta cómodo siguiéndolo, intente experimentar con los marcos clave por su cuenta Esta es la mejor manera de realmente entender las técnicas y comenzar a desarrollar tu propio estilo. Para aprovechar al máximo este curso, asegúrate de tener instalado After effect 2023 o una versión más reciente. Adobe Media Encoder es opcional, pero útil para exportar videos sin problemas. Solo asegúrate de que el codificador mediano sea la misma versión que tu After Effects. Has completado tu animación, comparto en la galería del proyecto, y yo revisaré tu trabajo y te proporcionaré comentarios personalizados para que puedas mejorar y sentirte seguro de tus habilidades. La escena que animaremos juntos está inspirada en recursos simples y de libre disponibilidad Ya ves cómo hasta las formas básicas se pueden convertir en algo animado y divertido. Muy bien, vamos a movernos. Coge tus computadoras, abre After Effects y comencemos a diseñar y animar tu primera escena Sud, y no puedo esperar a ver qué vas a crear 3. Diseñar el cajón: Hoy vamos a empezar diseñando el cajón nocturno en After Effects directamente. Así que vamos a meternos en ello. Voy a empezar por crear una nueva composición. Vamos a crear una composición cuadrada para ésta. Entonces es 980 por 980. Creé una composición con un atajo rápido. Es como si fuera Control N. Es solo la forma más rápida de crear una composición Cambiemos el nombre a la composición a principal. Esa será nuestra composición principal. Antes de comenzar con la animación, normalmente me gusta elegir mi paleta de cour para la animación y asegurarme de que los colores sean exactamente como quiero que sean Para esta, vamos a usar una paleta plana, y ya seleccioné una. Hay muchos sitios web diferentes que puedes usar para generar una paleta. Para este, iba por algo muy plano, muy divertido y atractivo con colores brillantes de contraste. Entonces es por eso que seleccioné esta. La paleta de sobras, la puedes ver aquí. Voy a bajarlo un poco y ponerlo aquí mismo en la parte superior de mi composición. Lo siguiente que voy a hacer sería hacer clic derecho y hacer clic en Capa de guía. Entonces, lo que esto hace básicamente es hacer esto como guía en tu composición. Pero si renderizas esta composición, no vas a ver en absoluto la capa guía. Esto es solo para ayudarte mientras estás trabajando en ello. Ahora voy a crear una nueva pre composición con el cajón nocturno y diseñarlo a partir de ahí. Volvamos a hacer clic en Control N y pongamos un nombre a este cajón. Haga clic en Bien. Por cierto, cuando trabajas en objetos y quieres diseñar objetos en After Effects, es bueno tener una referencia. Por ejemplo, para esta, utilicé una ilustración de un ilustrador que encontré en línea para el estilo de ilustración plana, pero para el diseño. Pero luego para el cajón, puedes elegir como cualquiera de estos, importarlo a After Effects, y empezar a dibujar en él si realmente no puedes imaginarlo bien. En mi caso, ya tengo una idea clara de lo que quiero, pero puedes hacerlo por tu cuenta si quieres. Entonces voy a comenzar por agregar una forma rectangular, que será la base de nuestro cajón. Y vamos a mantener el turno para que puedas crear una forma proporcionada agradable. Creo que esta es buena. Y voy a copiar mi paleta de cower, como puedes ver, cuando la pegas, sigue siendo una capa guía, lo cual es genial Entonces para esta, en realidad voy a tratar de usar esta portada, pero creo que va a ser un poco demasiado intensa. Entonces quiero que sea más como de madera. Entonces voy a escoger esta portada para el fondo. A continuación, voy a diseñar la parte superior de este cajón, que está diseñado con los dos rectangulares redondeados. Entonces puedes ver estas opciones si haces clic y mantienes los dos rectangulares, y solo puedes seleccionar esta. Voy a agregar una forma aquí. Bien. Creo que esto es bueno. Y hay algunas cosas que tenemos que hacer aquí. En primer lugar, noté que hay un trazo blanco alrededor de la forma. Así que vamos a quitar eso, establecerlo en un cero píxeles, y lo mismo aquí, solo voy a hacer esto cero píxeles. Entonces ahora, me gustaría que esto fuera más redondeado de lo que es Entonces voy a abrir esta nueva capa de forma de capa que creé. Voy a abrir el camino rectangular uno, y voy a ajustar la redondez a unos 60 Veamos cómo funcionaría eso. Bien, ahora, déjame acercarme un poco y asegurarme de que esté alineado correctamente. Quiero que salga del cajón sólo un poquito. Siento que esto es quizá demasiado. Entonces, tal vez nos apegemos a algo como esto. Y si es necesario, podemos, por supuesto, ajustarnos más tarde. Así que ahora voy a seguir dando clic en la forma también. Pero de nuevo, sostenga, haga clic y mantenga presionado y seleccione el rectangular a porque ahora mismo, me gustaría crear otra forma que en realidad es una forma rectangular recta. Así que no hay curvas y no hay redondez. Bien. Esto no es exactamente correcto, así que voy a necesitar hacer algunos ajustes. Puedes aislar la capa haciendo clic en el puntito de aquí. Y ahora sólo puedo ver la forma completa. Siento que esto es un poco demasiado pequeño. Entonces lo que voy a hacer sería hacer clic en Y en mi teclado y mover el punto de anclaje por aquí. Y luego voy a arrastrar este punto y moverlo hacia abajo sólo un poquito. Simplemente siento que esta parte necesita ser más amplia y tendré que volver atrás y justo alrededor de esto una vez más, supongo. Hagámoslo 90%. Sí. Creo que eso es bueno. Uh, puedes jugar con esto hasta que estés contento con tu diseño. Y entonces lo que voy a hacer sería copiar todo esto y moverlo a algún lado por aquí. Ahora, para el relleno, voy a seleccionar el relleno y hacerlo más oscuro porque eso será una especie de lo que es la sombra. Cajón R. Creo que esto está bien. Siento que esto está bien. Es posible que tengamos que ajustar las cubiertas más tarde. Ahora como puedes ver, este tipo de sale del cajón R, por lo que tendremos que hacer algunos ajustes. Entonces acabo de cambiar el punto de anclaje. Entonces haces clic en Y en tu teclado y arrastras esta cosa por aquí. Para que puedas asegurarte de que se encoja desde el lado derecho de la misma. Y déjame acercar, hacer algunos pequeños ajustes aquí. Bien, creo que estamos bien. Lo siguiente que me gustaría hacer es crear la parte frontal de esto. Entonces voy a hacer clic en Control D para duplicar esta forma. Nuevamente, haga clic en Y y cambie el punto de anclaje a este tipo de punto derecho. Después haz clic en V para que puedas activar la herramienta de selección. Y sólo lo escala a algún lado por aquí, creo. A continuación, vamos a ajustar el cours, sólo un poquito. Entonces nos gustaría que esta parte fuera en realidad para ser una cour más ligera porque esa es la parte delantera Y entonces la espalda obviamente es más oscura. Entonces dicho eso, tendremos que cambiar esta cour también Y crea unos contrastes muy agradables que me gustan mucho Pero lo que me falta aquí es una pequeña sombra que va detrás estas capas para que puedan crear una especie de transición agradable entre estos elementos que tenemos aquí. Entonces volvamos a trabajar con lo que tenemos. Basta con hacer clic en la primera capa que creamos. Control D para duplicarlo, cambiar el punto de anclaje, pero por aquí, bájalo un poco. Entonces para este tutorial y para todo este curso, la idea es que estemos trabajando con formas simples. que no tengas que diseñar nada desde cero como cualquier forma compleja, cualquier movimiento de tipo líquido o lo que sea. Solo son formas simples. Y la razón por la que quiero hacer eso es porque crea un movimiento plano muy agradable, aunque es plano. No tiene que ser súper complejo para estar frío. Si no ves los moldes, tienes que hacer clic en el total de modos de conmutación. Pero si los ves, todo lo que tenemos que hacer es cambiar el molde para multiplicarse. Ah, bien. Y no se ve bien. Entonces eso fue solo una prueba. Obviamente, no se ve bien. Entonces, lo que tenemos que hacer a continuación es mover esto detrás de estas capas porque no queremos que cubran nuestra sombra. No tiene sentido. Vamos a hacer clic en T en el teclado, o vamos a abrir la opacidad abriendo la capa Entonces intentemos cambiar esto al 30%. Y, sí, ahora se ve de la manera, manera, la manera, la manera, mucho mejor, creo. Una cosa en la que sigo pensando es si cambiar o no esta portada por esta portada, mucho más sentido porque se supone que esa es la parte de atrás del cajón. Entonces, sí, creo que estamos bien para irnos. El único 4. Diseñar el cajón, parte 2: Bien, entonces ahora es el momento de diseñar los cajones reales. Estos son muy simples. Entonces voy a dar click en el Rectangular dos y dibujar una forma rectangular simple como esta. Entonces cambiemos sus colores para que sean un tono más claro de este marrón. Veamos cómo se ve eso. Bien. Bien. Creo que eso está bien. Y luego vamos a diseñar otra rectangular. Un pequeño que va a ser el mango. Entonces cambiemos la socavación a blanca. Bien, aquí vamos. Creo que esto se ve bien. Una cosa que te resultará súper útil cuando trabajes en After Effects es cambiar siempre los puntos de anclaje para que estén en el centro, aunque no vayas a usar inmediatamente estas formas. La razón de eso es que a veces cuando empiezas animar y tienes prisa o ya tienes una idea creativa en mente, odias cambiar puntos de anclaje todo el tiempo Así que es mejor estar preparado antes de comenzar tu animación real. Y recomendaría enchufar. Es de Mr. Horse, y es un plugin gratuito, y se llama el punto de anclaje Mover. Al usar este enchufe, puedes mover automáticamente el punto de anclaje del centro o lo que quieras en la composición, y te ahorra mucho tiempo. Entonces vamos a eso por esto para que pueda demostrarlo. Básicamente, al igual que estos dos tienes tu motor de punto de anclaje aquí y simplemente haces clic en el centro. Si no tienes el motor de punto de anclaje y no quieres instalarlo, simplemente puedes hacer clic en Y en tu teclado y ajustarlo para que quede en el centro. Pero como puedes ver, esto es mucho más fácil y mucho más rápido para cambiar los puntos de anclaje. El punto de anclaje es el lugar desde donde se sitúa cada acción. Es una especie de ancla del elemento. Si movemos aquí el punto de anclaje, y quiero girarlo, como pueden ver, gira desde ahí. Y si está en el centro, rotaría desde el centro. No siempre giramos desde el centro. No siempre tenemos que tener el punto de anclaje en el centro, pero es mejor tenerlos en el centro y luego cambiarlo según sea necesario cuando tu animación. En la animación que tengo en mente, me gustaría que estos cajones se abrieran y cerraran. Y ahí será cuando aparezca todo este elemento. Entonces aparece todo el elemento, y estos cajones tipo de abrir y cerrar. Y para hacer eso, voy a necesitar diseñar la parte del cajón que en realidad es como se ve básicamente cuando se abre. Y para ello, me gustaría seleccionar primero estas dos capas, moverlas un poco hacia la derecha. Y luego voy a de voy a duplicar Control D otra vez y voy a duplicar esta forma. Voy a traerlo aquí abajo, así que esa será la parte trasera de la carriola. Y voy a cambiar su color a la cubierta marrón más oscura que usé para el fondo. Entonces así es como se ve cuando se abre. Ahora, como no quiero que empiece de esa manera, solo quería asegurarme de tenerlo diseñado. Voy a seleccionar estos dos y sólo moverlos a donde estaban. Así que aquí. Ahora es el momento de nombrar nuestras capas. Normalmente nombro mis capas al final, cuando diseño todo, pero no quiero complicar demasiado esto Quiero asegurarme de que todo esté organizado. Así que comencemos. La forma en que nombra sus capas es hacer clic en la capa, hacer clic en Entrar y luego agregar el nombre. Entonces ese será el mango. Por cierto, si no quieres usar tu mouse, si eres perezoso como yo, simplemente puedes hacer clic en Control y la flecha apuntando hacia abajo. Entonces ese es el cajón. Y esta es la parte posterior del cajón. Lo siguiente que vamos a hacer sería copiar esto dos veces porque en nuestro diseño original, teníamos tres cajones. Así que vamos a copiar esto, seleccionarlos todos. Por cierto, la forma en que los estoy seleccionando todos es haciendo clic en Control y seleccionando luego Control D. Vamos a moverlos aquí arriba. Y entonces vamos a tener que volver a copiarlo. Simplemente puede hacer clic en Control D para duplicar una vez más. Y muévelo aquí abajo. Bien. Entonces este es el diseño de nuestro cajón, y se ve muy bien. Si selecciono estos y los mangos, déjame mostrarte. Esto es algo que vamos a gritar, animar en las próximas lecciones. Entonces sí, muy emocionada. Lo último que me gustaría hacer es hacer alguna paternidad. Padre es donde tienes una capa, muévete con otra capa. Por ejemplo, aquí tenemos el asa. Si lo criamos y tú puedes ser padre sosteniendo aquí este ícono de suero y podemos pararlo al cajón si cambio el cajón, puedes ver que también cambia, como se mueve con él. Vamos a apaciguar rápidamente todas las manijas a los cajones. Entonces todas las capas de los cajones, necesitamos pararlos con el frente. Bien, y las dos sombras. Entonces todo este elemento aquí y la sombra debajo él también necesitan ser aparentados a la capa frontal Y el frente necesita ser parentado a la parte posterior. Bien. Entonces lo último que voy a hacer aquí va a ser seleccionar todos estos elementos de remero Da click en este pequeño icono azul que ves aquí y simplemente cámbialo a rosa o al color que quieras usar para esto. La razón por la que estoy haciendo esto es porque quiero separar estos elementos porque más adelante me será más fácil animarlos. Eso fue para esta lección. Te vamos a ver en la siguiente donde vamos a diseñar el sofá. 5. Diseñar el asiento del entrenador: Esta vez, deberías tener el diseño de cajón en After Effects con formas, y hoy vamos a empezar a dibujar el sofá. Si eres principiante, te recomiendo encarecidamente que trabajes con referencias, sobre todo si aún no tienes la experiencia en dibujar o animar. Entonces hay algunas referencias que encontré en línea. Esta es una buena, aunque nuestro sofá se ve un poco diferente en el diseño original. Entonces, si quieres, puedes seguir lo que hago y luego aplicarlo con tu diseño y tu referencia más adelante. Entonces comencemos por crear una nueva composición nuevamente, así Control N, y llamemos a este sofá. Nuestro tamaño debe ser 1080 por 1080. Y luego hacemos clic en Bien. Igual que una señal, vamos a copiar nuestros coors porque esta vez vamos a usar la cour morada Comencemos el letrero agregando una regla. Lo que esto hace es que nos da alguna especie de lineamientos de las proporciones. Entonces en tus After Effects, simplemente haz clic en este pequeño ícono aquí y luego haz clic en Reglas. Ves estas cosas reventar a su alrededor como la regla, y puedes simplemente tomar una de arriba y arrastrarla hasta aquí. Entonces el fondo ahora mismo, por cierto, es transparente. Sólo me duele un poco los ojos. Entonces solo voy a la transparencia total haciendo clic en esto para poder ver un fondo negro. Y voy a empezar dibujando una simple forma púrpura, que será la parte posterior o especie de las piernas tipo de sofá. Ten en cuenta, estamos haciendo esto en vivo, así que podría haber algunos ajustes más adelante, pero veamos cómo va y vamos a partir de ahí. Mencioné la última vez sobre el motor de punto de anclaje. Si no la tienes, puedes descargarla. Pero esta vez, sólo voy a cambiar el punto de anclaje para estar en la cima, y ya ves por qué un poco más tarde. Co, la cubierta de combustible se salvó de nuestro diseño anterior. Voy a cambiarlo para que sea el morado que decidimos usar para este tutorial. Y voy a duplicar esta capa haciendo clic en Control D, cambiar un poco el punto de anclaje. En realidad, perdón, vamos a cambiarlo para que quede a la izquierda. Y voy a envolver esto y moverlo probablemente por aquí. Entonces esa será nuestra sombra. Recuerda, estamos siguiendo el mismo estilo para cada elemento. Así que déjame hacerlo un poco más oscuro. Bien, creo que esto está bien. Lo que no me gusta, sin embargo, es que siento que esto es un poco demasiado corto. Bien, así que hagamos algunos ajustes muy rápidos. A la sombra, lo voy a padre sosteniendo el icono cero a esta forma por aquí, cambiar el punto de anclaje para que esté en el centro y solo extiéndalo un poco, escalarlo un poco. Bien, creo que ahora se ve bien. Sólo voy a mover un poco los colores y podemos ajustarlo. Podemos ajustarlo más tarde. Podría necesitar ser más alto, mirando la referencia ahora mismo. Bien, entonces para la parte como la parte media, que en realidad es el asiento, vamos a hacer un atajo muy rápido. Aquí vamos a copiar estos elementos. Y pégalos aquí. Esto en realidad no es realmente un error. No considero esto un error porque queremos asegurarnos de que los elementos sigan el mismo estilo en todo momento. Entonces, si tienes esquinas redondeadas en un elemento, es mejor tener las mismas esquinas redondeadas y los demás elementos, por lo que va bien en conjunto. Vamos a mover esta cosa por aquí. Cambiemos el punto de anclaje y solo escalémoslo un poco. Ese será nuestro asiento. Una cosa que no me gusta aquí es esta forma. Entonces es una especie de elipse. Yo no me gusta que sea una elipse. Voy a hacer doble clic en esto. Y solo crea una nueva elipse o esa será un círculo esta vez, no una elipse Estoy aguantando turno. De nuevo, para asegurarme de crear una forma proporcionada. Y yo sólo voy a aislar esto y aislar eso. Y sí, veo que eso no es exactamente correcto. Mueva el punto de anclaje en el centro y ajústelo, para que parezca una extensión de este elemento. Simplemente cambiemos el color al mismo color que éste. Muy después voy a cambiarlo para que sea morado, y veo que esta parte de aquí no está bien. Así que vamos a bajarlo un poco. Entonces se ve mejor. Bien, creo que esto es perfecto ahora. Una cosa que le falta es que tiene que ser solo ven más a la derecha, así que solo voy a hacer que este asiento sea más alto. Ajusta de nuevo el círculo. Siento que esto se ve bien. Voy a extender el rectangular para que sea algo así. Sí. Y ahora solo vamos a seleccionar estos dos elementos, duplicarlos. Y cámbialos para que estén por aquí. Cambiemos ahora los cours porque apenas puedo ver nada. Este tiene que ser nuestro morado. No te preocupes, después vamos a añadir una sombra. Cambia de nuevo este acobardero y cámbialo por el cower más oscuro aquí, el cower más oscuro Igual que la última vez, solo copie solo seleccione esto y extiéndalo en algún lugar por aquí. Entonces no ves ningún ángulo. Ajustando ligeramente la posición ahora. Bien. Ahora es el momento de agregar la sombra, duplicar la base, moverla arriba, cambiar el punto de anclaje en la parte superior. Y por el gobernante, solo necesito cambiar un poco la regla y simplemente hacerla diste. Bien. Cambia el acower a un acobardero un poco más oscuro que lo que teníamos aquí para la sombra. Bien. Muévelo por debajo del asiento. ¿Dónde está el asiento? Es por esto que necesitas nombrar tus capas. Y vamos a hacer eso después. Bien. Entonces ahora cambiemos esto para multiplicarlo. No se ve bien. Cambia la opacidad, igual que hicimos la última vez, tecla corta, T en tu teclado 25%, creo que sería mejor. En este caso, sí. 6. Finalizar el diseño del coach: Entonces ahora es el momento de diseñar la parte trasera del sofá. Y esto nos servirá de base, y luego vamos a diseñar las almohadas. Pero primero, vamos a diseñar la parte posterior. Lo que voy a hacer sería hacer clic también en el rectangular redondeado, porque esta vez quiero crear rectángulos redondeados Y solo voy a diseñar una cosa muy básica por ahora, como pueden ver, no organizada, no se ve muy bien, pero eso está bien. Ya lo vamos a arreglar. Así que vamos a moverlo aquí abajo. Bien, y ahora es el momento de decidir cuánto durará nuestro sofá. Siento que esto es un poco demasiado. Entonces voy a moverlo hacia abajo. Solo imagina que aquí tendremos almohadas redondeadas, almohadas redondeadas aquí, ajústala como mejor te parezca. Creo que por ahora, esta forma está bien, por cierto, ten en cuenta, esta es la forma de la sombra. Habrá otra forma viniendo en un segundo. Pero sí, creo que está bien. Vamos a abrirlo y otra vez, cambiar el redondeo a los rounders realidad será visible en el aquí . Creo que está bien. En mi caso, ese es el 94. Veremos más adelante si necesitamos ajustarnos o hacer algún cambio al mismo. Duplicemos esto, volvamos a cambiar el punto de anclaje y escalarlo así, creo. Para este, yo quiero que sea un tono más claro. Bien. Esto es bueno. A continuación, vamos a diseñar un pequeño adorno aquí. Esto va a ser lo mismo que esto, y por lo tanto, sólo voy a copiar el círculo. ¿Dónde está? Muévelo aquí mismo. Cambia su color. Asegúrate de que el punto de anclaje esté en el centro y lo que queremos hacer es agarrar una regla, colocarla al mismo nivel la sombra así y vamos a necesitar y simplemente moverla un poco hacia la izquierda. Vas a ver por qué en unos segundos. Ahora mismo, veo este triángulo vacío que no me gusta. Vamos a sentirlo rápidamente con la forma. Bien. Voy a quitar la regla por ahora porque no la necesito. La otra cosa que me gustaría hacer es hacer este ángulo recto, no curvo así porque siento que va a quedar mejor con el diseño general. Así que vamos a duplicar esto. Abre el rectangular y el camino uno, cambia de esto a cero. Muévelo un poco y llévelo ahí arriba. Entonces ahora, porque ahí cambié, ya se puede ver que esta forma redondeada no ha cambiado también. Entonces voy a crear una máscara. Voy a dar click sobre los dos rectangulares como si estuviera dibujando una forma. Pero esta vez, voy a dar click sobre este pequeño icono aquí. Lo que esto hace es que usa tu rectangular para crear una máscara para crear una forma. Así que déjame hacer clic en esto y simplemente arrojar un poco de forma por aquí para cubrirlo. Se necesitan algunos ajustes menores. Una última cosa que vamos a necesitar para el respaldo de este sofá es crear una sombra. Para esta sombra, en realidad voy a hacer algo diferente porque me gustaría tener esta parte, la parte superior de la misma, teniendo un poco de sombra en ella. Y esto se crea usando dos formas, estas dos. Solo seleccionemos estos dos. Asegurándose de que es solo la parte ligera. Duplicarlos. Haga clic derecho y haga clic en precomponer, esto va a crear una precomposición Vamos a llamarlo de nuevo. Bolsa. B. Aquí vamos. Esto va a ser solo para la máscara, haga clic nuevamente en los dos rectangulares, dibuje uno. Así. Y en el panel Efectos, busca relleno, aplica el efecto de relleno, copia esto aquí. Pero haga clic en T opacidad, y hágalo al 30% Veamos cómo se ve eso. Bien, o tal vez un poco más. Bien, tal vez el 40%. El 40% está bien. No hace falta que se multiplique aquí porque literalmente no hay capas detrás de él sin cobertura. Entonces creo que estamos bien para irnos. Y lo último que vamos a hacer será diseñar las almohadas. Antes de eso, asegúrate de guardar tu proyecto. Da click en los dos rectangulares y dibuja un poco de forma así. Cambia el punto de anclaje como siempre para estar en el centro y dibujar un pequeño círculo. Ahora, vamos a aislar a estos dos. ¿Bien? Y la razón por la que estoy creando un círculo es porque quiero tener este tipo de forma agradable que estamos usando a lo largo de esta animación. ¿Bien? Esto se ve bien. Y ahora vamos a duplicar esto, traerlo al frente y hacerlo más oscuro. Cambiemos esto por el encendedor, pero dale una forma un poco más clara, sombra Bien, esto tiene que ser la misma cour, y estas pueden ser esta cour o mantequilla, esta perfecta Perfecto. Se ve muy bien. Esa es nuestra almohada. Seleccionemos estos elementos, dupliquemos, llevémoslos arriba, muévalos aquí mismo y traerlos en la parte inferior. Estamos listos con el sofá. Lo último que queremos hacer es, como siempre, nombrar nuestras capas y cubrirlas de manera diferente, para que te asegures de encontrarlas más adelante. Bien, estoy listo. Cada capa es nombrada ahora. Primero, déjame acorclarlos, y luego voy a ser padre de ellos. Entonces OD, entonces las almohadas serían rojas. Y esa es otra almohada. Cada elemento relacionado con el asiento, como el respaldo, en realidad del sofá, que estoy seleccionando y luego voy a aislar para poder asegurarme de que estos sean todos lo mismo. Todos estos van a ser amarillos. El conjunto será azul aguamarina, y luego todos estos elementos que van a ser rosados. Bien, perfecto. Ahora, vamos a perment estos dos círculos de las almohadas a la forma principal, igual que ellos. Arrastre y suelte aquí. Todos estos elementos serán apaciguados a éste. La primera capa que creamos para la espalda. Ahí vas. Las almohadas, los círculos de la almohada se conectarán nuevamente a la rectangular. La semilla todas las capas de semillas se crearán a ésta, o a la forma rectangular. La sombra necesita volver a ser criada a esta , la principal Entonces esto ya está apaciguado a esto, y la almohada. Entonces las pocas capas que están sin padre, y se puede ver que aquí están estas, en realidad. Estas son las capas principales que vamos a estar animando. Esta es la parte inferior de la misma. Este es el asiento. Estas son las almohadas, y esa será la parte trasera de ella. Todo lo demás se ajustará o no se animará. Solo vendrá de estas partes, y nuestro sofá está listo. 7. Componer los muebles: Todos, y bienvenidos de nuevo a la siguiente lección. Entonces, a estas alturas, deberíamos tener el sofá y el cajón ya diseñados. Antes de comenzar a diseñar la lámpara, me gustaría en los artículos existentes que ya tenemos. Entonces este es el sofá y el cajón. La razón por la que quiero agregar esto en una escena es porque quiero ver qué tan grande será nuestra lámpara y qué tan grande necesitamos hacerla para equilibrar toda la composición. Bien, así que esa fue la composición original que creé hace mucho tiempo en una de las primeras lecciones. Esta composición, sólo un recordatorio rápido, se llama la composición Min. Aquí es donde se animarán todos estos objetos, y es 1080 por 1080, tan cuadrado. Empezaré por agregar una capa para el fondo. Me gustaría que fuera uno de los colores de nuestra paleta de colores, pero para que vaya bien con el resto de los artículos que ya diseñamos, voy a hacer que sea un color azul claro. Y lo que hice fue hacer clic en Control e Y para poder crear una capa sólida. La capa sólida también se puede crear haciendo clic en capa nueva y luego sólida. Bien. Ahora déjenme traerlo aquí abajo para que todavía pueda ver mi capa de guía con las cubiertas. Y sólo voy a moverlos un poco. Yo sólo voy a sí, moverlos por aquí. Entonces, ¿qué tenemos aquí? Primero, tenemos el cajón. Aquí vamos. Y el sofá. Eso ya está diseñado. Lo primero que hago normalmente cuando inicio un proyecto es que hago clic en este pequeño icono del sol cada vez que empiezo como una animación. Eso lo discutimos la última vez, así que permítanme hacerlo rápidamente. Ya es una especie de hábito para mí. Así que siempre lo hago siempre. Déjame escalar este sofá a aproximadamente No, 50% es demasiado pequeño. Creo que voy a ir con algo alrededor del 75%, lo cual me parece bueno. Y la voy a traer aquí abajo para que pueda seguir viendo mi cajón. Para el cajón, déjame escalar eso al 75% aproximadamente. Y muévelo aquí, justo al lado del sofá, algo así. Ahora, en realidad, creo que voy a hacerlo un poco más pequeño. Voy a hacerlo 65% y moverlo aquí abajo. Bien, voy a simplemente mover el cajón un poco a la izquierda porque aquí vamos a tener otro artículo que será la harina. Y voy a controlar D, duplicar este cajón, traerlo detrás del sofá, y agregarlo ahí mismo. Entonces voy a hacer algo muy rápido. Voy a trazar una línea aquí mismo. Y voy a cambiar el trazo a cinco puntos. Y cambiemos la cower por una cour morada oscura. Tan más oscuro que lo que tenemos en, como, el sofá. Sí, creo que esto está bien. Tipo de esta línea es nuestro terreno, y creo que corona todo el diseño. Esto es, nuevamente, una preferencia personal. Si quieres agregar o tomar trazo, también puedes hacer eso tal vez ocho. Sí. Creo que ocho está bien. Y otra cosa que me gustaría hacer es hacer esto redondeado. Y cómo se hace eso es por forma de coco, trazo, y luego cambiar la copa de línea y la junta de línea para que sean copa redonda, junta redonda. Y ahora nuestras articulaciones son redondeadas, lo cual es genial. Creo que personalmente prefiero esto. 8. Cómo diseñar la lámpara: Bien, entonces ahora que tenemos la composición con estos tres elementos que ya diseñamos, es el momento de diseñar la lámpara, y vamos a empezar, por supuesto, por crear una nueva composición. Entonces Control N para nueva composición, cambia el nombre a lámpara. Y lo que vamos a hacer ahora es importar realmente uno de los cajones que diseñamos anteriormente. Y esto es porque quiero ver qué tan grande debería ser la lámpara. Entonces lo que hice fue, si tienes tu composición aquí abierta, puedes simplemente dar click derecho sobre Revisar. Éste, Revisa la composición en proyecto, encuentra tu proyecto aquí, arrástralo y suéltalo aquí, muévelo un poco hacia abajo y luego vuelve a hacer clic en el icono del sol una vez más. Y luego veamos. Creo que nuestra lámpara necesita ser máxima aquí. Así que vamos a hacer clic en nuestros gobernantes. Agrega uno aquí, y luego agrega uno, creo que en algún lugar por aquí. Sí, creo que esto está bien. Ahora podemos borrar el cajón porque ya no lo necesitamos, y empecemos a dibujar nuestra lámpara. Lo primero que vamos a diseñar estaría en la base de la misma. Para la base, voy a diseñar, algo así. Bien. Voy a asegurarme con el motor de punto anclaje que mi punto de anclaje está en el centro, y luego me gustaría quitar el trazo. Así que asegúrate de que sea cero. Y para el relleno, vamos a llegar a un poco de color marrón para usar para nuestra base. Sí, creo que esto es bueno. A continuación, en realidad me gustaría cortar esto. Entonces solo me gustaría tener esta parte que está justo por encima de la línea. Entonces voy a sostener y dar clic y dar clic en los dos rectangulares. Entonces me voy a asegurar de hacer clic en este icono, lo que me permitirá crear una máscara en lugar de una forma diferente. Bien, y ya terminamos con la forma. Ahora desde la mitad de ella, habrá una línea recta. Esta línea va a ir desde la mitad de la base que acabamos de crear hasta la parte superior de la lámpara. Bien. Déjame simplemente hacer clic, asegurarme de que el punto de anclaje esté en el centro, y voy a seleccionar estos dos, y me gustaría centrarlos. Entonces con la opción align, y por cierto, si no ves el panel align, lo que puedes hacer será hacer clic en Windows y luego buscar una línea y luego traerla aquí o lo que quieras. Entonces voy a cambiar alinear capas a composición, y luego voy a dar click sobre este icono. Entonces como puedes ver ahora, nuestro me gusta, la línea recta está justo en el centro. Entonces, sigamos adelante. Voy a diseñar una forma más. Ese será de un color marrón más oscuro. Y esta forma de color marrón oscuro va a ser solo para unos bonitos detalles. De hecho, creo que esto es demasiado redondeado. Entonces déjame reducir la redondez a diez. ¿Bien? Creo que esto se ve bien. Y lo voy a llevar por encima de la línea pero por debajo de la base. Entonces la base estará aquí vamos. Mirándolo ahora, creo que me gustaría moverlo un poco. Sí, esto es algo así como un asa. Sí. Ahora mismo estamos decidiendo. Bien, entonces ahora vamos a crear la parte superior de la lámpara. Para ello, voy a usar el Pentool y así es como lo vamos a hacer Es como una forma de triángulo con una línea recta aquí y algunos detalles por aquí. Empecemos nuestra forma aquí y aquí, por cierto, estoy sosteniendo turno para asegurarme de que estoy haciendo una línea recta en lugar de líneas curvas. Entonces lo haré soltaré turno para que pueda crear aros Forma diferente, tráelo, creo, en algún lugar de aquí, luego dibuja una línea recta de nuevo y conéctela de nuevo aquí. Entonces algo como esto. Bien, tal vez tengamos que ajustarlo un poco. Quiero asegurarme que este triángulo sea de forma recta porque de lo contrario, te verás muy raro con nuestros otros artículos. Bien, así que asegúrate de que el punto de anclaje esté en el centro, alinéalo. Ahora sí tenemos un triángulo recto para la lámpara. Eliminemos estos porque ya no los necesitamos. Eso fue sólo como referencia. Voy a quitar a los gobernantes, y me gustaría cambiar esta cubierta de campo a blanquecino, diría yo Entonces sí, blanquecino. Entonces mirándolo ahora, creo que me gustaría extender esto para que aparezca un poco en la parte superior. Sólo una preferencia personal. En realidad, déjame quitar esta regla dos porque se está poniendo en mi camino. Perfecto. Y ahora vamos a crear una forma más que esté justo arriba de aquí. Voy a duplicar este moverlo aquí y moverlo aquí. Sí, genial. De hecho cambiemos un poco su escala. Sí. Sí, creo que esto se ve bien. Se ve bien. Es sólo una especie de otro detalle de la lámpara. A continuación, lo que me gustaría hacer serían estas pequeñas cosas que serán una especie de decoración de la lámpara. Y estos son detalles menores, pero hace que el diseño se vea mejor. Entonces en mi caso, me gustaría diseñar algunos círculos. No es un círculo recto. No creo que un círculo recto sirva. Así que simplemente dibuja como una elipse, mueve el punto de anclaje por el centro, por supuesto, y muévelo aquí arriba ¿Bien? No quiero ver un ángulo. Esa es la cosa. No quiero ver este ángulo. Así que duplica esto y muévelo aquí. Bien. Ahora, selecciona los dos últimos, duplícalos, muévalos aquí. Voy a acelerarlo un poco, y voy a hacer el resto, siguiendo la misma lógica. Entonces ahora para mi parte favorita, vamos a nombrar las capas y panearlas. Voy a acelerar esto porque ya sabes cómo hacerlo de las lecciones anteriores, y te voy a ver en unos segundos Bien. Ahora hagamos algunos cambios en los colores de estas capas. Todos los detalles para la lámpara, así como la parte blanca de aquí va a ser roja. Este va a ser porque estos son como detalles. Ambos, como el detalle superior y el detalle inferior van a ser amarillos, y luego solo voy a dejar la base y la línea, al igual que la portada por defecto. Y para la paternidad, vamos a ser padres de familia todos estos detalles de la lámpara con la parte blanca, como esta parte, y el resto puede quedarse como está porque en nuestras próximas lecciones, los vamos a estar animando por separado Entonces es por eso que no quiero que sean criados de otra cosa. Eso fue por hoy. Te voy a ver en un poco en el siguiente tutorial donde vamos a diseñar el siguiente elemento. 9. Diseño de la flor: Vuelvan, chicos, hoy vamos a continuar diseñando After Effects nuevamente con formas simples. Pero esta vez, vamos a diseñar el siguiente elemento, que es la harina. Voy a empezar de nuevo creando una nueva composición. El nombre de la composición esta vez va a ser flor. Voy a quedarme con este 1080 por 1080. Voy a hacer click Bien, y igual que la última vez, voy a agregar mi sofá aquí, encontrar mi sofá aquí en la parte superior y voy a bajar la escala a 75, que es como fue en la animación original. Y voy a asegurarme de tener a mis gobernantes. Voy a traer uno aquí. Otro, creo, en algún lugar por aquí, que es donde mi flor tendrá que terminar, como el diseño de la misma. Vamos a quitar el sofá ahora, total la rejilla de transparencia para que pueda ver mi fondo completamente negro. Y vamos a empezar diseñando la pequeña olla. Vamos a hacer clic en el pantu porque no es una forma muy sencilla la que vamos a dibujar esta vez Y agreguemos un punto aquí, mantengamos el turno para que puedas crear una línea recta, y vaya, algo pasó con este punto, solo vamos a acercarnos Bien, Pento boom, boom. Sí, en algún lugar por aquí. Y agreguemos uno aquí, uno sosteniendo turno aquí. Si necesitas ajustar un punto, simplemente haz clic en V y baja al perro. Y terminó aquí. Pero quiero que sea más alto. Entonces se parece más a una olla como esta. Nuevamente, esto no está centrado, así que quiero hacer la parte izquierda igual que la parte derecha. La manera tonta y coja de hacerlo sería dibujar una regla aquí en un poco de forma Atajo aquí es G para el Agarra este punto y muévelo aquí mismo. Bien, vamos a quitar las capas guía por ahora. punto de anclaje debe estar en el centro como siempre y quitar las reglas. Ahora, para equilibrar el diseño, usemos los mismos colores que usamos para la lámpara para algunos de los elementos de la lámpara. Déjame encontrar mi lámpara que creamos la última vez. Es éste. Encontré la composición, clic derecho en Revisar composición en proyecto. Regresa a nuestra flor, tráela aquí arriba. Como ahora mirando la lámpara, creo que esto tiene que ser más ligero. Así que vamos a usar un color más claro aquí para que podamos crear un bonito contraste en la lámpara. Y volvamos y solo tomemos esta cour y usemos el mismo color o la olla Por ahora, voy a quedarme con esto por aquí porque probablemente voy a estar tomando más cursos de ello más tarde Ahora, me gustaría diseñar una forma rectangular simple seleccionar estas dos formas, ir a selección, y luego dar clic en alinear verticalmente. Ahora, vamos a cambiar este color. Me gustaría que en realidad fuera de un color más claro que este. Así que sólo voy a subir a la rueda de la cour y moverla aquí mismo Sí, creo que esto está bien. Ahora vamos a crear un poco de tierra en su interior. Súper simple, dibuja una pequeña elipse, así, sí, muévela al fondo de esta, y para el suelo, vamos a usar el mismo café que el que tenemos en la lámpara Bien, entonces ahora por la parte divertida para las ramas y luego las hojas. Súper simple otra vez, solo agarra el pento agrega un punto por aquí Reteniendo el turno uno por aquí, uno por aquí. Quite así que haga clic en llenar, elimine el relleno y agregue un trazo de cinco. A continuación, cambie la cubierta de trazo a verde. En realidad, el color sroll, vamos a llevarlo a tres Creo que eso va a ser mejor. Ahora vamos a mover esto aquí en la parte inferior, y vamos a agregar más ramas en una capa diferente, sin embargo. Eso va a ser muy importante. Si has hecho clic en tu capa en este momento y empiezas a dibujar otras formas, crearás diferentes formas dentro de la misma capa Lo que queremos hacer es asegurarnos de que no tenemos ninguna capa seleccionada. Simplemente haz click aquí o algún espacio vacío en el proyecto y empieza a dibujar de nuevo. Voy a añadir uno aquí. Y por cierto, porque ya creaste esto antes, como el trazo y la portada, la próxima vez que estés creando más elementos, va a ser automáticamente la misma portada y estilo que la anterior. Bien, voy a crear uno más aquí. Entonces ahora para las hojas, vamos a crear un punto aquí y un punto aquí. Pero en el momento en que hagamos clic en el último punto, solo vamos a sostenerlo y extenderlo un poco así. Después basta con hacer clic en el primer punto para que puedan terminar toda la composición. Yo sólo voy a sí, solo es un poquito. Y para ello, me gustaría quitar el trazo. Por lo que el trazo debe ser cero, y el relleno debe ser de un tono verde. Agrega dos puntos más aquí en el centro y haz estos y solo extiende estos un poco. Depende del tipo de hoja que te gustaría dibujar. Pero para que sea más como una hoja, me gustaría ajustar la forma a algo así. Bien, creo que esto es genial. Y ahora solo agrega una pequeña línea que va de aquí. Para escuchar y otra vez, sostenga y ajuste así. Ahora para éste, basta con quitar el relleno de un trazo a. No, eso es demasiado. Uno es suficiente y agarra la misma cubierta la hoja y solo hazla un poco más oscura, algo así. Preferencia personal, si quieres mantener tu hoja así está perfectamente bien. O la otra forma de hacerlo es simplemente extender esta línea un poco así. Um, personalmente lo prefiero de la manera anterior, así que creo que esta es genial. Para el punto de anclaje, lo vamos a mover aquí mismo porque aquí es donde desde donde esto va a animar aquí mismo Y por ahora, vamos a ser padres esta línea que creamos a la forma principal de la hoja. Va a hacer clic en R en el teclado y girarlo un poco, luego escalarlo hacia abajo. Lo siguiente que voy a hacer, y voy a acelerar esta parte es duplicar esta hoja y solo agregarla por todas partes. Oh Bien, entonces ahora que tengo todas mis hojas diseñadas, voy a cambiar sus colores apenas un poquito para que se vean mejor. Si hay algo así como regla, yo diría, y no hay una, yo diría que trate de mezclar más claro con más oscuro uno al lado del otro que pueda crear este bonito contraste. Bien, entonces ahora que tenemos el diseño de la flor, voy a nombrar las capas y volver a sarlas . Entonces voy a acelerarlo. Bien, tengo todas mis capas nombradas, y ahora vamos a cour fríelas. Y estamos listos con el diseño de la flor. 10. Diseño del gato: Hola, y bienvenidos a los nuevos chicos de Lección. En primer lugar, antes de empezar, quería disculparme porque mis perros se están volviendo locos de fondo. Entonces, si escuchas ruidos raros, no soy yo. Son solo que es un tiempo de juego para ellos ahora mismo. En la lección de hoy, vamos a continuar con el diseño de After Effects. Pero esta vez, vamos a estar diseñando el pequeño gato que nos van a sumar al diseño. Este gato fue en realidad agregar después de revisar toda la animación, y yo estaba como, algo falta ahí. Y aunque soy una persona canina, como pueden ver, decidí que un gato sería una buena adición a nuestra escena, para hacerla más vida y simplemente agregarle más carácter. Este es un diseño un poco más complejo, no súper complejo, pero aún así, no contiene solo formas simples y círculos y rectángulos Entonces por eso, me conecté a Internet déjame mostrarte. Y encontré algunas poses extrañas diferentes de gatos durmiendo. Al igual que mi búsqueda es extraña. Dice gato mintiendo. Pero de todos modos, encontré este que me gusta mucho, ¿de acuerdo? Aquí está el perro. Está percibiendo que hay un gato que va a ser animado ahora mismo, y voy a descargarlo y usarlo como referencia. Por otro lado, encontré este vector gratis en línea que me gusta mucho el estilo de. Entonces voy a usar esto como base para como una V para una ilustración vectorial. Así que comencemos de nuevo creando una nueva composición, Control, y voy a nombrar a este conjunto. Entonces a partir de ahí, vamos a importar lo que acabamos de descargar por aquí. Y agrégalo aquí como una especie de referencia. En realidad, esto va a estar en medio de mi composición. Vas a ver por qué en un segundo, voy a rastrearlo. Y luego otra vez, perdón por este ruido. Se van a hacer en sólo un segundo. Voy a copiar este vector, que va a ser incluido en tus archivos de proyecto para que puedas importarlo en tus After Effects cuando lo hagas. Y yo sólo voy a pegarlo aquí. Se aisló. Así que déjame quitar eso y traerlo a algún lado aquí arriba. Así que vamos a moverlo a algún lugar como aquí. Por ejemplo, creo que va a ser agradable simplemente alinearse con sí, eso es genial. Bien. En fin, así que comencemos. Esto, como dije, va a ser un poco más desafiante, pero no algo que no podamos hacer. Como me gusta mucho el pulso de este gato, lo que voy a hacer sería trazar la forma básica del mismo, y voy a comenzar con el cuerpo. Como, por ahora, no voy a estar sumando la cabeza. Verás por qué en un segundo, esa será una capa separada porque me gustaría animarla después por separado Así que simplemente hagamos clic en el Pentool y comencemos a dibujar nuestro cuerpo Voy a acelerar esto Y para esta primera parte, solo asegúrate de dibujar solo el cuerpo. No es necesario diseñar la cola o la cabeza. Esto es sólo la base. Lo que veo de mi ilustración. Lo que veo por mi rastro es que aquí solo hay muchos huesos, como, muchos puntos. Entonces voy a simplificarlo un poco porque esta es, después de todo, una simple ilustración de un gato, no súper detallada y realista. Bien, entonces veo que hay un poco de trazo. Eso fue por las hojas que creamos anteriormente. Así que vamos a bajarlo a cero. Para el acobardero de relleno por ahora, voy a usar algo como esto, especie de cour vaca similar a la de blanco que usamos para la lámpara, pero esto es solo por apenas como base por Probablemente lo vamos a estar ajustando más tarde. Para la cola, sigamos con la cola. De hecho voy a dibujar uno usando el reprimido y solo asegurarme de que esté curvo De esa manera vamos a tener un mejor um, una especie de aspecto más caricaturesco de ella. Quitemos el relleno y agreguemos un trazo grande. Voy a ajustar mi forma un poco así. Sí. Y este primer pensamiento, voy a moverlo aquí arriba y, por supuesto, cambiar el color para que sea este raro color blanquecino. Nuevamente, hagamos estas esquinas redondeadas. Voy a abrir la forma, trazo, cambio de línea copa en línea conjunta junta redonda y copa redonda. A partir de ahí, dibujemos como la cabeza. Primero vamos a empezar dibujando la cabeza sin las orejas. Esto, cambia la cubierta de campo a esta, y ahora vamos a agregar nuevamente las orejas sobre una nueva capa. Me gusta mucho cómo se ven estas orejas. Entonces en nuestro diseño, solo usemos, clic y mantengamos presionado el córtex de conversión, arrastremos este. Perfecto. Mueve el punto de anclaje aquí en la parte inferior y Control D para duplicar R para rotarlo y simplemente muévelo aquí arriba. Bien, déjame cambiar la forma haciendo clic en G de esta porque uno de los años es algo así como, uh, Si. Porque el gato está durmiendo después de todo. Bien, eso es genial. Vamos a agregar su pequeño pow aquí en un segundo Pero estamos listos con la forma básica del gato. Quitemos la referencia, y esto es lo que tenemos. De nuevo, aquí no me gustan algunas cosas. Por cierto, cuando estás como, dibujando un diseño, siempre comienzas con, como, las formas básicas y luego vas de ahí, creas el rostro, creas las sombras, y solo, por supuesto, mejorarlo, hacer que se vea mejor. Por ahora, como esta es mi forma básica, esta es como este es nuestro punto de partida. Y lo que no me gusta de ello es que siento que esta cabeza es demasiado pequeña comparada con su cuerpo. Esto es una especie de, claro, sé que está rastreado, y también es, ya sabes, el gato está durmiendo, pero aún así nos gusta la animación Y así podemos exagerar un poco las cosas para que se vean mejor En este caso, solo estoy seleccionando las orejas, y las voy a emparejar con la cabeza. Vamos a hacer clic en Y en el teclado y mover un poco el punto de anclaje y simplemente matarlo. 11. Finalizar el diseño del gato: Bien, así que ahora es el momento de comenzar a agregarle algunos detalles para que se vea aún mejor No es que se vea bien ahora mismo. De todas formas, así que sí. Voy a empezar con la cabeza. Eso me va a dar una dirección para el resto de las partes del cuerpo. Y por ahora, le escondo la imagen real. Sólo voy a usar este archivo vectorial porque realmente me gusta el estilo del mismo, y quiero que coincida con él. Así que para el oído, en realidad, antes de hacer eso, vamos a nombrar primero a nuestras capas. Perfecto. Todas estas capas ahora se nombran. Y comencemos agregando los detalles. Primero, déjame duplicar esto aquí y voy a codificar esto Y voy a codificar esto aquí dentro de un año. Vamos a escalarlo hacia abajo. Nuestro punto de anclaje ya está fijo. Entonces, bajémoslo y cambiemos su color de relleno a un gris más oscuro, algo así. Todo bien. ajustar la forma, en realidad, un poco. Necesita seguir una especie de la misma forma que el cabello y esto también se puede cambiar un poco. Siento que es más oscuro, necesita ser más claro, es demasiado oscuro y crea mucho contraste que no necesito. Y este año, en realidad, podríamos ver un poco el año. Veamos por nuestra referencia, tal vez así. Nuevamente, como dije, tenemos que exagerar un poco las cosas. El año en realidad necesita estar debajo del cabello y luego duplicar esto, escalarlo hacia abajo, y voy a cambiar la forma del mismo simplemente arrastrando este punto por aquí Esta cobertura de campo va a ser la misma que esta oreja y toda la oreja, porque está en la parte posterior, tendrá que ser más oscura. Bien, algo como esto, no te metas en los extremos. Creo que esto es bueno. Puede que incluso no necesitemos esta parte de aquí dentro, pero resolvamos esto más adelante a medida que avanzamos. Bien. Ahora es el momento de crear la cara. Para esto, voy a asegurarme de que mis orejas estén impresas en la cabeza y sí, lo son y voy a girar un poco la cabeza para que pueda ver solo para enderezarla porque va a ser más fácil ver las capas que voy a estar creando Déjame aislar un poco las orejas y la cabeza y comenzaré dibujando los ojos. Para los ojos, claro, vamos a usar la elipse para Todo bien Dulcate y uno más por aquí. Entonces, nuevamente, como siempre, estamos comenzando con formas básicas para ser ajustadas posteriormente. Estos dos, voy a mover el punto de anclaje en el centro, y me doy cuenta de que los ojos necesitan ser más grandes. Entonces creo que esto es bueno. Realmente no me gusta la forma redondeada de la, así que lo que voy a hacer sería convertirla en capa diferente que pueda manipular. Lo que quiero decir con eso es como lo que puedo hacer aquí sería escalarlo hacia arriba y hacia abajo, mover la posición, etcétera, pero no puedo cambiar la forma de la misma Y los ojos no son como elipse recta. Así que vamos a abrir contenidos, Elipse uno, Elipse ruta uno, clic derecho y haga clic en Convertir tu BzierPath Y eso te permitirá manipular la forma y simplemente crear la forma del hielo. Bien, esto definitivamente es mejor. Y a partir de aquí, quiero cambiar el color de relleno a blanco. Sólo blanco puro. Bien. En realidad, no ese blanco puro. Creo que esto es bueno. Y ahora agreguemos la pupila dentro, que va a ser enorme porque queremos crear un efecto más caricaturesco Y voy a cambiar de color a un gris oscuro como este. Entonces me gustaría enmascararlo por dentro. Entonces como pueden ver, la pupila de aquí va fuera del ojo Así que vamos a duplicar nuestra forma y traerla aquí arriba. Ahora, pongamos esto. Eso sería antifaz. Eso va a ser alumno. Ahora, en realidad, eso se eliminará porque luego duplicaré esto. Entonces la pupila necesita ser enmascarada nuevamente dentro de esta otra capa Entonces voy a dar click en el compañero de pista. Simplemente si no lo ves, asegúrate de hacer clic en este icono de aquí para que puedas extender tus herramientas y verlas. Ver el correcto. Así que haz clic aquí y haz clic en I Mascara. Bien. Entonces nuestro cuidado se ve un poco enojado. En este caso, ya agregamos la pupila, y queremos cambiar la forma, y queremos que la pupila esté dentro del ojo Si cambiamos la forma original, la otra como la forma de la máscara no cambiará. Entonces aquí hay un hack rápido para mí. Abres el contenido, abres la elipse, abres el camino uno, y arrastras este tipo de icono aquí y lo sueltas en la parte original de la capa original Entonces ahora, si ajusto la forma, como pueden ver, la máscara está ajustando su forma con la otra capa, lo cual es muy, muy genial para casos como este donde hay que probarla para verla. Y porque sentí que el gato se veía muy enojado, que normalmente es el caso de los gatos de todos modos, pero, sí, sentí que podría ser demasiado. Yo sólo quería ajustar esto. Entonces creo que por ahora, estamos bien con este ojo, pero, um, me olvidé de nombrar esto, esa va a ser la base. Y luego solo duplicarlo, todas las capas conectadas a la I y asegurarme de que me enmascara dos y la pupila dos están parentales a la base Haga clic en S para que suba la escala y desde aquí, cambie la escala para comenzar con menos, para que la voltee. Bien. Bien. Creo que eso es bueno. Ahora agreguemos la nariz. El trazo tiene que ser uno aquí porque no son tan gruesos. Voy a asegurarme que el punto de anclaje está justo aquí y duplicado. Después selecciónala, duplica la t, y solo conéctalas como emparejarlas con una de ellas. Y otra vez haz lo mismo, escala y hazlo -100 y luego muévelo sí Un par de ajustes que me gustaría hacer. Primero, este trazo, cambia el trazo a dos. Creo que es un poco grueso para que este gato no se vea tan enojado. Ajustemos un poco la forma de la montura. Voy a agregar una capa extra que serán sus mejillas. Ahora, volvamos y nombremos nuestras capas. Bien, el nombre está listo, asegúrate de que todas estas capas que acabamos crear sean padres para el cabello. Ahora, si recuerdas, giramos el cabello para ver el diseño del mismo. Entonces cambiemos ahora la rotación de nuevo a cero. Y muévelo aquí arriba. Bien. El jefe de nuestro pequeño cuidado está listo. Ahora es el momento de agregar algunos detalles adicionales en el diseño. Por ejemplo, me gustaría añadir un poco de barbilla por aquí, igual que tenemos en nuestra referencia. Así que vamos a lanzar una pequeña línea. Todo bien. De hecho me gusta agregar uno más aquí. Voy a acelerar un poco esta parte, y voy a verte en unos segundos con las sombras listas. Bien, así que aquí es donde estoy. Añadió la sombra, agregó estos pequeños elementos, y de hecho agregó una pequeña pierna por aquí porque sentí que esto se ve mejor en nuestra ilustración. Podría borrarlo más tarde. Ya veremos. Y lo último que me gustaría hacer es mover a este pequeño pi como aquí y agregar algunas formas que vienen de aquí a aquí. Para ayudar a formar este pequeño arco. Y tiene que estar detrás del cuerpo, claro. Y así este es el diseño de nuestro cuidado. Nuevamente, como dije, tal vez necesitemos hacerle algunos ajustes cuando lo importemos a la escena, pero eso es algo que vamos a hacer en la siguiente lección. Entonces te voy a ver muy pronto. 12. Composición final: Hola a todos y bienvenidos a la nueva lección. última vez estuvimos diseñando el cuidado, y porque estamos listos con todos los diseños la escena que estaremos animando, hoy, trata de publicar algunos detalles y preparar algunos ajustes finales antes de entrar en Así que vamos a meternos en ello. Esto es lo que tenemos hasta el momento. Permítanme abrir nuestra composición principal. Deberíamos tener nuestro cajón, el sofá, y el otro cajón más esta línea que sirve de suelo. Nos gustaría agregar la nueva lámpara que creamos primero. Entonces vamos a abrir la lámpara, traerla aquí, y esto va a ser colocado en este pequeño gabinete de aquí. Y necesita estar debajo del sofá y encima de este cajón. Entonces bien. Creo que esto es bueno en términos de escalado. El mío es oh, y el icono del Sol. Otra vez, como siempre. El mío es alrededor del 60%, algo así. A continuación, necesitamos agregar nuestra flor. Si no lo puedes ver, solo búscalo. Esto necesita ser agregado aquí. Déjame ver. Bien, siento que necesitamos hacerlo más grande. Entonces Suncon me dejó extenderlo un poco. Sí. Creo que esto está bien. Vamos a moverlo hacia arriba. Aquí. Bien. Bien, genial. Y ahora para la parte divertida, agreguemos a nuestro gato. Oh, en realidad, déjame volver en esta composición y esconder el vector gato de antes. Bien, entonces este es nuestro pequeño gato. Déjame escalarlo hacia abajo. Y bien. Sí. Bien. Esto es genial. Entonces sí, algunos ajustes que veo. En primer lugar, abramos la atención. Algo que me fastidia es esta brecha de aquí. Realmente me fastidia. Entonces, giremos un poco esta pierna y asegurémonos de que estos estén algo o casi en el mismo nivel. Creo que esto se ve mejor ahora. La otra cosa que me fastidia un poco es esta parte de aquí. Simplemente siento que la forma es un poco rara. Entonces déjame abrir el cuerpo. Siento que este gato es enorme comparado con los otros elementos. Entonces eso es 33%, 25, en este caso. Bien, 25, tráelo aquí abajo. Y pienso aquí. Bien, perfecto. Unos ajustes más al sofá que acabo de ver. Y entonces la otra cosa que me gustaría hacer es escalar esta almohada y luego copiarla y pegarla aquí. Bien, solo necesito que sean más grandes, y creo que se ve mejor. La otra cosa que realmente me fastidia es este pequeño círculo de aquí, porque se puede ver que este círculo estaba en eso después, y realmente me fastidia mucho. Creo que estamos listos con el diseño. Los toques finales están ahí. Nuestro como todos los elementos están diseñados. Todos están en capas de forma en After Effects, lo cual es increíble. Y para las próximas lecciones, vamos a empezar a animarlas. Entonces te voy a ver muy pronto. 13. Animación del cajón: Hola, chicos, y bienvenidos a esta nueva lección. Ahora que tenemos todo diseñado en After Effects, es momento de empezar a animarlo y a darle vida Para aquellos de ustedes que decidieron no diseñar estos activos en After Effects directamente, pueden encontrar los archivos del proyecto adjuntos aquí para la pre animación del video. Entonces estas son todas las composiciones que ya están diseñadas en After Effects y las que vamos a empezar a animar Así que siéntete libre de descargar el proyecto y empezar desde aquí si solo te interesa ver las lecciones de animación. Vamos a empezar animando el cajón. Y la razón de ello es porque siento que esto va a marcar tono para el resto de la animación. El principio de puesta en escena dice que no se puede animar todo al mismo tiempo porque de esa manera, el espectador simplemente está confundido por dónde mirar, y es muy caótico Y así es por eso que normalmente empiezo animando un elemento, a ver cómo va, a ver cómo se siente, y luego continúo con la animación a partir de ahí Abramos nuestro cajón. Antes de empezar a animar, quiero asegurarme de algunas cosas para que no tenga que arreglarlo todo más adelante Lo primero que tengo que comprobar es que todas estas asas están apadrinadas al cajón Entonces, por ejemplo, este mango necesita ser apadentado a esto, este manejador a esto, y puedes mirar el número de las capas Entonces esto es cinco, y luego aquí ocho. Bien, ahora echemos un vistazo a estos elementos por aquí en la parte superior. Al igual que estos dos, necesitan ser criados, y veo que uno de ellos no está parentado en absoluto a la nada, apadrinado a Entonces esta es nuestra sombra, entonces esta capa de aquí. Um, y el frente tiene que volver a ser criado a la parte de atrás. Bien, esto es importante. ¿Por qué? Porque queremos tener esto como una especie de archivo maestro. El motivo de ello es porque vamos a estar haciendo algunos ajustes a la escala de la misma y también a la posición de la misma. Y así queremos asegurarnos de que todo esté apadrinado correctamente para que no veamos ningún error más adelante en la animación Y la otra cosa final de la que queremos asegurarnos es que todas estas capas lanzadoras, así que esto, esto y esto, estas tres están parentales al frente Y la razón de ello es porque queremos estos se muevan con la capa frontal, claro. Al final de la misma, solo pasa por tus capas y asegúrate de que todas y cada una de las capas estén parentales a algo, excepción de la capa posterior, que va a estar vacía porque esa será nuestra capa principal que vamos a estar manipulando y animando Lo que vamos a hacer cuando estemos iniciando una animación sería crear nuestros gobernantes. El motivo de ello es porque nos gustaría que esta pajita se anime desde el fondo de la pantalla, suba en el aire, sostenga un poco, retroceda y rote un poquito Vas a ver en un segundo. Pero para que sepamos cuál es la parte inferior y cuál es la parte superior, necesitamos tener esta guía una cosa que me gustaría hacer antes comenzar con el resto de las animaciones es crear un nuevo objeto. Nuevo objeto se crea haciendo clic Control O y Mayús Y al mismo tiempo, y puedes ver ahora cinco apareciendo aquí. Haga clic en Entrar y nombre este principal. A continuación, padre de su capa posterior a esta capa. Y este será nuestro principal punto de contacto a la hora de mover esta forma. Entonces la forma en que me gusta animar y la forma en que te recomendaría animar es comenzar con el movimiento básico primero de los objetos principales y luego agregar los detalles En nuestro caso, eso será animar el frente y animar la Así que permítanme aislar estas capas y aislar también el principal no. Haga clic en P en su teclado y agregue un fotograma clave en el primer segundo Asegúrate de hacer clic en F nueve para que puedas fácil es. Encuadre, acerque su línea de tiempo y mueva este fotograma clave a aproximadamente el fotograma 20, algo alrededor Después en tu primer fotograma, así que mueve tu puntero aquí al primer fotograma y muévalo aquí abajo. Ve al sexto cuadro y mueve tu cajón a algún lugar por aquí. La animación que imaginé para esto es de abajo, subimos, aguantamos un poco, para un efecto más caricaturesco, Me gustaría que esto se mantuviera estático durante aproximadamente seis fotogramas. Así que ve al fotograma 12 y copia y pega este fotograma clave por aquí Y el siguiente fotograma clave debería estar en el empate. Encuadre como ya discutimos. Haga clic en la posición para que pueda seleccionar todos los fotogramas clave y hacer clic en este pequeño icono de aquí que en realidad es el editor de gráficos Entonces lo que vamos a hacer aquí será cambiar la velocidad de estos fotogramas clave para pulir la animación y hacer que se vea exactamente como la queremos En nuestro caso, entonces lo que veo aquí es en realidad el gráfico del valor, me gustaría cambiarlo por el gráfico de velocidad. Hay gente acostumbrada a usar la gráfica de valores, pero yo personalmente, prefiero usar la gráfica de velocidad. Es algo así como lo mismo, diferentes puntos de vista, y para mí, es mucho más fácil usar esa. Aquellos de ustedes que ya saben lo es el editor de grafos, pueden saltarse esta parte. Entonces, ¿qué es el editor de grafos? El editor de grafos, como dije, controla la velocidad de tus fotogramas clave Hagamos un par de extremos para que pueda mostrártelo. Voy a agarrar esto como el hombro de este fotograma clave aquí, y voy a ajustarlo para que sea algo así Entonces esta es una forma en la que podemos hacerlo, donde la acción más rápida es al inicio. Entonces es como, boom, y luego nos detenemos. Así que esta es en realidad la idea que vamos a por. Pero déjame mostrarte las otras opciones para que veas lo que hace el editor de grafos. Entonces sí, entonces ¿ ves esta opción aquí? Entonces lo que esto hace es que va tan, tan rápido, lento. Y el rápido está hacia el final del fotograma clave. Esta es una explicación súper, súper simple. Hay muchas más cosas y más detalles relacionados con este editor gráfico, pero esto es parte de otra lección. Entonces, por ahora, creo que esto es suficiente para las necesidades de éste. En nuestro caso, como mencioné, necesitábamos estar en el inicio. Entonces es una especie de patada inicial. Con esto y luego ir despacio así que así. Solo asegúrate, por cierto, de que no muevas estos porque eso en realidad está cambiando tu posición, y no queremos eso. Así que queremos mantener los mismos fotogramas clave que teníamos antes y tan solo ajustar esta gráfica. Así que vamos a agarrar esto, mantener turno, y moverlo a la izquierda y lo mismo aquí. Solo asegúrate de que sea la curva más extrema que podamos hacer y que se nos permita hacerlo. Entonces bien. Bien. Creo que esto es bueno por ahora. Quizá necesitemos ajustarnos más tarde, pero por ahora, hace el trabajo. Ahora, además de los fotogramas clave de posición, vamos a crear algunos fotogramas clave de rotación Entonces haga clic en R en su teclado, en un marco de tecla de rotación y haga clic F nueve en su teclado, más fácil. Entonces puedes hacer clic en U para que puedas ver todos los fotogramas clave con los que estás trabajando Y al inicio, la rotación será cero. Y luego vamos a ir al tercer fotograma clave que creamos a unos 12 fotogramas, y vamos a cambiar esto a dos A partir de ahí, nos gustaría cambiar esto a cero, y se verá así. Un par de cosas que me gustaría agregar a continuación. Lo primero que me gustaría agregar es primero asegurarme de que este fotograma clave de posición y desde el editor de grafos sea mucho, camino, mucho más rápido Entonces esto es demasiado lento. Entonces cuando esta caja se cae, no puede simplemente, ya sabes, lentamente, lentamente, caer lentamente porque no es así como funciona la gravedad. Entonces así es como lo ajusté para que fuera. Entonces no quiero que sea súper extremo así porque de lo contrario es demasiado lento al final. Así que solo asegúrate de que este fotograma clave correcto esté en el turno máximo de mantenimiento Nuevamente, lo que queremos hacer sería asegurarnos de que una vez que este cajón caiga en el suelo tiembla un poco Nos gustaría ir a aproximadamente 1 segundo. Mueve la posición hacia arriba y al mismo tiempo, la rotación a menos tres a aproximadamente 1 segundo, seis fotogramas, copia y pega el primer fotograma clave Nosotros sí tenemos pequeñas pausas en esto, así que no es como si todo sucediera todo al mismo tiempo Es como que subimos, hacemos una pausa, vamos bum, bum, bum, bum. Entonces este es una especie de templo al que vamos a buscar. Entonces aquí, me gustaría seguir algunos ajustes al editor de grafos, así que abriendo el editor aquí mismo y solo haciéndolo un poco más extremo por aquí, y debería verse algo así. Lo último que voy a hacer para estos fotogramas clave sería desviar la rotación, hacer clic en rotación, agarrar todos los fotogramas clave y moverlos. La razón por la que hacemos eso es porque no queremos que todos los fotogramas clave estén en la misma posición, mismo lugar que el otro fotograma clave Entonces posición y rotación porque eso hace que la animación se vea realmente robótica. Y si, bien. Por lo que esta es nuestra animación principal de las partes principales del sorteo. 14. Animar el cajón Parte 2: Ahora me voy a centrar en la parte delantera y trasera de este cajón. Empecemos por la parte de atrás. Esta es la capa a la que todo está criado, y así queremos asegurarnos de que cualquier cosa que hagamos, no sea súper extrema porque de lo contrario, todo se verá raro Sólo voy a agregar algunos fotogramas clave para la báscula. Entonces agregar uno al inicio es aliviarlo con F nueve, y voy a ir a este fotograma, el segundo fotograma clave principal que creamos, y solo voy a hacer esto un poco así Entonces sólo voy a copiar el mismo fotograma clave. Por cierto, lo que puedes hacer en lugar de copiar y pegar capas es simplemente hacer clic en el icono aquí y duplicar el fotograma clave anterior Ahora, pasemos al siguiente aquí. Voy a copiar y pegar el primero. Pero solo, um, apretarlo un poco para el último fotograma clave, claro, copia y pega el primero Entonces esto es lo que tenemos. Bien. Entonces, ¿ves cómo esto crea una especie más de nuevo, un efecto de caricatura y solo hace que la animación sea más viva? Bueno, sí, eso era lo que íbamos a buscar. A continuación, ajustemos esta capa frontal. De nuevo, haga clic en S para que pueda subir la escala y de manera fácil. Entonces a partir de aquí, lo que nos gustaría hacer sería extender un poco esto. Antes de cambiar la escala, asegúrate de que tu punto de anclaje esté aquí mismo. Entonces eso es centro justo en uno de aquí. Aquí, solo copia y pega el primero, y no tendremos fotogramas clave adicionales para esto Entonces solo serán estos. Entonces ahora, crea este falso árbol D donde es como si esta puerta estuviera girando a medida que va subiendo, lo cual me parece muy, muy genial. Y nuevamente, como siempre, necesitamos compensar estos. Para ello, me gustaría compensar estos con tres marcos, y para la parte posterior, en realidad, con un solo fotograma. Entonces veamos cómo se ve esto. Bien, para este, voy a hacer algunos ajustes. Hagamos este marco único, y hagamos estos tres marcos. En realidad, solo cambia estos. Bien, perfecto. Aislaremos todo para que podamos ver. Bien. Bien, creo que estamos bien. Lo siguiente que necesitaremos ajustar serían las capas stop porque se mueven como es un poco raro que no se muevan. Entonces la capa más ligera está conectada a esto. Entonces, en realidad, primero ajustemos esto. Agrega la escala, un fotograma clave fácil más fácil y ve aquí. Escalarlo un poco. Al mismo tiempo, voy a hacer lo mismo con la capa frontal. Apenas viéndolo ahora, el punto de anclaje, si tu punto de anclaje está aquí, también necesita estar aquí. Ah. Y entonces es posible que necesites ajustarlo un poco para que se ajuste. Bien, perfecto. Entonces yendo a este fotograma clave de aquí, me gustaría que esto fuera del mismo tipo de, y al mismo tiempo, esto necesita ser arreglado también. Bien. Y luego copiar pega el fotograma clave anterior, y aquí solo copia y pega los fotogramas clave desde el principio Y esto es lo que tenemos. Bien, nuestra base está lista, y ahora es el momento de seguir adelante con la animación de los cajones, como agregarle más y más detalles. Bien, entonces primero, ¿recuerdas cómo en las lecciones cuando lo estábamos diseñando, en realidad creamos un par de capas para estas Tenemos el asa. El cajón y la parte de atrás. Entonces la parte de atrás es lo que se va a ver cuando movemos esto. Y me gustaría por ahora, solo seleccionar los cajones, no los respaldos, sino los cajones. Y voy a hacer click en la posición P para sacar a colación la posición y F nueve dedos de los pies esos, y estoy en el fotograma diez de nuestra animación. Ahora, ve al marco 17. Y selecciona todos estos tres nuevamente y muévalos a la derecha así. Ahora ve al fotograma 22 y copia y pega el fotograma clave anterior así que vamos a tener una pausa para estos dos y luego ir a 1 segundo, cinco fotogramas y copiar y pegar el primer fotograma Ahora seleccione los segundos fotogramas clave. Haga clic con el botón derecho y haga clic en fotograma clave de retención total. La razón de eso es que no queremos tener ningún movimiento aquí porque eso sería un bouse Seleccione los dos primeros fotogramas clave de cada una de estas capas y abra el editor de gráficos Selecciona la parte correcta de ella y mantén pulsada tecla shift y muévalas así. Bien. Ahora, haz lo mismo, selecciona todos los puntos amarillos correctos y los izquierdos y haz algo como Bien. Tiempo para compensarlo. Nos gustaría que el segundo cajón y el tercer cajón aparecieran después del primero. Entonces va a ser uno, dos, tres. Juguémoslo desde el principio. De hecho lo hicimos al revés. Perdón por eso. Entonces vamos a esto y porque los dibujé. Bien. Ahora me gustaría seleccionar los fotogramas clave finales y moverlos un poco hacia la izquierda porque siento que esto es un poco lento. En cuanto al tiempo, me gustaría tener una pausa más grande aquí. Una última cosa que me gustaría hacer es que me gustaría que este último cajón se cerrara justo después de la animación. Entonces es como algo para terminarlo, ya sabes. Y por eso, me gustaría crear un fotograma clave central aquí donde me gustaría hacer que se mueva un poco a la derecha antes de que salga a la izquierda Bien, entonces estamos listos con la animación del cajón. Volvamos a nuestra composición principal que podamos ver cómo se ve. Y escondamos al gato por ahora porque realmente no necesitamos al gato. Bien. Y una cosa que vamos a hacer aquí sería de nuevo, compensar estas dos animaciones porque como saben, estas dos son las mismas. No obstante, este de atrás, nos gustaría aparecer más tarde porque lo contrario, simplemente es raro. Simplemente hagamos clic en el cajón y creemos una máscara como esta. Y la máscara nos dicen que este es el único lugar donde vamos a ver esta animación. Bien, perfecto. En la siguiente lección, seguimos con la animación, así que estén atentos y pronto los veré. 15. Animar la flor: Oigan, chicos, y bienvenidos a esta nueva lección donde vamos a estar animando la flor Así que vamos a meternos en ello. Hay tantas capas, y esto es por las hojas, y como siempre, vamos a empezar por asegurarnos de que todo esté apaciguado correctamente Puedo ver algunas de estas cosas no están parentales en este momento y queremos evitar tener que arreglar todo más adelante. Entonces hagámoslo primero. Primero, claro, como ustedes saben, tenemos estas pequeñas líneas que forman parte de las hojas, y están criadas a cada hoja, lo cual es genial No obstante, veo que todas estas hojas no están parentales a nada, y vamos a arreglar esto ahora Entonces solo anote donde dice ninguno y selecciona los que no pertenecen a nada. Voy a ser padre de ellos con una de las sucursales. Entonces éste. Y esto no es tan importante ahora porque todas estas ramas van a ser criadas a la rama principal, ésta, y la rama principal va a ser apadrinada a la olla, esto de aquí Entonces esta va a ser nuestra capa maestra, ¿verdad? Y esta parte de aquí, de nuevo, apadrinada a ésta, la tierra, por supuesto, necesita ser apacida a la maceta Entonces una cosa que estoy notando de inmediato es que el punto de anclaje no está donde se supone que debe estar para el suelo, así que vamos a cambiarlo así que vamos Como, de nuevo, usando el motor de punto de anclaje o simplemente Y en tu teclado y muévalo. Y lo siguiente de lo que quiero asegurarme es que el punto de anclaje de la olla. Entonces nuestra capa principal, esta está justo en el centro, el centro inferior de. Y así ahora voy a empezar de nuevo, como siempre, aislando estas tres cosas como todas estas capas de maceta y el suelo, y voy a empezar a animar la pequeña olla No obstante, vamos a hacer una animación ligeramente diferente, ya que aquí estamos animando una flor con diferentes técnicas Amplíe un poco su línea de tiempo. Haga clic en P en su teclado y agregue un marco clave de posición aquí, F nueve a Easy Easier. Ahora me gustaría acercarme un poco más. Y muévalos a unos 19 segundos, ¿verdad? Bien, genial. Para esta animación, sin embargo, vamos a hacer que esta planta venga de arriba y simplemente aterrice donde está ahora. Entonces, en el primer fotograma clave, muévalo aquí arriba. ¿Bien? Bien. Esta animación es un poco lenta y nos gustaría abrir el editor gráfico. Y si ves el gráfico de valores y no el gráfico de velocidad, como te expliqué en la lección anterior, simplemente haz clic en este icono aquí y haz clic en Editar Gráfica de Velocidad. Todo bien. Entonces ahora lo que queremos hacer es asegurarnos de que el movimiento en el centro sea más rápido. Así boom. Sí, esto es exactamente lo que queremos, y voy a explicar por qué en un segundo. Cierra el editor de gráficos, haz clic en S en tu teclado. Agregue un fotograma clave para la escala y F nueve para facilitarla. A continuación haz clic en U para que puedas ver todos los fotogramas clave que tienes y mover este fotograma clave de escala aquí mismo Así que justo debajo del fotograma clave de posición. Y para este primer fotograma clave, nos gustaría simplemente escalar un poco Entonces queremos que sea más ancho y más estrecho así, Ar. Y esto es lo que vamos a conseguir, lo cual es genial, en mi opinión. A continuación, abramos el editor gráfico y hagamos clic en el punto más izquierdo de aquí en el de la derecha, y bien bien, perfecto. No obstante, ahora no podemos dejarlo así. Simplemente no tiene sentido. Si tenemos un pulso tan extremo aquí, necesitaremos un par de fotogramas clave más para que sea estable y que se vea más realista Por eso voy a ir a 1 segundo cuatro fotogramas por aquí y copiar y pegar estos fotogramas clave No obstante, voy a agregar fotogramas clave en el medio. Entonces en el medio, que es el fotograma número 26, vamos a envolver esto y hacer que suba un poco y volver aquí al segundo fotograma clave y hacer que lo aplaste un Aplícalo así, lo que me queda genial. Pero hagamos esto un poco más extremo. Voy a mover estos dos fotogramas clave hacia la derecha para ajustar un poco el tiempo Creo que me gusta más. Entonces, para resumir el primer fotograma clave, los segundos fotogramas clave están en el fotograma 19 28 y 1 segundo 13 fotogramas, lo que creo que queda bien A continuación, vamos a estar animando la rama. 16. Animar la flor: Parte 2: A continuación vamos a animar las ramas, y las vamos a animar usando un efecto que muy a menudo uso en animación. Se llama almohadillas de recorte. La forma en que se ve esta animación es como si estuvieras dibujando en la pantalla. Es como que la línea se dibuja a sí misma, lo cual es bastante genial para los objetos, nuevo, que solo tienen trazo y sin relleno. Así que vamos a aislar nuestra sucursal principal. Así rama. Este es el indicado. Y vamos a abrirla, abrir contenidos. Y ves aquí esta pequeña opción que dice agregar, simplemente haz clic en ella, y luego selecciona Trim Paths. Bien. Así que recortar trazados, la opción de recortar trazados se agrega a su contenido, y desde aquí, puede agregar un fotograma clave para el final Haga clic en F nine a Easy Easier y tráelo, creo, en algún lugar por aquí alrededor de nuestra posición final de fotograma clave, esta, el segundo fotograma clave debería ser 100 y deberíamos comenzar con cero Entonces esto es lo que tenemos. Bien. Esto es genial. Una cosa que estoy notando aquí y una cosa que me gustaría arreglar es estas como bordes aquí Nuevamente, como la última vez, solo nos aseguramos de que lo abras, abras el trazo y luego cambies a copa redonda y junta redonda. Así que eso va a crear una especie de bordes redondeados, que me parece mejor. Y ahora, lo que vamos a hacer será copiar estos fotogramas clave, así los fotogramas clave del panel de recorte y desaislar la rama Y veamos cómo funciona ahora este timing. Bien. Creo que los voy a cambiar un poco, solo muévalos a la izquierda. Porque quiero estas ramas y déjame aislar la maceta, el suelo y la rama principal. Bien, genial. Sí. Creo que este es el momento al que voy. Me gustaría que esto comenzara a animarse cuanto la olla llegue al suelo Entonces creo que esto es creo que esto es perfecto. Y dicho eso, voy a seleccionar todas estas otras capas verdes y simplemente dar clic en Control V para pegar el efecto de pads de recorte que copié previamente. Haga clic. Se les puede ver O, y ahora es el momento de cronometrarlos. Entonces, como puedes ver ahora, está un poco por todas partes. Todos ellos aparecen al mismo tiempo, y tendremos que compensarlos uno por uno. Entonces voy a agarrar a este hombrecito de aquí. Y una cosa que estoy notando es que anima al revés Hay dos formas en las que puedes arreglar esto. La primera forma es animar el inicio y no el final desde el efecto de las almohadillas de ajuste, que probablemente llevará más tiempo Entonces en este caso, voy a hacer un truco muy sencillo. Voy a abrir formas, la almohadilla, y solo voy a cambiar la dirección de esta almohadilla. Entonces es como si estuviera comenzando al revés. Entonces ahora que he cambiado esto, voy a cronometrarlo con la rama principal porque me gustaría que esto empezara a aparecer cuando se dibuje esta parte porque de lo contrario, se ve raro. Y así voy a hacer lo mismo con el resto de ellos. Y siempre que tenga, sucursales como esta, voy a cambiar su dirección con este botón. Entonces déjame acelerar esta parte y te veré en un saco. Bien, así es como se ve mi animación hasta ahora. Creo que es bastante bueno. Vamos a empezar animando solo una hoja, y luego vamos a copiar y pegar la animación para el resto de ellas y compensar todo Entonces, por ahora, comencemos a animar esta hoja. Voy a hacer clic en B en mi teclado para que esto sea para poder cambiar la posición de inicio de mi línea de tiempo. Estaremos animando la escala y la rotación. Entonces estoy agregando un fotograma clave inicial aquí para la escala, y voy a ser fácil fácil En este momento estoy alrededor de 1 segundo, 15 fotogramas. Me gustaría cambiar agregar diría que aún no estoy seguro, tal vez de 15 a 20 fotogramas, pero vamos a ver cómo se ve, y vamos a decidir el momento. Para el primer fotograma, esto va a ser cero. Sí. Y si, esto ahora mismo se ve raro. Entonces vamos a abrir el editor de grafos y asegurarnos de que esté, um, ajustado a algo como esto donde la parte más rápida está en el centro, y ahora vamos a sumar la rotación. Así que haga clic en R en su teclado, agregue rotación, fotograma clave F nueve, N. Y entonces nos gustaría esto, como esta primera rotación a este fotograma clave que agregamos, queremos moverlo Y luego al inicio, juguemos con él. Veamos como eso Bien, creo que esto es bueno, pero para que sea más realista, necesitaremos agregar un par de fotogramas entre estas tomas. Si este es nuestro primer pulso extremo, ese será nuestro segundo, pero no me parece muy extremo. Así que voy a rotarlo un poco más, y luego estoy alrededor de 2 segundos. Vamos a mover este segundo diez fotogramas y moverlo hacia el otro lado. Así, entonces yo diría, 2 segundos 25 fotogramas, copia y pega el primer fotograma clave, pero hazlo un poquito más girado para el último copia y pega el segundo fotograma clave Ahora, todos estos, los voy a seleccionar y F nueve para facilitarlos fácilmente. Si tienes el fotograma clave Wigman, que es un plug in gratis, te recomendaré que lo uses, y solo voy a suavizar estos al 30% De esa manera, creo que voy a tener un movimiento más suave. Y creo que esto se ve bien. Sin embargo, lo que voy a hacer sería simplemente seleccionar todos los fotogramas clave de rotación y desplazarlos como siempre. Esto crea un flujo muy agradable del video. Hay una posición que es súper extrema para mí, al menos, y sólo voy a suavizarla un poco. Yo sólo pienso que va muy arriba y no se ve muy natural. Y lo mismo para éste, sólo un poquito menos de movimiento, sí, algo así. Uh, ahora mismo, el siguiente paso que me gustaría hacer es copiar y pegar esta animación en cada otra hoja. Para hacerlo, me gustaría solo primero ocultar todas estas pequeñas líneas que forman parte de las hojas porque honestamente me son confusas. Entonces déjame seleccionarlos. Lo que hay que hacer sería hacer clic en este icono y van a desaparecer. Algunas de estas hojas, tienen una escala diferente como diferentes opciones de escala. Por ejemplo, este al final es 77, pero este es -77 Entonces, la mejor manera de abordarlo sería seleccionar todos estos, hacer clic en S en sus fotogramas clave. En lugar de copiar y pegar éste, selecciónalos todos, ve al primer fotograma y solo ingresa cero De esa manera, todos ellos se animarán y no habrá volteretas ni, como, movimientos extraños Nuevamente, abre el editor de grafos y solo selecciona todos estos fotogramas clave la izquierda y todos estos fotogramas clave a la derecha, y debería verse algo así Perfecto. Ahora, vamos a copiar rotación porque la rotación será la misma prácticamente en todas partes, excepción de que las hojas están orientadas hacia la otra dirección. Entonces necesitamos copiar esto, esto, esto y esto, no copiar. Lo siento, me refería a seleccionar y luego solo pegar. El problema es que la rotación obviamente no es la misma en todas partes, y eso hay que ajustar. Así que ve a tu fotograma final por aquí y solo selecciónalos hoja por hoja. Haga clic en rotación y solo seleccione todos los fotogramas clave relacionados con su rotación y simplemente gire su hoja donde quiera que esté Lo que esto hace es que cambia todos los fotogramas clave anteriores para que se correspondan con tu posición final que acabas de seleccionar. Y no necesitas regresar y arreglar todos los demás fotogramas clave para poder arreglar tu animación Solo tienes que seleccionarlos O y seleccionar un tipo de nueva posición clave para la rotación y ajustarla según sea necesario. Voy a hacer lo mismo con las otras capas, y te voy a ver en un segundo. Ahora, por supuesto, tenemos que compensarlos. Sólo voy a hacerlo al azar. Ahora mismo, solo estoy moviendo esto en la línea de tiempo. Ahora es el momento de arreglar la parte izquierda y las hojas izquierdas, y vamos a hacer eso antes que nada, solo comprobando dónde estaba nuestra rotación para esta primera hoja. Aquí vamos. Sólo vamos a copiar lo mismo, pero claro, con las otras hojas. Así que vamos a seleccionar esta. Esto está en el extremo izquierdo. Vamos a hacer clic en R en nuestro teclado y en un marco de tecla de rotación por aquí. Entonces este mismo fotograma clave se va a mover aquí haga clic, para que pueda verlos todos y ahora comencemos a rotar A mí me gustaría que éste comenzara desde aquí. Ve ahí, como un poquito arriba. Entonces aquí, sólo vamos a estar un poco mirando en la otra dirección. Entonces en este segundo, haz que suba, y el fotograma final es el mismo que el segundo fotograma clave Bien, creo que esto está bien. Nuevamente, si tienes el wigen de fotograma clave solo puedes seleccionar todos los fotogramas clave y hacerlos Ahora, hagamos lo mismo copiando todos los fotogramas clave de rotación y enfrentándolos a las otras hojas Y igual que en nuestras hojas del lado izquierdo, vamos a necesitar ajustarlas. Voy a hacer eso ahora otra vez seleccionando rotación y solo arreglándola, y voy a verte en un segundo. Oh Bien, ahora que estoy listo con la rotación, vamos a compensarlos. Nuevamente, voy a hacer esto al azar. Ahora voy a seleccionar todas las capas verdes. Entonces estas son nuestras hojas, y sólo voy a moverlas aquí. Entonces quiero que estas hojas empiecen a aparecer con las ramas para que podamos crear un buen momento de todo esto. Y voy a tocar nuestra animación desde el principio para ver lo que hemos hecho hasta ahora. Genial. Bien, increíble. Muchas gracias por ver esta lección, y te voy a ver en la siguiente donde vamos a estar animando la lámpara. Entonces nos vemos en unos pocos. 17. Animar la lámpara: Hola, chicos, y bienvenidos a esta nueva lección. Hoy, vamos a estar animando la lámpara partir de nuestra ilustración que previamente creamos en After Effects Y esta es la animación hasta el momento. Todavía trabajando en el timing que se fijará al final cuando tengamos todos estos elementos animados por separado. Así que vamos a meternos en ello. Bien, entonces este es el diseño de nuestra lámpara. Para éste, voy por algo como esto, dónde, y por cierto, sí, está un poco pixelado, pero ¿entiendes a lo que me refiero? Voy por algo como esto donde tenemos todos estos elementos tipo de construidos unos sobre otros y se animan uno tras otro usando efectos muy simples en After Effects. Así que comencemos. Lo primero que me gustaría animar, por supuesto, es esta base Así que solo voy a aislar el espacio, hacer clic en S y simplemente animar la escala Acercar un poco mi línea y movamos este fotograma clave a aproximadamente 1 segundo, tal vez también así, pero vamos a ver A continuación, voy a dar click sobre este pequeño icono aquí. Esto constriñe mis proporciones. No quiero restringir mis proporciones. Ahora quiero que empiece en cero, eso lo haría como una especie de revelar de esta manera. Y veamos qué tenemos. Sí, como sospechaba, esto es demasiado lento. Así que vamos a moverlo a unos 15 fotogramas. Así es como se ve ahora. Creo que es lindo, pero vamos a arreglarlo un poco con el editor de grafos. Y entonces, sí, seleccionando esto. Y en realidad, voy a mover esto, más hacia el fotograma clave correcto Sí, algo así. No exactamente en el medio es lo que voy a buscar. Vamos a aislarlo, y vamos a continuar con la animación de esta línea por aquí. De nuevo, haz clic en S, para que puedas verlo. Oh, déjame cerrar el editor gráfico. Y en realidad voy a colocar este fotograma clave por aquí y voy a compensarlo más tarde. Todo bien. Entonces al inicio, de nuevo, click en este segundo, así deshabilitas las proporciones restringidas. Y esta vez, um, hacer que la segunda cantidad sea cero. Para éste, voy a moverlo a aproximadamente 1 segundo. Y déjenme otra vez, ajustar la gráfica por sólo recordar seleccionar todos los puntos de la izquierda. Lo mismo para este, va a estar más hacia el fotograma clave correcto, no exactamente en el medio. Bien, perfecto. Aquí hay un elemento más que necesita ser animado y es éste. Voy a mover el punto de anclaje para que esté aquí en la parte inferior, y en realidad voy a para este, solo copia el fotograma clave de la línea y pegarlo, cerrar el editor de grafos por un segundo, y hacer esto más rápido. Vamos a ajustar el tiempo en un segundo. Sí. Así es como se ve ahora. hacer un adelanto. Bien, perfecto. Solo deja que esta línea retrase un poco su animación. Sí, esto es genial. Bien. Y ahora, me gustaría animar esta parte blanca Y desde el tutorial, si recuerdas, tenemos, como todos estos detalles de la lámpara y que parintamos a la capa blanca Vamos a ocultarlos por ahora y dar clic en este icono porque solo hay un montón de capas que me abruman, para ser honesto Entonces para éste, voy a cambiar el punto de anclaje para estar aquí en la cima. Y voy a agregar un fotograma clave para posición, escala y rotación Haga clic para que pueda verlas todas. Veo que hay un fotograma clave agregado para el punto de anclaje. Simplemente haga clic en esto porque no tenemos no necesitamos un fotograma clave para el punto de anclaje Entonces como estos tres y F nueve para facilitarlos fácilmente. Y vamos a moverlas a aproximadamente la marca de dos segundos, y vamos a ver si necesitamos ajustarnos más tarde. Y entonces esta, me gustaría comenzar realmente en 0%, así que me gustaría que se animara Y lo voy a mover aquí en la parte superior. Entonces sí, entonces vendrá de arriba. Bien. Bien, genial. Esto es bueno, pero ahora necesitamos agregarle algo de rotación. Al inicio, sólo voy a hacerlo como el 36%. Bien, genial. Y ahora agreguemos algunos entre fotogramas clave para que se vea mejor. Si esta posición es 36, hagamos esta menos ocho. Bien. Entonces yo diría 2 segundos, 20 fotogramas, que sean tres. Entonces más tres. Y luego un par de fotogramas después de eso, hazlo menos uno, y un par de fotogramas después de eso, solo hazlo cero. Entonces veamos el momento. Bien, un poco demasiado lento. Selecciona todos estos tres, muévalos a la izquierda. Bien. Bien, no tan mal. Aunque esto podría ser más rápido. A ver. Bien, genial. Ahora, vamos a desviar solamente la rotación. Y trabajemos en el momento. Me gustaría que toda esta animación comenzara en algún lugar por aquí. Entonces todas estas cosas deberían pasar al mismo tiempo para que podamos tener alguna buena moción. Todo bien. Simplemente cambia el punto de anclaje para estar aquí en la parte superior. Y un truco rápido que puedes hacer sería hacer clic en el corchete izquierdo para que puedas mover un poco esta capa, clic en S en tu teclado, facilitar esto, y moverlo hacia la derecha, solo un par de fotogramas después de eso y hacer justo de nuevo, clic en esta capa y cambiar el segundo la segunda cifra a cero. Bien, genial. Juguemos nuestra animación. Bien, eso es increíble. Volviendo a nuestra composición principal, esta lámpara en realidad se animaría con el gabinete. ¿Dónde está mi lámpara? O, aquí vamos. Una vez que eso esté terminado, comenzará aquí. Entonces veamos qué tenemos hasta ahora. El momento de la flor, por cierto, probablemente necesitará ser ajustado, pero estoy bastante seguro con nuestra animación de lámpara. Esa fue probablemente la animación más fácil. Y en la siguiente lección, vamos a estar animando el sofá Estoy muy emocionada por ello. Muchas gracias. Y te voy a ver en un. 18. Animar al coach y finalizar: Oigan, chicos, y bienvenidos a la nueva lección. Hoy, vamos a estar animando el sofá. Así que vamos a meternos en ello. Por ahora, vamos a mantener la animación sencilla y divertida. Por lo que el sofá estará deslizándose desde el lado derecho de la pantalla y luego parando en el centro. No obstante, en animación, cuando se quiere detener un movimiento, Um, para hacerlo más caricaturesco y natural en el lenguaje de la animación, es mejor tener una acción de seguimiento Esta es la animación que creé anteriormente antes de comenzar las lecciones en este curso. Así que vamos a recrear esto ahora en nuestro archivo. Voy a crear un maestro sin objeto, que será como el nodo que va a estar controlando todo el asunto. Y luego vamos a crear objetos nulos individuales para los diferentes elementos. Así que puedes hacerlo haciendo clic en Capa, Nuevo, y luego Nuevo Objeto o Control Mayús O e Y en tu teclado. Y crea este nuevo objeto que usaremos como padre. Entonces es un objeto que controlará múltiples capas. Ese es el propósito del Nu. Vamos a hacer clic en Entrar y pongamos un nombre a este principal. Y a partir de aquí, voy a ver cuál de estos elementos no tiene un Nu. Esto es, por ejemplo, un círculo. Y este círculo, como puedes ver aquí, está apadrinado a la almohada Entonces ésta, la base. Y si esto está apadrinado a éste y éste está apaciguado para permanecer nu, entonces todo está parentado a De esa manera, es muy fácil de manipular y agregar un fotograma clave en lugar de múltiples fotogramas clave en cada cosa Antes de que seas padre de cualquier cosa al nu, asegúrate de que está justo aquí. Entonces lo queremos en la parte inferior y en el centro del objeto. Vamos a estar creando la acción principal. Agregué un marco clave de posición. Voy a darle click a F nueve a Esser, y vamos a traer esto alrededor de un segundo y medio, así que algo por aquí Entonces vamos al inicio y solo arrastremos esto aquí. Voy a ir a mi composición principal. Puedo acceder rápidamente a él desde aquí. Y luego si hacemos clic en el icono del sol, muestra todo, aunque no esté dentro del lienzo de la pre composición. Ahora veo que esto es un poco lento para mí. Voy a mover este segundo fotograma clave para que esté en la marca de 1 segundo. Aquí vamos. Bien. Y ahora permítanme abrir rápidamente el editor de grafos. Quiero asegurarme de editar el gráfico de velocidad, no el gráfico de valores. Y voy a hacer click en esto, y voy a traerlo aquí abajo. Déjame agarrar el segundo punto a y simplemente hacer una muy especie de gráfica puntiaguda del editor de grafos Ahora, vamos a agregarle algo de rotación. Voy a hacer clic en R archy frame para la rotación, haga clic en U y luego F nueve a EZ Es. Entonces me gustaría que comenzara en algún lugar por aquí. Y quiero que esto solo sea una rotación muy, muy pequeña. Digamos, dos, y luego aquí, quiero que sea menos uno, y en la vuelta 1 segundo, 18 fotogramas, solo hazlo cero. Habrá otra animación de otro elemento, pero creo que agregar un poco de rotación de todo el sofá lo hace agradable. Bien, entonces ahora que ya estamos listos con la animación principal del sofá, animemos esta parte, como, algo así como la parte trasera del sofá Entonces lo que estoy haciendo es seleccionar todos los elementos relacionados con este elemento. Entonces la parte de atrás. Y así si hago clic en este icono aquí, puedo ver que esto es exactamente lo que quiero. Dicho esto, lo que voy a hacer sería hacer clic derecho, hacer clic en precomponer, y solo voy a nombrar esto de nuevo. Bien, bien. Entonces lo que acaba de pasar es que porque esta precomposición fue apacionada al nu principal, y ahora la precomponemos Yo, como puedes ver, no me muevo porque no está apadrinado al nu Así que ve al inicio de la secuencia y solo lo padre de nuevo al nu principal, y deberíamos estar bien. La otra cosa que estoy notando es que aquí no es donde se supone que debe estar Entonces solo asegúrate de que sea sí, está por encima de la almohada de la espalda. Así que por encima de estas capas. Bien, entonces ahora voy a hacer click sobre esto de nuevo en esta nueva precomposición que creamos, y voy a hacer click en Y en mi teclado para que pueda traer el punto de anclaje El punto de anclaje necesita ser movido a algún lugar por aquí. ¿Bien? Y voy a estar animando la rotación Entonces déjame ir a donde está este fotograma clave. Entonces se trata de 17 cuadros. Voy a dar click en R, y me gustaría que esto fuera cinco. Entonces en la marca de 1 segundo donde está este marco k, voy a hacer que sea menos dos. Y luego aquí, sólo voy a hacer que sea cero. Quizá necesitemos otros dos fotogramas clave, pero veamos. Voy a ir al inicio a previsualizarlo. Bien. Bueno, sí, creo que sí necesitamos hacer algunos ajustes. Entonces, en vez de menos dos, hagamos eso menos seis. Y luego aquí, hagámoslo tres. Y alrededor de dos segundos cuatro fotogramas, hagámoslo a cero. Bien, veamos cómo se ve eso. Bien, entonces ahora se ve bastante robótico. Y lo que queremos hacer sería ajustar la velocidad de estos fotogramas clave para que podamos hacerlo más fresco. Una cosa que voy a hacer sería agarrar este primer punto y mantener el turno y moverlo así. Y luego éste, también. Y quiero asegurarme, bien, esto es un poco demasiado extremo, tal vez no tanto, sino algo así. Entonces desde aquí, voy a agarrar este punto, mantener turno, y llevarlo a la izquierda. Bien, y lo mismo con esto. Entonces, lo que queremos hacer es asegurarnos de que sea una moción que sea realista y que sea caricaturesca No es solo robótico. Bien, entonces tenemos que hacer algunos ajustes en el momento. Yo agarraría este y lo traería más a la izquierda. Y luego voy a agarrar este y moverlo a la derecha. Entonces se ve algo así. Además, esta es una pausa demasiado grande para mí, así que solo voy a, sí, ajustarla así. Y lo último que quiero hacer sería mantener el control y hacer clic dos veces en este cuadro de esquí. Entonces eso lo convertiría en un marco clave continuo, y parecería como si fuera solo un movimiento en lugar de separarlo con el cuadro de esquí EZ E. Entonces sí. Entonces esto es lo que tenemos. Edición final. Voy a mover un poco este primer fotograma clave y a lo mejor este un poco. Siéntete libre de jugar con el cronometraje, como mejor te parezca. Es una de estas cosas que solo tienes que probarla para ver qué se ve mejor para ti. Bien, una última cosa que vamos a aplicar a esta bolsa es el efecto doblador CC Lo puedes encontrar en el panel de efectos. Solo busca CC bender. Y aplícalo a tu sofá. Cuando hagas eso, notarás que hay dos pequeños círculos. Uno está por aquí y el otro está por aquí. Así que asegúrate de traerlo muy arriba para que no corte tu precomposición, como puedes ver aquí Así que solo muévelo así. Y entonces nos gustaría animar la curva. Haga clic para que pueda ver estos fotogramas clave. Y claro, este primero que cero debería estar donde está el primer fotograma clave Entonces donde viene el segundo, solo asegúrate de doblarlo algo así o lo que sea que te parezca menos -17 Y luego aquí, el tercer fotograma clave, voy a hacer 13, y luego en el último fotograma clave, voy a hacer que sea Entonces se ve algo así. Ahora, el momento, por supuesto, tendrá que cambiarse. Por ahora, solo voy a seleccionar todos los fotogramas clave de plegado y moverlos hacia la derecha, así que crea algún movimiento agradable Siento que este tiene que ser más rápido. Y este a. Entonces déjame agarrar estos dos marcos clave y moverlos. Sí, creo que esto es bueno. Una cosa que está pasando aquí es por el doblador CC, se puede ver que esta parte está siendo cortada. Entonces para arreglar esto, agregue un fotograma clave para el inicio y el final, haga clic y simplemente mueva esto aquí Y luego al inicio, mueve este punto aquí y este punto aquí. Vamos a abrir la composición principal para que podamos ver lo que acabamos ahí. Bien, creo que esto es bueno. Tal vez necesitemos ajustar el tiempo, pero podemos hacerlo más tarde. Entonces ahora vamos a animar un poco las almohadas. Las almohadas son muy esenciales porque crean un movimiento extra, y siempre es bueno animar un par de elementos dentro del mismo elemento, por lo que se ve más natural y divertido Lo que voy a hacer, en realidad, sería quitar la paternidad. Así que de esa manera, no necesito volver a preocuparme por la precomposición fuera de lienzo. Entonces haga clic derecho, precomponga, y voy a nombrar esta almohada de nuevo. Bien. Asegúrate de que se haga clic en el sol y asegúrate de que esto esté aparentado con el no principal Entonces vamos a seleccionar las otras almohadas. Y nuevamente, solo quita la paternidad por ahora, precomponga y nombra este frente de almohada Asegúrate de que se haga clic en el sol y se aparenta al no principal. Ahora, voy a hacer clic en Y y cambiar el punto de anclaje una vez más para estar en la parte inferior y en el centro. Y luego lo mismo aquí, déjame solo aislarlo. Esto será en algún lugar por aquí. Bien. Ahora veamos el momento y veamos dónde encajará esto. Creo que en algún lugar por aquí sería un buen lugar para comenzar estas animaciones. Déjame seleccionar ambas almohadas, P en el teclado. Yo también voy a animar la rotación. Entonces R. Ahora, unos pocos fotogramas después de los míos en mi composición son 22 fotogramas a unos 28 fotogramas, selecciona estos, hazlos ir. Arriba, rote este -11 y luego -11 está bien para esto, también Solo asegúrate de que esto vaya un poco más alto para que no vuelva a ser robótico. Vi algo aquí. Es por el efecto doblada otra vez. Sólo voy a agregar otro fotograma clave para arreglarlo. Bien, estas almohadas suben, y luego queremos hacerlas rebotar un poco. Así que permítanme copiar la primera pasta de fotogramas clave. Lo mismo aquí, cópielo y pegarlo. Y luego haz que esto suba un poco, solo un par de fotogramas, solo un par de puntos arriba y copia y pega de nuevo el primer fotograma clave inicial Entonces bien. Así es como se ve. Una cosa que me gustaría ajustar es el primer fotograma clave Hagamos esto, comencemos bien, empecemos a subir antes. Entonces 15 cuadros. Perfecto. Bom, bom, bom Bien. Entonces dos cosas ahora, me gustaría compensar la rotación, todos los fotogramas clave relacionados con la rotación. ¿ Ves la diferencia? Es menos robótico, seguro. Simplemente lo hace más divertido. Lo mismo aquí, la rotación será compensada por dos marcos. Entonces es como boom boom boom. Bien. Y ahora la almohada frontal en realidad será un poco más rápida que la primera. Por lo que toda la pre composición será compensada. Sí. Así se ve ahora. Perfecto. Pasemos a la composición principal. Para ver nuestra nueva animación. Bien, genial. Muchas gracias por ver, y te voy a ver muy pronto. 19. Animación del gato: Hola, chicos, y bienvenidos a la nueva lección. La última vez, decidí hacer algo interesante que no planeé en este curso inicial. Y esto es para agregar un pequeño kit lindo en la composición que me imaginé hará que todo sea más lindo y más atractivo y más divertido. Volviendo a nuestra composición original, pretendo añadir aquí el ket. Una vez más, dudé si agregarlo aquí. O aquí. Pero siento que siento que este cajón está un poco vacío de todos modos. Entonces me siento como tal vez mejor si está aquí, pero depende de ti. Si quieres agregarlo al sofá, necesitas paparlo a la parte trasera del sofá en esta precomposición Entonces básicamente sigue la misma lógica que estoy a punto de decirte aquí en esta lección, hazlo en otra precom Si recuerdas, sí creamos dos precomposiciones porque tenemos dos cajones, este y este Y estos son duplicados. Si cambio algo en este, como, por ejemplo, si agrego el gato aquí, aparecerá también en la segunda, porque estas son básicamente la misma pre composición en la misma animación por dentro. Lo que queremos hacer sería duplicarlo. Entonces es la misma animación que no necesitamos dibujar y volver a crear todo, pero es una pre composición separada. Entonces, si cambiamos algo en él, no cambiará en el otro. Permítame hacer clic derecho aquí en un cajón, haga clic en Revelar y luego revelar la fuente de la capa y el proyecto. La podemos encontrar aquí. Ahora, haga clic en Control D y podrá ver que crea otra precomposición llamada cajón dos Simplemente arrástralo y suéltalo aquí. Entonces asegúrate de que se haga clic en el sol. Y luego desde aquí, abre el cajón original, selecciona la máscara y transforma y controla C, luego controla para copiar pegar la posición por defecto y las máscaras. Y ahora puedes sentirte libre de eliminar este porque ya no lo necesitamos. Así que sólo voy a copiar la precomp de la Kat. Voy a ir al inicio de esto, y voy a pegarlo. Ahora este gato tiene que estar aquí, y voy a escalarlo. Déjame acercarme. Creo que esto está bien. Ahora, me gustaría paren esto a la principal No, eso fue creado. Vamos a crear algún movimiento agradable. Voy a hacer click en P, y solo voy a mover a todo el gato, básicamente. Entonces ese es el marco seis. La posición por defecto será al inicio. Cuando este cajón esté arriba, me gustaría que el gato saltara, también. Ahora, déjame hacer clic en U para que pueda ver dónde están estos. Copiemos y peguemos el primer fotograma clave alrededor de 15 fotogramas Bien. En realidad, me gustaría hacer algunos ajustes. Este, el segundo fotograma clave, vamos a moverlo a 11 fotogramas Y éste, vamos a moverlo a alrededor de 24 fotogramas. Entonces ahora, debería verse algo así. Preferiría que mi kit suba un poco más solo para que cree un buen contraste. Y ahora vamos a mover éste, el último fotograma clave, unos cuantos fotogramas. Entonces eso será en 22 fotogramas en lugar de 24 fotogramas. Entonces ahora vamos a abrir la precomposición de este pequeño kit, y hagamos un buen movimiento a él Ya hice algo de crianza de los hijos aquí. Sólo hay algunas cosas que veo que no están parentales, así que déjenme hacerlo rápidamente Bien, ahora todo está parentado. Hubiera sido mejor si aquí trabajara en pre composición, pero estaba tratando de diseñarlo para poder ver si encaja. Entonces no hay precomps. Déjame regresar rápidamente a aquí y hacer mi puntero en el segundo fotograma clave así por aquí Voy a acercar mi línea de tiempo y añadir un pequeño marcador. Entonces eso me diría que esta es la posición donde está arriba el gato. Y lo mismo aquí, voy a añadir otro marcador aquí. Aquí es donde se presta. Entonces la cabeza, lo que quería hacer es girarla un poco, unos fotogramas después de este primer marcador. Agreguemos un poco de rotación. Y en realidad, otra cosa que solo estoy notando es que esta forma de aquí, quiero que esté detrás de la cabeza Bien. Y luego voy a repetir el mismo fotograma clave solo unos fotogramas antes del segundo marcador, y unos fotogramas después voy a copiar y pegar el primero Entonces es un movimiento muy mínimo. En realidad no es tanto una animación de personajes. Se trata más de hacerlo más natural, supongo. Y la otra cosa que quiero hacer es algo muy lindo, eso va a ser con estos pequeños bigotes Estoy bastante seguro de que no estoy pronunciando bien esta palabra, pero de todos modos, agreguemos aquí una rotación Entonces cuando sube porque está arriba, quiero que todos ellos me dejen seleccionar el árbol. Todos están apadrinados de la a esta. Entonces así, así, así y así. Parece un poco poco realista, pero es simplemente muy divertido Es tan raro. Rara diversión. Bien. Así mismo aquí. Voy a seleccionar estos y algunos fotogramas después de este tiempo, quiero hacerlos un poco lentos para aterrizar porque voy a crear un movimiento agradable y agradable, en realidad, aún más lento Bien. En realidad, aún más lento. Va a ser muy lento aterrizar porque creo que eso va a crear un movimiento muy bonito. Y ahora voy a compensarlos a todos. Entonces se ve más raro y más divertido. Voy a volver a mi composición principal. Bien, algunas cosas más para el gato que vamos a hacer. Primero es hacerla parpadear. No sé si por qué es ella. Podría ser él. No lo sé. Una cosa a tener en cuenta para este movimiento ocular es que quiero tener como la pupila está aquí Tengo la máscara. La máscara se aparenta al ojo Entonces esto, sin embargo, no quiero que el alumno esté enmascarado en Entonces voy a simplemente cambiar la pupila para que en su lugar sea apadrinada a la cabeza De esa manera, me gustaría agregar una escala al ojo y dos fotogramas después de que lo voy a aplastar así, esperar dos fotogramas, y luego dos fotogramas nuevamente y copiar el primer fotograma clave Bien. ¿Sabes qué? De hecho, tendrá más sentido si sus ojos están cerrados cuando está arriba. Entonces voy a hacer que parpadee un fotograma antes del marcador Y luego estos fotogramas clave, sólo voy a moverlos aquí mismo y extenderlos un poco Bien. Déjame ahora copiar. Simplemente haga clic en la escala. Así que puedes copiar todos los fotogramas clave, y vamos a encontrar el otro e. Así mismo aquí. Esto está parentado a los ojos, lo cual es genial, pero la pupila nuevamente, necesita ser apadrinada a Ahora, haga clic en la I y simplemente pegue los fotogramas clave de escala. Bien. Déjame hacerlo parpadear una vez más. Aquí. Y aquí. Y luego pienso alrededor de los 4 segundos, hagamos que vuelva a parpadear. Bien. Es muy lindo. Muy lindo como está parpadeando. Ahora vamos a animar la cola. Entonces la cola tiene tres capas adheridas a ella. Ahí está esta sombra. Ahí está esta sombra, y ahí está la cola real, como la base. No obstante, el problema es, es que quiero cambiar la forma de esto. ¿Correcto? Y si lo hago, mira cómo este elemento como esta sombra no se mueve con él. Y esto es un problema. La forma en que creé esta celda fue duplicar realmente la cola principal y simplemente agregar una pequeña máscara y cambiar su color. Entonces esto es lo que vamos a hacer para ajustarlo. Vamos a abrir el cuento de capa dos y el cuento tres contenidos y la forma, abrir la forma y abrir el camino. Ahora, abre la almohadilla o la cola principal, ¿verdad? Bien, entonces ahora toma esta cosa de aquí que es una crianza de los hijos y ponla aquí abajo. Entonces lo que esto hace es que ahora, si cambio la forma de esto, como pueden ver, se queda dentro de la máscara. Aquí solo hay un problema que vamos a solucionar fácilmente. Entonces, bien, entonces ahora tenemos que hacer lo mismo con la otra con la otra capa, abrir el swiroHLD el ícono swirro desde las opciones de ruta, soltarlo a la lo mismo con la otra con la otra capa, abrir el swiroHLD el ícono swirro desde las opciones de ruta, soltarlo a la cola. Entonces esa es la capa principal. Todo bien. Ahora, déjenme desaislar esto y voy a, como ya estoy aquí, crear un marco clave de ruta de esta celda Así que ahora vamos a hacerlo donde está el marcador. Gané así que el gato sube, ¿verdad? Entonces queremos que la cola probablemente sea algo así. Entonces cuando baje, voy a copiar el primer fotograma clave, así será así A ver si eso es raro. No, creo que está bien. Bien. Ahora solo para que la animación sea más dinámica y genial, voy a animar la cola hasta la primera segunda marca Entonces hasta el segundo cuarto, me gustaría que se moviera. Entonces mi siguiente fotograma clave es de 1 segundo. A los 2 segundos, solo haz que haga clic en G en tu teclado. Es posible que tengas que hacer clic en él algunas veces. Veamos cómo se ve eso. Bien, genial. Eso fue todo por hoy, chicos. Espero que hayas disfrutado de esta lección, y te voy a ver muy pronto.