Cómo animar un video explicativo en Adobe After Effects CC con Motion Graphics

1. Corto de la clase: Hola. Mi nombre es Lucas Ridley, y soy un animador galardonado. Este es mi curso de cómo animar un video explicador en After Effects. En este curso, te voy a mostrar los consejos y las herramientas que utilizo para crear un tercio de mis ingresos freelance este último año. Voy a repasar los ingredientes de lo que hace un buen video explicador, y luego puedes usarlos en tu propia receta para hacer tu propio video explicador. Este curso es para cualquier persona que quiera crear su propio video explicador para su empresa, producto o servicio. Es más enfoque para alguien que es relativamente nuevo en After Effects. Gracias por acompañarme. 2. Fase de planificación: Hola y bienvenidos a la primera clase. Antes de empezar a aprender a animar, vamos a repasar el primer paso en el proceso, que es la planeación. Necesitamos saber qué estamos haciendo antes de hacerlo. Hay un par de maneras diferentes de hacer eso. Algunas de las formas más populares son a través de una historia. Podemos tener un personaje y ponerlos en un entorno y un entorno que explique la situación que es relativa al producto o servicio que intentas explicar. Otra forma que también se puede utilizar en conjunto con la historia es el problema y su solución. Ilustrarías un problema y mostrarías cómo tu producto o servicio resuelve ese problema. Necesitamos tener una comprensión de cómo vamos a explicar el producto o servicio. Entonces una vez que sepamos cómo lo vamos a hacer, necesitamos entrar en la fase de audio, lo que significa que necesitamos escribir un guión y grabar voz en off para ello. Una gran parte de animar es tener la voz en off bloqueada porque animar es todo acerca del tiempo. Si no tenemos el audio y el guión de antemano, vamos a estar haciendo mucho reescribir y re-animar a tiempo las cosas apropiadamente. Eso va de la mano con la música también y los efectos de sonido. Tan solo para llenar las cosas y mantener el ritmo adelante, queremos asegurarnos de que el audio esté grabado y estamos seguros exactamente de lo que quiere decir el guión después de que decidimos cómo lo vamos a decir. Sobre lo que va a ser la mayor parte de este curso es crear los visuales. Los visuales para empezar, necesitamos reunir referencia e investigación, la mirada que queremos ir. Podemos sacar inspiración de otras fuentes, así que empieza a mirar otros videos explicadores y a ver lo que hicieron bien y mal, y empieza a hacerte una idea para el estilo que quieres. El color es muy importante. Eso es algo que puedes hacer sobre la marcha un poco pero no hace daño hacer un poco de investigación de antemano. Especialmente, si ya tienes un logotipo o una identidad de marca, vas a querer usar esos colores e incorporar eso a lo largo del video para crear el tema y la corbata del logo con la sensación del video. Por último es storyboard y transiciones. Esto es muy, muy importante y realmente es una de las ideas más grandes que vamos a cubrir aquí. Para el guión gráfico y las transiciones, estas pueden ser ideas ásperas. Empezar a pensar e imaginar ¿cómo puedes conectar las cosas de tu guión a la identidad visual? Piensa en metáforas de forma para representar lo que has escrito de manera visual y cómo vas a poder conectar línea por línea y transiciones suaves entre el audio. Gracias por ver esto. Ahora, vamos a entrar en la animación real. 3. Introducción a los temas de animación: De verdad rápido, quiero hablar de cómo se presenta el curso y por qué se presenta de esta manera. Vamos a empezar primero con transiciones y vamos a repasar cómo usar nulos y animar máscaras para ayudarnos a pensar en transiciones creativas. Entonces pasaremos a florecer. Estos son pequeños destellos, y insinuaciones, y destellos, y embellecimientos que podemos usar repetidamente después de que los hagas una sola vez. Después vamos a repasar cómo crear personajes, cómo construirlos y cómo animarlos. Entonces finalmente, habrá algunas secciones de bonificación para repasar aspectos más específicos como cómo crear una cinta y luego cómo hacer el efecto de pizarra muy popular. El motivo por el que estos son los temas principales es porque cada video explicador tiene estos incluidos en ellos. Vuelvo a usar la analogía. Estos son los ingredientes que se van a utilizar para tu video explicador específico. Solo necesitarás crear tu propio contenido basado específicamente en el producto o servicio que intentas explicar, para luego usar estos elementos. Gracias por ver y espero verlos en la siguiente lección. 4. Introducción a AE (solo para principiantes): Hola, y bienvenidos a la clase para principiantes y después de efectos. Simplemente vamos a hacer una rápida introducción al programa en sí. Yo sólo voy a bajar aquí y empezar desde cero, click en el programa y abrirlo. Estoy ejecutando After Effects Creative Cloud 2014 versión. Podría recibir esta advertencia sobre tarjeta gráfica, no es gran cosa. Simplemente dale “OK”. Aquí tienes una pantalla de bienvenida, podrías activar el valor predeterminado en un apagado y ese show aquí mismo. Simplemente cerraré eso. Este es nuestro espacio de trabajo. Si no se ve así para ti, puedes ir a Window Workspace y pulsar Estándar o Restablecer estándar. En realidad puedes ajustar cosas diferentes, y a veces podrías tirar accidentalmente de pestañas y mover las cosas de una manera que no anticipaste. Simplemente vuelve a subir aquí para reiniciar el espacio de trabajo estándar y ya estamos listos para partir. Para empezar contigo a la composición, necesitamos un espacio vacío para empezar básicamente a hacer cosas. Por lo que podemos tener múltiples composiciones en un solo proyecto. Ahora mismo estamos en un proyecto. Esto es en general After Effects interfaz es un proyecto a Archivo Guardar. Estamos estableciendo un proyecto. Pero cuando bajamos aquí y decimos: “Crea una nueva composición”. Eso es como un pequeño mini video dentro de nuestro proyecto. Tienes que arreglar los atributos aquí, voy a ir con HD, 24 fotogramas por segundo es muy común para la animación y así 48 fotogramas, eso son dos segundos, golpeo “OK”. Ahora tenemos un bonito lienzo en blanco, podemos empezar a hacer las cosas en. A la izquierda aquí tenemos nuestro proyecto. Ahí es donde si traemos una imagen, clic con el botón derecho e importamos un archivo, todas esas cosas estarán aquí. [ inaudible] tenemos algo ahí dentro. Todos esos activos se enumerarán aquí en la ventana del proyecto. Entonces tenemos nuestra composición en blanco aquí, y no tenemos nada en nuestra ventana de Capas aquí abajo. Entonces para hacer eso, podemos hacer clic derecho en cualquier lugar y decir, “Nuevo texto”. Por ejemplo. Empezaremos con textos. Por lo que podemos simplemente escribir cualquier cosa, tenemos que seleccionar el texto para poder cambiar el color. Podemos cambiarlo a cualquier cosa. Podemos cambiar la fuente y el tamaño, y empezamos a hacer algo más de mecanografía, podríamos cambiar el espaciado o configurarlo en auto, todo cosas divertidas con texto. A continuación, vamos a necesitar un fondo. Vamos a crear un fondo de un color diferente y golpear “OK”. Podríamos nombrar eso aquí si quisiéramos. O una vez creada, podemos ir dando click en la ventana de Capa y presionar enter, y luego podemos empezar a escribir y llamar a este fondo. Ahora también podemos cambiar la vista de esto en la composición de la capa para que tengamos un color diferente que lo represente. Eso es un par de crear objetos de pareja aquí, no estaremos usando luces o cámaras mucho eso es para 3D, pero los objetos nulos son bastante importantes. Por ejemplo, podríamos padre el texto a este objeto nulo. Déjame simplemente apagar el fondo porque ningún objeto es igual a este cuadrado rojo. Simplemente está representado, en realidad no se renderizará cuando renderices nada. Pero ahora puedes notar cuando muevo el nulo, está moviendo el texto. Por lo que es una forma de crear nuevos puntos de pivote. Se pueden mover grupos de cosas alrededor. Si desparento eso y los muevo por aquí, ahora tengo un punto de pivote en la esquina. También puedes mover los puntos de pivote de las cosas con este cursor aquí arriba con bastante facilidad. Este es el punto de pivote de las cosas y se escalará y girará a partir de eso, por lo que podríamos moverlo ahí abajo y escalará y girará desde esa posición. Esa es la mayoría de las cosas que vamos a estar haciendo. Vamos a tener unas cuantas capas Shape. Nos meteremos en eso más tarde. Si tienes alguna pregunta, pregunta a discusión, si alguna vez te quedas atascado en algo, por ejemplo, volvamos al fondo y si hacemos doble clic en él, llegamos a la vista aislada del fondo. A veces esto confunde a la gente porque ahora hemos perdido nuestros textos. Si estuviéramos trabajando ahora en nuestro texto ¿a dónde iba? ¿ Cómo volvemos a eso? Entonces si esto sucede, simplemente no te preocupes por ello. Puedes encontrar esto en la parte superior izquierda aquí en composición, solo estamos en una pestaña diferente y esta vista aislada. Entonces si alguna vez te atascas en eso, mira aquí arriba y vuelve con la vista de composición. Vamos a nombrar es composición intro por aquí. Por lo que acabamos de golpear enter para poder hacer eso otra vez por aquí. Una cosa importante que queremos cubrir es que vamos a ir a las preferencias en general. Quiero asegurarme de que esté establecido para la interpolación espacial predeterminada a lineal. Lo que eso significa es que las cosas sólo se comportarán de la manera que esperamos que lo hagan. Hay algunas instancias en las que si no tienes esto comprobado, pasarán algunas cosas tontas con la animación. Una vez que accedemos a todos estos diferentes atributos aquí abajo, podemos animarlos haciendo clic en estos pequeños cronometrajes de la izquierda. Por lo que hemos establecido un marco clave para la posición. Entonces si nos movemos y el tiempo y luego lo arrastramos, ahora podemos ver que está animada esa distancia. Esto es solo un resumen muy rápido para aquellos de ustedes que se sienten abrumados por las secuelas, básicamente es Photoshop para video. Entonces no te abrumes demasiado por ello, vamos a estar haciendo mucho en estas capas y en esta ventana. De eso se trata. Si sigues junto con todos los ingredientes que estaremos cubriendo, puedes unirlo todo a tu propia receta. La mayoría de estas cosas de las que realmente no tienes que preocuparte todavía. Todos estos pequeños botones no te afectarán en absoluto. Lo más grande que debes saber es cómo crear cosas, cómo apilar cosas y capas, hacer clic y arrastrarlo, cambiar el nombre de las cosas, mantenerlo organizado y cómo animarlo. Sigue y estas lecciones, y notarás diferentes atajos que uso mientras estoy animando. Acelerará su flujo de trabajo y le familiarizará con el proceso. Gracias por ver y esperamos verte en la siguiente lección. 5. Ilustrar un megáfono con máscaras: En esta lección, vamos a ir un poco más despacio y contestar una pregunta que tuvo uno de mis alumnos. Este es un video actualizado. Lo estoy agregando un año o dos después de que este curso haya salido. Si tienes una pregunta o quieres algo para que me dirija, una pregunta y tal vez haré un video al respecto también y actualizaré el curso igual que este video. La pregunta era sobre las máscaras y la creación de icono del megáfono. Vamos a crear una nueva composición haciendo clic en el botón de “nueva composición” por aquí, y sólo llamaré a este Megáfono. Queremos elegir un preset que nos va a ser útil en nuestro proyecto. Voy a elegir 1920 por 1080, 24 fotogramas por segundo, y el color de fondo realmente no importa. Voy a hacer clic en este menú desplegable que dice 'Fit' para que aquí veamos toda la pantalla. Voy a empezar por crear un sólido. Voy a hacer clic aquí abajo y decir Nuevo, sólido. Este va a ser el fondo principal, y vamos a hacer esto como un color verde azulado claro. Entonces vamos a hacer un fondo para el ícono, añadir un Nuevo sólido. Mismo proceso haciendo clic derecho ahí abajo. Voy a tener que esto sea algo anaranjado, y siempre podemos cambiar estos colores después si no nos gustan yendo a, digamos que no nos gusta esto, ¿cómo cambiamos eso? Podemos seleccionar la capa y hacer clic derecho en el panel de efectos aquí, podemos ver Effects Controls. Bajamos a generar, llenar, y ahora obtenemos un nuevo color. Ahora podemos cambiar el color a donde queramos. Esa es una forma de actualizar un sólido. Vamos a crear este fondo. Voy a presionar 'enter' para renombrarlo. Diré megáfono BG_. Voy a seleccionar una herramienta de forma aquí arriba, y no quiero el cuadrado, quiero el círculo. Voy a hacer clic y mantenerlo y tendré aquí la Herramienta Elipse, si cambio click, entonces puedo conseguir un círculo perfecto. Si dejo ir un turno va a estar donde esté mi ratón, pero si me quedo en turno, se quedará un círculo. Ahora puedo hacer doble clic en esto e ir a alinear, y solo puedo alinearlo al centro con estos botones alineados a esta horizontal y alinearme al centro vertical. Ahora podemos empezar a hacer el megáfono dentro de este pequeño ícono aquí. Básicamente vamos a estar haciendo muchas formas como acabamos de hacer con el círculo, pero necesitamos combinarlas de una manera para crear una forma grande. Voy a empezar con el extremo trasero del megáfono, y voy a hacer que esto sea como un amarillento claro, tal vez incluso menos saturación. Si quiero cambiar a saturación aquí, solo puedo hacer clic en estos pequeños botones de radio y luego tengo esa opción. [ inaudible] Voy a decir el 'Volver'. Ahora puedo volver a este conjunto de herramientas pulsando izquierdo y manteniendo pulsado. Voy a ir a la herramienta de rectángulo redondeado y hacer clic en cualquier lugar, y al sostener arriba y abajo, en realidad puedo cambiar el radio de estas esquinas. Yo sólo voy a sostenerlo hasta que sea algo que me guste, y eso está bien. Voy a golpear V en mi teclado, tirar hacia arriba la herramienta de cursor aquí, y voy a centrar esto también con la herramienta de alineación por aquí. Tenemos nuestra primera pedacita. Vamos a crear una pieza que vaya encima de ella. Es la sección media. Iré con el botón derecho Nuevo sólido, y crearé un tipo de material gris. Vamos a ir a la saturación todo el camino hacia abajo. Para el brillo, vamos a ir a algún lugar en el medio. Podríamos decir sólo el 50% aquí, y yo sólo llamaré a esto 'Medio'. Usaré esa misma herramienta y sacaré esto excepto que quiero que los rincones de esto sean un poco más apretados. Sostendré la flecha abajo y esperaré hasta que los bordes se acerquen un poco allí. Pondré esto en algún lugar, tal vez así, y podemos usar de nuevo las herramientas de alineación para alinear eso. Vamos a mover un poco la espalda. Voy a usar mis flechas y turno para derribar esto un poco. Haremos algo así como un [inaudible]. Ahora voy a hacer la pieza del megáfono real. Voy a crear un Nuevo sólido, de nuevo, y voy a hacer que este sea un gris mucho más brillante. Vamos por aquí a algún lado, digamos 90%. No queremos que sea totalmente blanco. Simplemente llamaremos a esto el Embudo. Vamos a crear un rectángulo, y aunque sea un embudo, podemos empezar con esta herramienta de rectángulo y luego podemos convertirlo en un embudo más adelante. Vamos a hacer clic y arrastrar esto hacia fuera. Simplemente mantendré pulsado el turno para convertirlo en un cuadrado, cuadrado perfecto, entonces podemos usar las herramientas de alineación aquí para bajarlo al medio. Ahora en realidad podemos entrar aquí y voy a acercarme un poco, manteniendo presionada la barra espaciadora y haciendo clic para moverme. Voy a seleccionar sólo estos dos puntos finales aquí. He seleccionado ese, desplácese aquí, mantenga presionado el turno y haga clic en ese. Ahora tengo a estos dos seleccionados. Cuando hago doble clic en él, obtengo lo de la transformación, pero como son tan estrechas, es difícil de ver, pero está ahí. Ahora puedo arrastrar esto hacia abajo. Si golpeo 'turno 'se quedará en alineado, y si golpeo' comando 'y sostengo eso también, estoy sosteniendo turno y mando, entonces lo traerá. Básicamente estoy tratando de que esto se alinee exactamente con esta ventaja. Voy a golpear 'enter' y voy a acercar realmente cerca y ver si esta cosa está realmente justo en el borde, parece que lo es. Voy a bajar aquí, parece que está justo en el borde. Enfriar. Ahora puedo alejarme y agarrar esto y traer esto aquí. Yo sólo hice lo mismo, turno seleccionando a cualquiera de los lados. Voy a hacer que el megáfono sea algo así. Parece que necesito mover todo ahora. Voy a agarrar todos estos, golpear P, y simplemente deslizarlos hacia X. Cool. Ahora los tenemos deslizados. También voy a traer esto de vuelta a la derecha un poco. Yo quiero que la sección media sea un poco más grande. También voy a agarrar estos y sacarlos un poco más. Entonces haz lo mismo y mueve todas las capas sobre un poco. También podemos tirar hacia arriba el Title Action Safe aquí haciendo clic en esto, y podemos ver dónde está el medio exacto aquí en la composición. Eso nos da una idea de lo lejos que estamos. Hagamos una capa más aquí, y se va a convertir en el borde del megáfono. Voy a ir Nuevo, sólido, y en lugar de ser 90%, vamos a hacer 75. Estamos dividiendo la diferencia entre este gris y ese gris de ahí. Sólo llamaré a este Rim. Ahora volveré a agarrar la herramienta de rectángulo redondeado. Vamos a la llanta y pinchemos 'arrastrarlo'. Hagamos que sea como un borde angosto aquí. Algo así. Voy a dejarlo ir, y luego alinearlo verticalmente porque sabemos que todas estas capas hasta ahora están alineadas verticalmente. Enfriar, así que ahora hagamos que el mango sea realmente rápido. Voy a hacer clic derecho, y también podemos hacer clic aquí. Voy a hacer clic derecho y decir nuevo sólido. Hagamos que esto sea algo así como un negro. Normalmente no me gusta ir todo el camino totalmente negro porque entonces no nos dejamos a ningún lado a donde ir. Voy a decir manija, y ahora voy a crear el mango con la misma herramienta por aquí, y aunque voy a tener el mango un poco angulado, lo cual va a dejar esto arriba y abajo por ahora, y luego podemos hacer doble clic en esto y rotarlo. Si pasamos el cursor por aquí en el borde, obtenemos esta herramienta de rotación. Ahora puedo rotarlo un poco. Si mantengo pulsado turno, irá a 90 y 45 grados. No quiero que sea a 45 grados, así que voy a dejar ir turno y hacer esto yo solo por mis ojos, y hagamos que esto sea un poco más pequeño y subamos esto. A lo mejor girarlo solo para tocar. También podemos mover el punto de pivote por aquí y podemos ponerlo desde arriba. Hagamos algo así y golpeemos enter. Ahora pongamos esto en el fondo, así que está detrás de todos estos. Bajaré aquí y lo pondré en la parte inferior y solo haga clic arrastrándolo hacia abajo. Voy a minimizar todos estos para que podamos ver lo que hemos creado hasta ahora, y básicamente tenemos un megáfono. Eso es bastante guay. tomemos estos en realidad y le demos un poco más de espacio porque podemos ver esta distancia desde este borde hasta ese borde es mucho mayor desde este borde hasta ese borde. Tratemos de recuperarlo un poco en medio. Shift selecciónalo todo, golpea P, y luego simplemente arrastra estos hacia arriba y mantén un ojo en esta distancia aquí e intenta igualar eso un poco mejor. Enfriar. Ahora vamos a darle a esto algo de dimensionalidad, agregando una sombra al micrófono mismo y luego también agregando aquí una sombra larga. En primer lugar, empecemos con la larga sombra. Crearé una capa de ajuste en realidad y diré nueva capa de ajuste, y realmente no pasa nada porque las capas de ajuste están en blanco. Tenemos que agregarles efectos para que podamos verlos. Yo sólo voy a apagar la acción del título a salvo aquí para que podamos ver lo que estamos haciendo, y voy a llamar a esto sombra larga. Para esta capa de ajuste, y solo diré ajuste de subrayado, podamos decir que es una capa de ajuste, no una sólida, en realidad vamos a crear un ajuste aquí bajo la corrección de color. Bajaré a algo así como curvas. También podrías ir a niveles. Realmente no importa cuál elijas porque ambos pueden tener un efecto similar. Queríamos poner esto debajo de todas las cosas del megáfono, sólo queríamos en el fondo. Cuando encendemos y apagamos esto del ojo, podemos ver que está cambiando el color real debajo de él. Solo estoy moviendo la gamma aquí, que es el punto medio. Se puede ver esta pequeña flecha aquí moverse, ese es el punto medio del histograma. Sólo voy a bajar eso un poco, y ahora enmascaremos este ajuste para fingir que es la sombra. Voy a hacer clic en esto y con esta capa seleccionada, voy a hacer clic y arrastrar una máscara de capa de ajuste. puede ver que ha creado una máscara aquí llamada máscara 1. Entonces vamos a duplicar esto. Ahora tenemos máscara 2, están justo encima el uno del otro. Vamos a mover esto por aquí. El motivo por el que las estoy haciendo juntas es porque quiero rotarlas para estar en el mismo ángulo. Voy a golpear enter y luego voy a dar clic en drag para que los tengamos a los dos, y voy a hacer doble clic en uno de ellos. Ahora puedes ver que podemos rotarlas a ambos. Simplemente queremos asegurarnos de que nuestra sombra tenga un ángulo consistente. Podemos hacer algo tal vez como esto y básicamente estoy mirando este borde por aquí, y voy a alinear esto para que salga de esto. Hice dos de estas máscaras porque necesitamos una para este borde y otra para este borde del mango. Tenemos uno para la barra por aquí, el extremo trasero de la misma, la parte trasera del megáfono y luego tenemos el mango aquí abajo. Voy a golpear enter, y ahora están en el mismo ángulo. Pero tenemos que separar las máscaras que podemos movernos. Yo sólo voy a alinear este. Voy a acercar y mantener la barra espaciadora y estoy golpeando comando y plus para acercar. Yo sólo voy a mover esto hasta el borde del mango aquí, y luego voy a golpear enter, y voy a agarrar estos cuatro extremos, y voy a arrastrar estos hasta la punta del megáfono aquí. Ahora tenemos la sombra saliendo de esto. Podemos ver que tenemos un rincón aquí, eso no es gran cosa. Lo que podemos hacer es simplemente hacer clic y arrastrar eso para que no pase por ese borde ahí, genial. Hagamos lo mismo para la parte trasera aquí. Déjame acercar. Parece que tal vez no está exactamente ahí, así que en lugar de realmente hacer clic en este punto, puedes seleccionar una de las largas líneas o simplemente en cualquier lugar la línea y seleccionaré los dos puntos que hay entre ella. Sé que quiero que este borde sea el mismo ángulo, así que voy a seleccionar este borde y luego solo mantenga pulsado shift y presione hacia arriba hasta que lo consiga justo en ese borde. Ya puedo alejarme, y echemos un vistazo a esto. Se ve bastante guay. Tenemos que arreglar esta parte de máscara aquí. Yo sólo voy a arrastrar eso hacia abajo, no necesitamos preocuparnos por nada más de eso. Ahora tenemos esta larga sombra. El motivo por el que es importante hacer un ajuste es porque si después que decidamos queremos cambiar el color de este fondo, entonces no importará porque acabamos de hacer una capa de ajuste para que podamos cambiar este color todos nosotros quieren, y vamos a seguir adelante y hacer eso para mostrarles un ejemplo. Voy a ir a generate-fill, y podemos ver que a medida que cambio el color, esa sombra se queda ahí, siempre y cuando no se ponga súper brillante, porque estamos cambiando la gamma. Ese fue el ajuste que hicimos ahí, así que si nos ponemos súper brillantes entonces no hay gamma que ajustar porque todo es blanco. Por eso cuando te pones demasiado oscuro o demasiado brillante, no vas a ver ese ajuste. Pero sí, podríamos simplemente cambiar el color y aún tenemos esa sombra. Por eso usamos una capa de ajuste para crear la sombra en lugar de otra forma. Podemos dejar que eso sea morado, lo que sea, que me funcione y llevemos esta máscara aquí y recortemos esta con esa máscara. Tenemos este círculo megáfono aquí, lo tenemos como máscara. Podemos copiar eso, comando C, y luego hacer clic en la capa de ajuste, comando V. Habíamos movido la capa de ajuste, el megáfono, por lo que parece que la máscara no está exactamente en el lugar correcto, así que no es gran cosa. Podemos simplemente mover eso de nuevo para estar donde lo queremos, solo voy a golpear enter. Lo único que nos queda por hacer es simplemente cambiar este círculo una máscara para cruzarse. Sí, entonces donde se cruza con estas otras máscaras, lo va a restar. Ahora si seleccionamos esto, podemos ver que efectivamente existe esta larga sombra, y si es un poco incómoda y no exactamente donde queremos que esté, permítanme acercar aquí y usar las herramientas de flecha aquí para asegurarme de que es justo en el borde de esa cosa. Ahora hemos creado que vamos a crear una sombra para el propio megáfono. Está bien, así que precompongamos todas estas máscaras. Voy a bajar estos. Voy a ir a la capa pre-componer, y voy a decir megáfono. Ahora tenemos el megáfono, podemos duplicar eso, y hagamos lo mismo, misma idea. Tomemos un ajuste a eso, una corrección de color más bien a esa versión duplicada. Podemos decir, hagamos algo diferente. Hagamos exposición. Dejemos caer la exposición, esta cosa hacia abajo, y ahora usemos una máscara para esa sombra, esa versión más oscura. Yo sólo voy a agarrar el rectángulo e ir a mitad de camino. Puedo mantener presionada la barra espaciadora para moverla mientras todavía tengo el ratón izquierdo clicado, y ahora voy a golpear V y dar clic aquí, y se puede ver que hemos creado una sombra para el megáfono. El megáfono ahora está ensombrecido ahí, y tenemos esta larga sombra para eso. Eso hicimos todo con máscaras. No teníamos que entrar en Illustrator, y ahora tenemos este activo que podríamos usar, y podríamos llamar a este megáfono o lo que sea. En realidad podríamos apagar el fondo y veamos esto con la transparencia para que sepamos que en realidad no hay antecedentes ahí. Bueno, en primer lugar, llamé a dos composiciones megáfonos, así que tenemos dos megáfonos por aquí. Yo sólo voy a decir precomp para éste. Podemos ver que éste tiene el trasfondo. Digamos que este es el principal y queremos usarlo en nueva composición, solo pinchemos y arrástrelo allí. Ahora tenemos todo este icono, que es sólo una capa. Ahora podemos animar todo esto como queramos. Ahí lo tienes. Es así como usas máscaras para crear e ilustrar dentro de After Effects, para usar diferentes iconos que volverás a visitar una y otra vez cuando estés haciendo videos explicadores, sobre todo porque necesitas representaciones visuales para ideas y objetos y diferentes partes del guión. Este es un ejemplo de usar y crear un megáfono con una sombra larga y ser uno mismo sombreado todo con máscaras de capa y sólidos. Gracias por ver. 6. Transiciones Parte 1: Vamos a animar algunas transiciones. Vamos a empezar con nulos. Los nulos son muy aburridos, solo que hasta el nombre nula, pero son increíblemente poderosos lo que podemos hacer con ellos. Empezaré desde cero y crearemos una nueva composición. Haga clic derecho aquí, nueva composición. También podemos hacer clic en este pequeño ícono aquí abajo y crear una nueva composición. Seguiremos con la convención de nomenclatura que he creado aquí y lo llamaremos transiciones y diremos: “Está bien”. Vamos a volver a entrar [inaudible] en esas cosas y editarlo, podemos golpear “Comando K” o “Control K”. También podemos ir a Ajustes de Composición, y Composición. Entonces tenemos nuestra nueva composición, vamos a crear una transición entre las dos imágenes que ya has visto. Tenemos el de planeación, y tenemos la intro. Lo que estoy haciendo en este momento, es que solo puedo hacer clic y arrastrar otras composiciones a nueva composición. Cuando hago doble clic en este top uno, llegamos a la nueva pestaña que abre esa composición, para que recoja bien todo y lo agrupe dentro de una sola capa. Entonces en lugar de tener todas estas capas dentro de esta nueva composición, solo podemos tener una capa. Eso también es bonito porque si queremos mover las cosas como grupo, ahora tenemos un valor de transformación, podemos mover todo el asunto. En este caso, sabemos que los fondos son los mismos, ambos son de este color azul. Vamos a crear un fondo que sea este color azul. Entonces haremos click derecho, digamos “Nuevo” “Sólido”, y colorearemos ese fondo. Lo llamaremos BG por antecedentes. Ahora tenemos nuestro fondo, y podemos hacer click y arrastrarlo hasta abajo. Ahora si movemos cualquiera de estos alrededor, al menos tener ese trasfondo hecho. Alternativamente, qué podemos hacer si nos preocupa este rincón oscurezca eso o algo así, podrías ir a entrar a estas composiciones individuales, y apagar la capa de fondo en esas composiciones. Para que ahora donde estamos en la composición principal, podamos ver a través de ella. Ahora es una gran masa agitada, pero esa es sólo una opción que tenemos. Digamos que queremos ir de izquierda a derecha, como cómo lee la gente. Deslizaremos esta recién fuera de marco.. Se puede golpear p aquí abajo para obtener posición, o se podría cambiar hacia abajo los valores transformados, y ahora tenemos el valor de posición. Podemos hacer clic y arrastrarlo, también podemos moverlo aquí, pero es un poco más fácil hacer clic y arrastrar para que sepamos que solo estamos aislando esa traducción x Lo que podríamos hacer es, podríamos tomar ambos, tocamos p, podemos fotograma clave eso, y luego podemos bajar un poco por caminos, y luego con ambos seleccionados, podríamos mover eso. Eso funciona. Vamos de uno a otro. único tema aquí es, si queríamos cambiar algo más tarde, tenemos dos capas diferentes con animación en él. En cambio, usemos un nulo. Un nulo simplificará las cosas, o haga clic derecho en “Nuevo” “Nulo”. A mí me gusta colorear estos para que una vez que tengamos un giro de capas, podamos ver lo que es un nulo justo a partir de eso. Vamos a padre estas dos capas a la nula. Usaremos el látigo de pick, y solo haremos clic y lo arrastraremos en la parte superior. Ahora también puedes ver que estos menús desplegables cambiaron. Podemos ver que hay una pequeña marca de garrapata junto a la transición nulo. Esa es otra forma de hacerlo es usar estos menús desplegables. Ahora, cuando vamos a nula, y golpeamos a “P”, los mueve a ambos juntos. Podemos ver esa pequeña caja amarilla aquí representa el nulo. Nunca se renderizó, así que no te preocupes por que eso esté en pantalla. Pero ahora en lugar de tener dos valores animados, sólo tenemos uno. Podemos hacer clic en un fotograma clave ahí, movernos hacia abajo, y vamos a animar eso fuera del camino. Si pulsas “Shift”, moverá las cosas más rápido a medida que desplazas los valores. Alternativamente, puedes golpear “Comando” o “Control”, y voy a mover las cosas mucho más pequeñas. Ahora tenemos esa transición. Esto funciona para la rotación. Hagamos algo un poco más interesante. Nos quitaremos la animación golpeando el cronómetro, y vamos a desparentar estos, y haremos nulos. Traerá el nulo aquí abajo en alguna parte, hagámoslo por aquí. Para que cuando lo rotemos, lo rote fuera del marco. Lo vamos a padre, vamos a detener la vigilancia, nos moveremos hacia abajo, nula girarla fuera del camino 90 grados. Ahora tengo eso, pero aún necesitamos nuestra otra composición para entrar y reemplazarla. ¿Cómo haríamos eso? Lo tenemos en su lugar, y ahora todo lo que tenemos que hacer es matarlo. Ya tenemos la animación hecha en el nulo, así que ya está hecha por nosotros. Lo rotará para nosotros. Es realmente rígido y mecánico ahora mismo, así que arreglémoslo. Seleccionará los fotogramas clave, hará clic derecho, bajar al sistema de fotogramas clave. Déjame subir esto para que lo veas. Haremos clic derecho en “Asistente de fotogramas clave”, facilidad fácil, y también verás que es el comando “F9". Podemos ver las marcas cambiadas, y eso significa que eso es fácil. Lo que eso significa es suavizará en la facilidad de entrada y facilitará los puntos, por lo que es un poco más suave. Ahora se va más suave, mira eso. Esto también lo podemos ver en la gráfica. Puedes ir al “Editor de gráficos”, y podemos hacer clic en la función aquí. Podemos ver que se redondea al principio y al final. Eso es lo que eso significa. Podemos cambiar esto aún más. Podemos hacerlo suave realmente mucho, e ir muy despacio al principio, y luego coger velocidad. Veamos cuál es la diferencia ahí, más lento luego rápido. Por lo que empieza realmente abruptamente. Hablemos de otro principio de animación llamado overshoot. Bajemos, creemos otro fotograma clave, y luego volveremos a ese fotograma clave final original. Voy a golpear comando, hacer clic y arrastrar, así que vamos a conseguir un poco de rotación. Recuerda ahora que le dimos a este keyframers, ahí estaba el 90 en el que lo teníamos. Entonces ahora cuando jugemos, rebotará, irá pooh, y rebotará en el marco. Vamos a volver a marcar esta facilidad fácil, o simplemente podríamos decir fácil de nuevo para obtener el respaldo predeterminado, “asistente de fotogramas clave” facilidad fácil. Por lo que obtenemos una transición más agradable a que se introduzcan en. Si quisiéramos ir aún más lejos, podríamos hacer otro rebasamiento. Hagamos otro rebasamiento y veamos cómo se ve eso. Volveremos a hacer clic en 90 grados, así que acabo de presionar el botón “Añadir fotograma clave” aquí abajo. Ahora volvamos al mismo fotograma clave, y bajemos sólo un poquito. Entonces juguemos eso, boom. Estos se llaman rebasamientos. Se suma a la transición y la hace un poco más atractiva. Cuando se suma eso, ese es el 10 por ciento final, eso hace que se vea bien. Por lo que se ve mucho mejor que sólo usar el lineal del punto A al punto b, que tuvimos el principio que fue muy rígido. Ahora tenemos una agradable transición suave. Si quisiéramos arrastrar eso si va demasiado rápido, podemos hacer clic y arrastrarlo hacia abajo, y ahora va todo más lento, y es una transición agradable y suave. Es así como usar un nulo. Hagamos un zoom muy rápido, y nos vemos en la siguiente lección. 7. Transiciones Parte 2: Hagamos un zoom muy rápido. Estamos desemparejando a ambos de nuevo. Cuando terminemos, eliminemos los fotogramas clave. Otro consejo rápido es golpear “U” si no sabes en qué tenías fotogramas clave. Simplemente puedes seleccionar una capa y pulsar “U” y se tirará hacia arriba el atributo que tenía fotogramas clave en ella. También necesitamos volver a poner esto en la posición por defecto. Subiremos las posiciones aquí y veremos qué es. Son 960, 540 y la rotación es cero. Ahora estamos de vuelta al default. Acerquémonos a uno de estos. Vamos a deshacernos de esto. Vamos a hacer zoom en uno. Vamos a acercar. El siguiente tema del que vamos a hablar es cómo acercar, digamos que aquí podríamos acercar el azul. Digamos que queríamos un trasfondo diferente sobre la transición en la que estamos entrando. Queremos que sea amarillo. Vayamos a la porción amarilla de esto. Vamos a padres esto al ninguno nulo, y vamos a escalar y posicionar esto donde queremos que esté. Teníamos un fotograma clave en ambos. Iremos al encuadre 15. Volvamos a hacer zoom aquí para que veamos todo el asunto y vamos a escalar esto ahora. Ahora podemos ir hasta el final. Mira lo que está pasando también. Cuando hablamos de escalar, mira lo borrosa que se está poniendo todo esto, y por qué eso es, es porque no se está rasterizando constantemente. Para ello, le pegamos a esta cajita aquí. Mira lo que eso hace. Esto es como magia. Es increíble. Ahora que estamos escalando hacia arriba, vamos a moverlo hacia abajo, especie de hacia el centro así como hacemos zoom en él. Ahora déjame acercar. Aquí vamos. Ahora tenemos un fondo todo amarillo. Ahora podemos crear un nuevo fondo sólido que sea amarillo y diremos, fondo amarillo. Para iniciar un final, podemos hacer clic y arrastrar aquí para que lo cambiemos por un fotograma. La transición ocurrirá aquí mismo en este marco. Una vez que lleguemos a ese punto, mira lo rápido que se acerca también porque es una distancia tan grande. Hagamos una facilidad fácil otra vez. Empezaremos un poco más lento y ahora se está relajando y ahora cambiamos a esto. Podemos decir porque esto ya no se ha terminado. Eso es sólo el nulo, eso no es tan grande de un trato, pero es bueno mantener todo organizado. Sabemos que el nulo que controla que estos dos están juntos, y así termina ahí. Ahora tenemos un nuevo trasfondo. A partir de este punto hacemos un nuevo cualquier cosa y eso es texto amarillo. Déjame ir aquí y cambiar el color del texto a azul, y sólo tenemos que moverlo arriba. Un pequeño atajo es Opción+Alt, Bracket ahí para hacer eso o podemos hacer clic y arrastrarlo a su lugar. Simplemente vamos a centrar eso usando el párrafo de aquí. También podríamos usar las opciones de alineación si tuviéramos múltiples objetos que necesitábamos distribuir juntos y hacerlos espaciados uniformemente. Así es como pasar de un color de fondo a otro color de fondo. Eso lo hicimos usando el nulo, recuerda, y acabamos de cubrir rasterización constante. Estamos cubriendo muchos temas muy rápidamente, así que siéntete libre de volver atrás y revisar algunas de estas cosas. Algunas de estas pueden parecer simples, solo estamos haciendo movimientos simples, pero cuando combinas todos estos ingredientes juntos uno encima del otro, realmente crea una animación atractiva. bien estamos en el texto, ¿qué pasa si llegamos a este fondo amarillo y no quisiéramos que solo el texto se apague aquí, queremos que siga un camino hacia la pantalla, así que anímate desde fuera de la pantalla. Basta con agarrar la herramienta de lápiz y empezaremos a hacer clic en un camino. Haga clic y arrastre, haga clic y arrastre, haga clic y arrastre, haga clic y arrastre. Si haces clic y arrastras y has cometido un error, puedes golpear Barra espaciadora y luego la moverá en siempre y cuando tengas un ratón aún abajo. Digamos que le pegué a uno por aquí y estoy como, “Oh no, tengo que hacer clic y arrastrar. Ahí no es donde lo quería”. Golpea la barra espaciadora y podemos sacar eso del camino. Está bien. ¿ Cómo conseguimos este texto en ese camino? Iremos a “Texto”, “Opciones de ruta”, “Ruta” y escogeremos Máscara 1. Lo que acabamos de hacer es esa máscara. se llama eso, la Máscara 1, y lo podemos ver aquí abajo en máscaras. Tiene ese color, podemos cambiar el color. En caso de que eso viniera en amarillo o algo que no lo podamos ver en el fondo, lo cambiaremos por algo que podamos ver por el momento. Ahora tenemos nuestro texto en la gráfica. Todo lo que tenemos que hacer es fotograma clave. Lo sacamos del fotograma aquí, fotograma clave, y luego bajamos un poco de caminos. Vayamos a aquí. Dejémoslo a la deriva un poco y luego se va a volar. Eso es así de fácil. Hagamos facilidad fácil. Haga clic y arrastre todos los fotogramas clave. Aquí me voy fuera de pantalla. Yo sólo voy a asistir a fotograma clave. Fácil facilidad, cambia todo y mira eso. Boom boom. Vuela adentro, vuela fuera. Así es como animar textos dentro y fuera. Estamos cubriendo una tonelada de cosas en esto. Esto es genial. Eliminemos esta máscara y cubramos uno de mis favoritos. Haremos un poco de animación 3D. Para hacer 3D, haga clic en este cuadro. Ahora se trata de una capa 3D. Lo que eso significa es que tenemos otra opción de transformación. Posición aquí tiene X, Y, y ahora tenemos una Z. Lo mismo con la rotación. Tenemos rotaciones X, Y, y Z. tanto que antes si apagamos esto, mira, sólo tenemos una rotación. Tenemos X e y. golpeamos esta caja, ahora podemos hacer movimientos 3D. Eso es bastante asombroso. Una de mis cosas favoritas que hacer es rotar texto y ves este efecto todo el tiempo. Escojamos la herramienta Pan Behind y haga clic y arrastre el punto de pivote hasta la parte superior del texto. Podemos acercar si quisiéramos, sin ratón, panoramizar y sacar eso justo ahí y luego alejar el zoom. Vamos a ir a, no es la rotación Z, no es la rotación Y o podríamos hacerlos también, vamos a la rotación X. Mira eso. Podemos marcarlo clave a 90 grados. Bajemos al principio aquí donde transitamos fuera del cómo a esto. Vamos X rotación. Simplemente le daré a esto unos fotogramas para que empiece. Entonces vamos al 20. Iremos a cero y yo rotaré. Boom, boom. Casi parece que se está escalando ahora porque realmente no se siente como si estuviera girando. ¿Cómo arreglamos eso? En primer lugar, vamos a necesitar hacer lo mismo que hicimos antes, ese rebasamiento. ¿ Te acuerdas de rebasamientos? Esto funciona también con rotación. Vamos a establecer un fotograma clave unos fotogramas después del último. Regresaremos y luego haremos clic y arrastraremos esto un poco más allá. Asegurémonos de que también vamos en la dirección correcta. Pasaremos un poco más allá, digamos 10. Ahora probémoslo. Está bastante bien. No, podría ser mejor, así que sigamos adelante. Ahora se siente como si estuviera girando, pero le tiene ese sentimiento lineal, tipo de mal sentido. Yo sólo voy a seleccionar a estos dos. Empezará lineal pero ahora estos han sido creados para ser fáciles. Todavía no se siente bien. ¿ Por qué es eso? Es un poco duro. Boom, golpea demasiado duro. Podemos hacer click y arrastrar estos hacia abajo. También podemos sumar más rebotes. Bajaremos cuatro fotogramas, agregaremos otro rebasamiento. Ahora estamos en cero ahí. Recuerda asegurarte de que vas en la dirección correcta aquí y no quieres ir más allá del valor que hacías antes. Siempre debería estar bajando. Pasamos por aquí al negativo 23. Ahora volvemos a 10 positivos, y luego vamos a cero. Entonces vamos a hacer clic y arrastrar esto hacia fuera y que sea un poco más suave. Estamos cubriendo tanto. Es increíble. Recuerda en el editor de gráficos aquí, eso solo representa cada una de estas garrapatas es una garrapata aquí. Apenas estamos viendo este valor a lo largo del tiempo. Esto es de 50 grados a lo largo del tiempo. El eje x es el tiempo. El eje y es el valor. Ahora mira eso. Eso se ve mucho mejor y podemos ver que está girando. El otro pequeño truco que podemos hacer es añadir desenfoque de movimiento. Hagámoslo realmente rápido. Ese es este pequeño botón de aquí. Usaremos el desenfoque de movimiento pero de nuevo, no lo podemos ver. ¿ Por qué no lo podemos ver aquí? Porque no lo estamos viendo. No hemos hecho clic en “Activar desenfoque de movimiento” en la vista previa. Haremos clic en eso, ahora lo tenemos. ¿ Ves cómo eso se desdibuja ahora sin rotación? Boom. Está bien. Es así como vas a hacer un movimiento 3D con texto. Hemos cubierto mucho. Mira esa transición que ya hemos creado ahora. Esas son un par de transiciones. Tienes que ponerte creativo. Combina estas cosas juntas y crea tus propios tipos de transiciones. Gracias por mirar y nos vemos en la siguiente lección. 8. Desglose Ejemplo 1: Tomemos un minuto ahora y descompongamos un par de ejemplos del mundo real de algún trabajo que he realizado. Vamos a ver todo el asunto a través para tener una idea de lo que se creó y yo iré aquí para encajar. Enfriar. Vamos a descomponer eso. Empezamos con un blanco radial y eso es simplemente un desplazamiento del fondo blanco al círculo azul. Eso lo podemos ver aquí. Estos son solo fotogramas clave en un efecto de borrado radial. Se puede llegar a ese panel afecta haciendo doble clic si no se muestra ya aquí. Al hacer doble clic en él, aparece. Estos mismos atributos están disponibles en el panel de capas aquí abajo. Tenemos el fondo, tenemos el círculo azul. Entonces, ¿qué pasa después? Nos sacan las escalas de la silla y sale la sombra. El sillón en sí es sólo el sólido. Si golpeamos m, podemos ver todas las máscaras y también las vemos aquí. Sólo un puñado de máscaras, dibujándolo. Si no quieres entrar en ilustrar o puedes hacer toda esta creación de activos dentro de secuelas usando máscaras. Este es uno de resta. puede ver que para crearlo un servicio de nivel plano en la parte inferior, esa es solo la opción de resta aquí. Restar. Está fuera de la pantalla. Déjame desplazarme hacia abajo. Restar. Puedes tener diferentes tipos de máscaras, las animas. En este caso, se escaló toda la capa. También se puede ver que sí tenía una toallita radial en esto, pero lo apagué. Aquí hay un interruptor de visibilidad y puedes verlo también aparecer que está apagado. Esa es sólo una decisión que tomé después que tenía suficientes toallitas radiales con las que ya estamos haciendo yo no hice eso para limpiar radial también. Podemos ver que la báscula empieza justo aquí. Aquí está la primera escala de fotogramas clave y eso acaba de escalar. Con eso como también escalado hacia arriba está la sombra. Aquí está el atributo de escala, simplemente escalado hacia arriba. Entonces las máscaras son animadas, o la máscara, hay una solo se anima a expandirse. Aquí podemos ver esos marcos clave aquí. Eso es bastante guay. Podemos ver que solo usamos esta resta de esta máscara aquí. Se pueden copiar y pegar máscaras. Lo que hago fue solo golpear Control C. Entonces podemos ver que aquí hay dos máscaras, y yo golpeo el control V y uso un modo de mezcla de intersección para estas máscaras. para que cortara la sombra del círculo. Si cambiamos esto a algo como agregar, podemos ver que no funciona. Puedes usar estos modos de mezcla para crear realmente cualquier cosa que quieras. Ahora todo se mueve. Tienes múltiples capas que se mueven juntas. Al igual que hablamos en las transiciones que pudimos pasar y seleccionar todos estos y golpear P y animar eso pero tendríamos tres capas diferentes animando. Tendríamos que animar juntos y hacer un seguimiento de. Es mucho más fácil ya que podemos ver que usé una silla de director nula nulo nulo. Podemos desplazarnos hacia arriba y ver, aquí está la silla de director nulo. Eso es lo que tiene la animación en su posición. Eso lo podemos ver aquí mismo. Boom, va por allá. A medida que eso sucede, sólo estamos escalando algunos textos. 150. Podemos ver que eso sucede aquí mismo. No sólo eso, sino que tiene un rebasamiento, recuerden rebasamientos. Pasamos el 100 por ciento y luego volvemos a ello. Este marco clave en el medio es del 110 por ciento. Después bajamos a 100. Eso le da un poco de interés y llama la atención cuando se escala hacia arriba. Ahora puedes recordar esto del último video también. Si seleccionamos director y le pegamos a U, podemos ver que hicimos mucho rebasamiento aquí, nos pasan 90 grados y luego retrocedemos 90 grados y luego nos asentamos en ello. Entonces lo que es genial de esto es que una vez que lo hagas una vez, podemos seleccionar y copiar estos marcos clave y añadirlo a unos nuevos textos. Eso es lo que hice ahí mismo. Esos son los mismos marcos clave que acaban de copiar y pegar ahí. Ya que no están sucediendo al mismo tiempo, se ve un poco diferente. Están rodando como uno tras otro. Boom, boom. Ahora tengo un florecimiento en el que entraremos más tarde. Pero sólo para que las cosas sigan adelante, queremos mantener los intereses visuales. No queremos sólo aguantar esto para el siguiente poquito y no haber pasado nada. Florece como nuestra manera de mantener las cosas rodando, mantener el ritmo en marcha. Acabamos de hacer una transición ahí solo de escalar las cosas hacia arriba y hacia abajo. Después hicimos otro florecimiento. Ahora tomamos todo el asunto para que eso pasara a una nueva escena. Simplemente lo bajamos. Bajamos todo hasta ahora parece una boleta de votación y podemos llegar a eso. Podemos ver que hay una capa BallotCardNull 174. Podemos desplazarse hasta 174 y hay sobre tarjeta nulo. Hit U vas a ver esa animación. Escalando hacia abajo, girando y traduciendo hacia arriba. Lo interesante de éste es el nulo que estaba controlando la silla directora está parentado a esta cédula nula. Tenemos una jerarquía aquí que la silla del director está siguiendo el nulo. El nulo está siguiendo otro nulo. Se va a mover todo juntos. Esta urna aquí se acaba de crear con un montón de cuadrados, un montón de cuadrados con máscaras sobre ellos. Eso es todo. Crear una sombra, restarla, y luego tener colores ligeramente diferentes para cada uno para dar una indicación de forma. Eso es todo. El carnet se anima hacia abajo a las urnas. Cómo se hace eso es en este momento, cambié a un precomp. Tomé todas estas capas, las copié y las envié a un precomp. Eso ahora podrá moverse juntos y podría hacer una pista matta, el concepto de mattas de pista es que se puede tomar una forma y restarla por otra. Todo lo que hago fue tomar un sólido, un sólido negro, crear una máscara alrededor de la zona que quería y luego simplemente elegí Alfa invertido Matt. Apagamos esto y apagaremos la propia matta. Esto acaba de pasar. No queremos que solo pase queremos que parezca que va a entrar. Creé este precomp de todas las capas para que todo esté en el mismo precomp juntos, solo lo copié y lo pegué. Entonces ahora podemos tener una pista matta afectada. Acabo de crear un sólido, creo una máscara alrededor del área que no quiero que muestre. Entonces, cuando selecciones esto, automáticamente ocultará la matta de pista. Vamos Alpha invertido, y ahí está. Ahora lo tenemos desapareciendo justo en ese punto. Esto es complicado o tienes preguntas crear una discusión en la clase. Estamos cubriendo muchos temas que podrían parecer complejos al principio, pero una vez que los pruebes tú mismo, verás que no son demasiado complicados. Estas cosas onduladas a mano son solo activos que creo en Photoshop. Estos dedos de abanico son precomps de otra animación. Podemos ver cuando golpeamos a U, nada aparece. Sabemos que la animación está oculta dentro del precomp. Hacemos doble clic en uno de los precomps. Vamos a saltar a ella. Podemos ver que es sólo un montón de capas diferentes y todas tienen su propia animación en él. Lo interesante es que todo esto está apareciendo rojo y ¿por qué es eso? Acerquemos aquí y veamos los fotogramas clave. Podemos recrear uno de estos. Vamos a golpear “Comando D” para duplicar la capa. Golpearemos a U y eliminaremos los fotogramas clave. Eso está bien. Nos está diciendo que tenemos un error porque hay una expresión que vamos a hacer aquí en un segundo. Bajemos todas las transformaciones. Saquemos éste hacia un lado. Podemos ver que es una capa 3D. No estoy seguro de por qué los hice, porque en realidad no estamos animando ninguno de los atributos 3D. Simplemente podemos apagar eso para que sea un poco más sencillo para nuestros propósitos. También podemos ver que aquí he separado las dimensiones, haciendo clic derecho sobre ellas, se puede ver que está comprobado. Si desmarcas eso y los volverá a juntar. Dimensiones separadas. Podemos crear una animación de bucle con bastante facilidad. Vamos a que suba. Entonces podemos copiar este marco clave y pegarlo por aquí. Se va a volver a bajar. Eso es fácil, ¿ese asistente de marco clave es fácil eas o F9? Ahora sube y baja una vez. Si todos hacemos click en el cronómetro, ahora obtenemos algunas opciones más. Hagamos clic en esta pequeña flecha por aquí y obtenemos un montón de opciones que se ven realmente complicadas y en realidad no lo son. Déjame desplazarme hacia abajo para que podamos verlos un poco. Haga clic en la flecha, bajaremos a la propiedad y escogeremos ciclo tipo Loop Out. Vamos a dar ciclo a la animación. Nos da el guión. Podemos deseleccionarlo y ahora podemos ver que circula hacia arriba y hacia abajo una vez que llega a los fotogramas clave, que lo hacen antes. Una vez que llegue a los fotogramas clave, ahora solo va a seguir en bicicleta. Todo lo que teníamos que hacer eran sólo tres fotogramas clave. Ahora tenemos esto subiendo y bajando por el infinito. Ahora para hacer esto por rotación. Vamos a copiarlo y pegarlo. Basta con copiar y pegar los valores de rotación. Hicimos lo mismo. Se volvió rojo porque podemos ver que ya lo hicimos. Cuando lo copie y pegue, también tomará el guión. Ya lo hemos hecho. No necesitamos volver a hacerlo. Se puede ver una vez que llega, va de arriba a abajo y de izquierda a derecha. Acabamos de crear una animación de ciclo. Bastante cool y eso es más o menos. Pasemos al siguiente. Gracias por ver. 9. Desglose Ejemplo 2: De acuerdo vamos a descomponer otra transición. Observemos todo el asunto para tener una idea de lo que se creó. Tengo un reloj y luego un chico, y luego pasa a su boca, consiguiendo chicle y tiritas y luego un pequeño símbolo de menta. Entonces una cosa que es importante de esto, es que esto es sincronizar con audio. Yo estoy golpeando mando y luego desplazando y tú vas a escuchar el audio. Cuando estés sincronizando cosas usa comando y scrub hasta aquí donde está el audio. Simplemente puedes traer audio como cualquier otra capa importándolo en el proyecto. Simplemente puedes hacer clic derecho en un espacio vacío aquí abajo y decir importar archivo, y simplemente traer un clip de audio. Puedes simplemente tirarlo como una capa aquí abajo. Probablemente está en la parte inferior me gusta mantenerlos en la parte inferior. Podemos ver su voz por aquí. Es el único clip de audio que aparece. Si golpeas LL puedes ver la forma de onda de la misma. Si quieres previsualizar el audio en tiempo real, puedes usar el botón de vista previa aquí arriba. Consigamos todos los efectos. Si solo ves esa barra pequeña, haz clic y arrastra esto hacia abajo, voy a asegurarme de que From Current Time esté encendido, lo contrario renderizará previsualización desde el principio de todo el proyecto. No queremos eso. Si queremos una vista previa RAM del audio, podemos hacer click en eso y empezará desde donde esté el marcador de scrub, vamos a ver que es RAM previsualizando. Si tan solo hacemos clic de nuevo, podemos ver que se va a previsualizar en tiempo real. Puedes fregar, mandar, hacer clic, o puedes usar la vista previa de RAM para escuchar dónde está el audio. Todo lo que tenemos es un cuadrado que transita a un círculo, por lo que escalamos el cuadrado hacia abajo hasta un punto que podemos transitar al círculo. Si golpeamos U, se pueden ver los fotogramas claves y se transita a un círculo. Podemos ver que tenemos máscaras que están animadas, así que simplemente escalamos la propia máscara, realidad no escalamos toda la forma, eso sucede más tarde aquí abajo a la derecha. Podemos ver justo aquí es donde se anima la máscara. Transiciones de una a otra. El cuadrado se escala hacia abajo a medida que la máscara de círculo se escala hacia arriba, así que solo estamos animando dos máscaras cuadradas a un círculo. Entonces las manecillas del reloj son solo jugadores separados que se escalan hacia arriba. Después cambiamos el punto de pivote usando la herramienta Pan Behind aquí arriba para llevarlos más o menos donde necesitan estar para que cuando rotemos las manecillas del reloj, roten apropiadamente. Podemos ver que se trata de capas 3-D y las manecillas están parentadas a la boca del reloj. La boca del reloj solo se está girando alrededor de su eje y. Podemos ver esas animaciones con marco de claves ahí. Conforme eso sucede, todo lo que estamos haciendo para deshacernos de las manecillas del reloj, es que acabamos de terminar esas capas aquí mismo. ¿Ves eso? Acaban de terminar donde necesitan terminar sobre un marco, puof se han ido. Entonces lo que transiciones en es un princomp de un chico. Contamos con un mapa de pista de reloj. Todo lo que hemos hecho es copiar y pegar ahí la máscara del reloj. Podemos cortarlo. Si no teníamos esto, podemos alternar interruptores para llegar a esa opción. Decimos que no hay mapa de pista, podemos ver que ya no está en el círculo. Hemos creado un mapa alfa, y vive en un princomp porque tiene un montón de capas no queremos ver su brazo, su mano, su cabeza, su cabello. No queremos ver todas esas capas aquí, así que eso ha sido enviado a un princomp llamado corrector de aliento, y vamos a entrar en la creación de personajes más adelante. Entonces tenemos un florecimiento llamado círculo redondo. Podemos ver la capa de forma por la estrella. Es una capa de formas. Aquí están esos fotogramas de claves. Simplemente gira, eso revela al personaje que está en un princomp, hace su animación vamos a llegar más tarde a ella y a otra. Entonces cambia con el color de este círculo. Incluso puedes animar el color, así que tenemos un efecto, tenemos un efecto de relleno, haremos doble clic en él para subirlo aquí, todo lo que se va por aquí a llenar. En hacer clic y arrastrar que ya sea aquí o encima de la capa misma. No queremos dos, no queremos llenarlo de nuevo, todo lo que hacemos es animar el color. Yo quería que pasara de ese fondo blanco a negro. Ser el interior de su boca. Acabamos de hacer una animación de rotación, al mismo tiempo que estamos cambiando el color y, estamos en transición a su color de piel animando otra máscara de un color de fondo a otro. Podemos ver eso aquí mismo, todo lo que estamos haciendo es animar una máscara para conseguir esto. Simplemente vamos de un color de fondo a otro, y lo que crea intereses es hacer todas estas cosas muy simples, animar una máscara es muy simple. Cuando subes las cosas y haces las cosas al mismo tiempo, puedes crear transiciones realmente interesantes como esta. Simplemente toma un poco de tiempo y creatividad pensar cómo hacer esto. El idioma en sí es sólo una máscara, una máscara animada otra vez. Podemos ver ese contorno verde y aquí podemos ver los fotogramas de las claves. Todo lo que es es una máscara animada. Eso es todo. Entonces el chicle y Tic-Tacs aquí, esos son sólo activos princomped porque no queríamos cada capa, el chicle, el chicle oscuro; esos son solo máscaras. Eso es todo lo que es. Lo mismo con los Tic-Tacs. Esos son solo princomped así que no tenemos que tener todas las capas aquí dentro. Se puede ver que cada uno tiene un mapa de pista por encima de él. Se puede ver los íconos indican que, este track maps son para más adelante que cuando entre dentro, se ocultará. Al igual que va dentro de la boca. De lo contrario, si no teníamos estos mapas de rastreo, solo apaguemos uno. Podemos ver que simplemente se apaga. Por lo que tenemos que crear estos mapas de seguimiento para ocultar las cosas que queremos. Esa es otra razón por la que princomp cosas, para que puedas rastrear por completo las capas de mapa. Entonces eso solo se escala hacia abajo y luego aparece un nuevo activo, y luego tenemos estas mentas suben una tras otra. Esa es la misma animación que se acaba de repetir. Vamos a saltar a cómo se crea eso. Tenemos estas menta en princomp, así que saltemos a una. Hemos hecho un princomp y podemos ver que simplemente lo copiamos y luego lo volteamos. Se puede voltear algo escalándolo en lo negativo. Se puede ver desmarqué el eslabón de cadena para poder hacer esto por separado, y luego todo lo que hice fue solo rotar un poco y escalarlo a la luz para voltearlo al otro lado, así que es el mismo princomp dos veces. Vamos a saltar, tenemos cuatro capas de un activo que hice en, pasó a hacer de esto un Illustrator sólo porque tenía un par de colores extra y cosas que son sólo un poco más rápido de hacer en illustrator. Se puede ver que moví el punto de pivote, abajo a la base, aquí está el punto de pivote y lo moveré aquí abajo y todo lo que se hace en estos, es la misma animación para cada uno. Es sólo compensado por dos cuadros. A ver. Es sólo offset por un fotograma así que es la misma animación que se repite, pero luego simplemente offset. Entonces escalar hacia arriba con un rebasamiento y recordar rebasamientos, escalando hacia arriba con un rebasamiento. Están rotados de forma permanente en diferentes ángulos. Podemos ver 91, 69, ángulos diferentes, 49, y ese es un activo repetido, una animación repetida, y luego repetimos todo ese princomp nuevamente para conseguir lados espejados. Así fue como se crearon todas estas transiciones. Gracias por ver, úsalo como inspiración para crear tu propio enfoque en capas para crear transiciones con mucho atractivo. Gracias por ver. Nos vemos en el siguiente video. 10. Florecimientos Parte 1: De acuerdo, esta siguiente lección es sobre florecimientos. Un florecimiento es importante en un video explicador porque ayuda a mantener en marcha el interés visual. A lo que quiero decir es que agrega animación cuando hay una calma. Entonces veamos un ejemplo realmente rápido. ¿ Viste esa línea que fue bajo el proyecto, ayudó a enfatizar esa palabra y agregó un poco de animación extra donde una vez que todo el texto se hace animar, permitió que algo más de movimiento estuviera sucediendo en pantalla. De acuerdo, entonces ese es un ejemplo de un florecimiento. Sigamos observando. De acuerdo, ¿cogimos eso? Ahí está ese poco brillo al final del diseñador cuando se hizo ese texto, algo que ayudó a resaltar eso. Por lo que los florecimientos pueden ayudar a resaltar secciones. Puede ayudar a mantener el ritmo de movimiento en el futuro. Acabamos de ver una en todas las bombillas. También es repetible para que podamos crear un florecimiento y usarlo repetidamente a lo largo del proyecto. Por lo que ahora vamos a aprender sobre florecimientos y cómo hacerlos con capas Shape. Podemos hacer clic derecho aquí abajo y decir nueva capa de forma, o siempre y cuando no tengamos nada más seleccionado con F_2 o seleccionando en cualquier otro lugar. En cualquier momento que usamos la herramienta de creación de forma, hacemos clic y mantenemos esto, obtenemos un par de opciones aquí. O si queremos dibujar uno con la herramienta de bolígrafo. Entonces lo que vamos a hacer es hacer un círculo. Podemos dibujarlo en cualquier lugar. Solo necesitamos asegurarnos de que sea un poco más grande que el existente porque va a dar la vuelta por el exterior. Vamos a usar las características de alineación aquí abajo para conseguir esto en el centro y las formas tienen dos atributos principales, el relleno y el trazo y en este momento podemos ver que el relleno está coloreado de verde aquí arriba en la parte superior y cuando ver que no hay un trazo por lo que no queremos llenar por lo que en realidad podemos dar click en la palabra “llenar” para obtener otro cuadro de opción y en este cuadro de opción, puedes seleccionar esta Cruz Roja y vamos a elegir “ninguno”. ¿ De acuerdo? Después podemos elegir el color del trazo haciendo clic en el cuadro junto a la palabra trazo y elijamos el color amarillo. En realidad, tomemos el mismo matiz y solo cambiemos el mismo brillo de saturación, solo una especie de cambiarlo para que estemos en el mismo ballpark. Está bien. Ahora es realmente delgada y quiero hacerlo más grueso. Podemos usar el ancho de trazo de píxeles justo al lado de esta opción de trazo aquí. Dependiendo del tipo de florecimiento que quieras tener eso afectará el ancho del trazo y cómo lo haces. Entonces ahora tenemos el círculo. Ahora cómo animamos esto bajemos por la capa de formas y llamemos a este círculo floreciente y justo al lado para agregar, hay un botón en el que podemos hacer clic y elegir diferentes tipos de efectos animados. De acuerdo, déjame desplazar esto muy rápido para que puedas verlo. Vamos a querer elegir recorridos de recorte. Este es uno que vamos a usar bastante. Está bien. Entonces vamos a hacer clic en eso y ya puedes ver que se ha añadido aquí en la capa. Vamos a empezar con esto, no en marcha, y vamos a ir a un 100%. También podríamos ir a cero dependiendo de qué dirección quieras que venga el florecimiento. Encuadremos clave ambos y luego sigamos adelante en la línea de tiempo y vamos a expandir esto. Es tan simple como eso. Pero también queremos que esto se apague. Está bien, así que vamos a revisar esto, bajar otros ocho fotogramas. Anima eso a un 100. Ahora lo reproducimos, es un poco floreciente, pero es un poco estático otra vez. Aquí tenemos estos fotogramas clave lineales así que veamos qué obtenemos. Cuando agregamos la facilidad fácil. O vamos asistente de fotograma clave aquí abajo haciendo clic derecho y digamos, facilidad fácil golpe F_9. Eso es lindo. Pero es como uno, dos, está encendido y luego está apagado. ¿ Y si empezamos el off antes de que el on termine? Bajemos los fotogramas clave fuera. Es un poco mejor. Llama la atención sobre el círculo. Pero se detiene. Vemos que empieza aquí y esto está en la misma posición lo largo de todo el asunto y luego golpea eso en la parte superior. Simplemente se queda ahí por el resto del florecimiento. Lo que podemos hacer para romper eso es animar el offset así que vamos a hacer clic en el cronómetro en el offset. Muévete hacia abajo en el tiempo hasta donde aún podamos tener una astillada para poder ver cuánto lo estamos moviendo y luego simplemente desliza esto hacia abajo. Hagamos un movimiento de 90 grados. Voy a dejar eso en lineal por ahora mismo. A ver cómo se ve eso. Eso es mucho más interesante con ese movimiento sutil para que no tengamos una sola pieza de este florecimiento permaneciendo en la misma posición en todo momento. Otra cosa que podríamos hacer es animar cualquier otro aspecto del propio trazo. Reanimar el color, la opacidad, el ancho del trazo. Hagamos las tapas finales redondas para que sea un poco más suave. Ahora podemos ver que pasamos de una gorra plana a una gorra redonda. Lo llaman gorra de capullo a una gorra redonda. Se suma un poco a la suavidad. Animemos también el ancho del trazo. A ver cómo se ve eso. Subirá y luego bajará. Tengo que golpear la función en mi teclado sólo por la forma en que está configurado, pero deberías poder golpear F_9 si no en el tuyo. Animar el ancho del trazo también agrega otro poco de interés visual. Algo más que podemos hacer es duplicar esto y cambiar un poco el color, tal vez a blanco. En este momento es el mismo ancho de trazo. Vamos a tirar hacia arriba la animación golpeando U y podemos ver que el ancho del trazo es el mismo, por supuesto que hemos tenido. Algo que podemos hacer para compensar ese poco es seleccionar los fotogramas clave aquí y hacer clic y arrastrarlos hacia abajo manteniendo pulsado “shift” los mantendrá en el momento adecuado en la línea de tiempo. Podemos dejar ir y parece que volvió al mismo lugar pero lo que hace este editor de gráficos es normalizar la vista. Si me desplazo esto hacia abajo, va a retroceder a una vista normalizada por lo que le mantiene una vista máxima de lo que estás haciendo a pesar de que los valores sigan bajando, se verá similar en el editor de gráficos. Se quiere bajar de los números aquí. arrástrelo hacia abajo. puedes ver que lo hemos arrastrado hacia abajo. Ahora bajamos a cinco unidades en contraposición a lo que estamos cuando eran diez unidades. Ahora el blanco está apareciendo en el interior. Eso es interesante. Lo que más podríamos hacer es compensar un poco esto. ¿ Y si lo compensamos unos fotogramas? Por lo que eso suma sólo un poco más de interés. También podríamos escalar esto con el tiempo por lo que se expandió. Hay otra cosa interesante de los nulos. Ahora que tenemos dos florece círculo, podemos padres a estos dos al nulo y simplemente escalar esto con el tiempo. Probablemente voy a mantener esto lineal también. Entonces es algo interesante. También podríamos intercambiar los fotogramas clave. A ver cómo se ve eso. Es algo genial. Esa es una forma de atraer interés y seguir adelante las cosas. Ahora tenemos un activo, sobre todo con ellos parentados a este nulo podríamos duplicar de nuevo esta estructura, arrastrarlos hacia abajo y luego volver hacia arriba para que estén juntos y luego ahora que tenemos este nulo, podríamos mover este efecto alrededor. También podemos precomponer esto. Agregamos otro círculo por aquí. Lo que sería interesante es que precomponemos esto, porque si necesitamos escalar esto más adelante, vamos a mantenerlo en el medio. Normalmente cuando precompongas algo, quieres mantenerlo en medio de la composición. Seleccionemos las tres capas y digamos capas precomponer. Ahora tenemos un activo que podemos duplicar muchas veces y podemos movernos. Podemos animar todos estos atributos de transformación ahora sin estropear ninguna de las animaciones que tenemos, como esta escala. Ahora podemos escalar esto hacia arriba y hacia abajo. Podemos rotar esto y ahora lo tenemos todo juntos y este es un activo repetible que ahora hemos creado que podemos usar de cualquier manera que queramos. Entonces eso es un florecimiento. Hablemos de algunos otros. Acompáñame en la siguiente lección. 11. Florecimientos Parte 2: En esta lección, vamos a aprender a crear un florecimiento de chispa. Es algo que usaremos una y otra vez y es muy útil solo para agregar un poco más de interés por los laureles de animación. Seguí adelante y creé para nosotros un poco de animación de texto animando simplemente mediante el uso del atributo de escala y el rebasamiento. Después creé una caja florecer con las mismas herramientas que aprendimos la última lección. ¿ De acuerdo? Cuando hacemos textos como este en un video explicador, es aburrido para el segundo tiempo. No pasa mucho más, es sólo una palabra en una pantalla. Hay un par de cosas más que podemos hacer, y eso incluye añadir un poco de brillo; es lo que yo lo llamo. Vamos a crear una nueva capa de forma deseleccionando todo y usemos la herramienta Pluma. Pasemos a un punto en el tiempo donde tengamos una idea de dónde va a estar nuestra palabra. Sólo voy a añadir un poco de brillo al final de esto aquí abajo. Ahora tenemos una línea. Anule la selección de eso haciendo clic en “Capa”. Ahora hemos hecho la línea. Si seguimos haciendo clic, simplemente seguiríamos haciendo una forma, por lo que necesitamos anular la selección de eso. Podemos seguir usando esta capa de una forma para animar múltiples líneas y te mostraré cómo hacerlo. Hagamos otro aquí. A lo mejor otro ángulo. Volveremos a hacer clic en la capa. Vamos a llegar con otro ángulo. Ninguno de estos siendo ángulos rectos, por lo que es un poco más en forma de estrella. Voy a nombrar esto muy rápido. Está bien. Ahora tenemos nuestras tres líneas. Yo sólo voy a apagar la caja por un segundo para que nos enfoquemos en esto. Desplazémonos hacia abajo en la capa floreciente de brillo. Se ve igual a la última lección, y ahora tenemos tres formas. Vayamos a una de las formas. Selecciónelo, haga clic en “Añadir Recorte Caminos”. Ahora lo pone dentro de esa forma. Si estamos en el nivel superior e hicimos contenidos y no recortamos caminos, lo va a agregar fuera de estas tres formas. Entonces va a controlarlos a todos y eso no es lo que queremos que suceda. Queremos poder controlarlos de forma independiente. Por lo que podemos eliminar eso y asegurarnos de que tenemos estos recortados cuando estamos agregando el atributo recortado paths. Daremos clic en “Herramienta de forma” y haremos lo mismo. “ Recorta caminos” por lo que ahora ves que se agrega aquí. Forma número 1, añadir trazados de recorte. Ahora vemos que está en cada uno de estos. Está bien. Voy a desplazar esto hacia abajo y empezaremos con el primero. Entremos a los recorridos de recorte, encontremos un punto en el tiempo en el que queríamos empezar. Vamos a pararnos en el medio aquí, y podemos mover la animación más tarde. Bajemos esto a cero y fijemos fotogramas clave. Hagamos también que este trazo tenga una gorra redonda. Ahora en cero, tenemos que animar esto y brillar bastante rápido. No queremos esto en la pantalla demasiado tiempo. Yo sólo voy a seguir adelante y animar esto todo el camino fuera. No va a pasar nada porque se está quedando igual en todo. El inicio y el final va a ser el mismo, pero en cuanto compensemos un poco esto, lo vamos a ver. Esa es la forma más fácil de hacerlo. Otras formas de hacer estos desiguales ahora mismo que son la misma cantidad de tiempo, hicimos una que es un poco más corta o más larga que la otra. Ayudará a tener una sección más larga y una sección más corta. Básicamente, lo que buscamos cuando hacemos esto es que el final tenga un poco más de oportunidad de seguir y bajar. Ahora tenemos nuestro primer rayo de la chispa. Podríamos fácilmente facilitar esto si quisiéramos. No va a hacer mucho porque no hay muchos cuadros entre ellos, así que no hay tan grande de una diferencia. Solo asegurémonos de que todos estos sean quizás un poco más pequeños en contrastes con el otro grosor alrededor. Lo bonito de esto, podemos copiar esto y pegarlos en las otras formas. Tenemos que asegurarnos de recordar hacer estas gorras redondas también. Ahora tenemos la misma animación para los tres. Podríamos dejarlo totalmente así, eso está bien. Pero creo que es un poco más interesante en la animación cuando las cosas no pasan todas al mismo tiempo. Veamos cuál. ¿ Es el de abajo? ¿ Es el de la izquierda? Hagamos que éste dure un poco más a lo largo del medio. Offenar esto. Ahora no están pasando todo al mismo tiempo. Es un poco más interesante. Lo genial de esto, igual que la última vez, podemos duplicar esta capa sobre todo porque tenemos todas las formas en una capa de forma como hemos hecho. Eso es casi como precomponerlo dentro de una capa. Realmente no tenemos que precomponer esto porque es solo una capa y no hemos hecho nada a los atributos de transformación de la capa real misma. Entonces todos estos están limpios y listos para ser animados si quisiéramos. Otra cosa a destacar es que podríamos querer mover el punto de anclaje de esto. Si lo animáramos, lo quisiéramos más cerca del punto central de eso, para que podamos hacer clic en la herramienta “Pin behind” y conseguirla por ahí. De esa manera, si por ejemplo, vamos a duplicar esto y ponerlo del otro lado también. Si vamos a hacer eso, vamos a querer rotarlo porque si lo movemos por aquí, digamos que fuimos por la esquina inferior izquierda, eso realmente no funciona. Ahora movemos el punto de anclaje alrededor, es más fácil simplemente reutilizar la rotación y ahora gira desde ese punto de anclaje. Todo esto está sucediendo al mismo tiempo, así que vamos a desplazar un fotograma clave sólo para que sea un poco más interesante. A lo mejor dos. Entonces eso es un florecimiento de chispa. Ahora que tenemos eso, podemos copiar y pegar en otras composiciones. Podemos usarlo a lo largo del video explicador, y solo ayudará a agregar algunos intereses visuales a lo largo de todo el proyecto. En lugar de solo tener el texto pop, y simplemente quédate ahí, estos florecimientos agregan un poco más de interés a solo tener el texto pop on. Un último consejo que me gusta hacer de vez en cuando es agregar un Null, y lo llamaré Global porque voy a fijar todo menos el fondo a ello. Este nulo global es una manera interesante de mantener las cosas en movimiento. Podríamos animar la escala y la posición si quisiéramos y simplemente mantener las cosas en movimiento a lo largo de todo el asunto. Se escala hacia abajo y luego usaré facilidad fácil aquí. Entonces es solo una manera de mantener todo unido usando un Null. Ahora que tenemos todos estos florecimientos y queremos que todo se mueva juntos y no tenemos que animar cada capa por separado, esa es una gran manera de mantener las cosas en movimiento incluso después de que se hagan los florecimientos. Esto sigue moviéndose mientras los florecimientos y los nulos se mueven todos juntos. El nulo de nuevo es una gran opción para mantener las cosas en movimiento. Eso es realmente grande en este explicador videos no sólo tener texto en pantalla y luego simplemente dejarlo ahí. Siempre queremos tener algún interés visual, algo siempre pasando o a punto de suceder, y así es donde transiciones interesantes, salteando en estos florece en su caso. Gracias por ver. 12. Construcción del cuerpo: Bienvenido al primer video sobre la creación de un personaje. En esta lección, vamos a aprender sobre la creación del cuerpo. He agitado esta captura de pantalla porque es bastante sencillo. Es esencialmente varias capas diferentes de color y creando máscaras para crear la forma del carácter.Creé una máscara para el cuerpo. Entonces duplicé eso hacia fuera para que pueda hacer las máscaras de resta de eso, para que los colores posteriores quedaran en el mismo círculo. Ahora lo que estoy haciendo es crear cada una de las formas del fonema. Significado, puedes ver los nombres de las capas, la D, la F, la M. Hay una forma que tu boca hace para cada letra o una frase. Estoy poniendo cada boca en su propia capa y creando múltiples capas Si tiene dientes o una lengua, pero cada uno va a quedarse en un marco y vamos a aprender por qué en un momento. Tendrás acceso a este archivo para que puedas pasar y solo usar las formas que tengo. Lo que estoy haciendo ahí es que puedes hacer clic y arrastrar el deslizador, hasta donde quieras que termine la composición y hacer clic derecho en ese deslizador y decir recortar comp a área de trabajo. Entonces reducirá el tiempo y la línea de tiempo para la composición. Hemos creado todas las bocas, y están en su propia composición. En este momento solo estamos haciendo el resto de la cabeza y haciendo ajustes, para que todo encaje correctamente. Aquí, no olvides cambiar también el punto de pivote. Se desea mover el punto de pivote, dondequiera que las partes del cuerpo vayan a rotar desde.. Por lo tanto, la cabeza, estamos moviendo el punto de pivote a la base de la cabeza donde está el cuello donde queremos que gire la cabeza. Lo que también estamos haciendo es criar partes del cuerpo el uno al otro. Vamos a padres de familia la cabeza al cuerpo. Ahora para que la boca sea utilizable para que podamos animar entre las diferentes formas del ratón, vamos a hacer clic derecho e ir tiempo congelar marco. Cuando hagamos eso, obtendremos un fotograma clave cuadrado en la capa y si podemos hacer clic y arrastrar el número de valor aquí, realidad podemos llegar a diferentes puntos en el tiempo en ese pre-comp. Por eso ponemos bocas diferentes en diferentes marcos y tiempo y ese pre-comp. Vamos a crear un camino. Es un poco más fácil de animar. En primer lugar vamos a agregar un deslizador, se va a controles de expresión, control de deslizador. Ahora sólo tenemos un control genérico que ahora mismo no está haciendo nada, porque no está conectado a nada. Alt click en el cronómetro para obtener las diferentes opciones para este atributo y podemos hacer click y Arrastrarlo sobre el control de deslizador. Eso construirá la expresión para nosotros. Ahora podemos hacer clic derecho en el lateral de la variable de control y editar el valor para que se ajuste a la escala con la que estamos trabajando, porque sólo tenemos tantas formas de ratón, no necesitamos el control de deslizador para ir a 200, 000 sólo lo necesitábamos para ir y afectar un cierto rango de fotogramas. Para averiguarlo, podemos ver cuántos fotogramas el control de deslizador y luego seguir y decir editar eso para solo afectar ese rango. En este caso parece que es alrededor de 0.36. Ahora el deslizador solo controla ese rango de valores. Si tuviéramos más bocas, podríamos necesitar que afectara mayor valor. Ahora mismo puede ir desde 0.36 y animará cada una de las bocas. Es así como haces una boca para un personaje, se asegura de que sean padres en la cabeza, por supuesto, para que la siga a lo largo. Pero eso es más o menos. También quieres asegurarte de que cuando tu clave lo enmarque, que clave-marco antes y después. De lo contrario, cambiará el valor entre cada uno. Puedes ver aquí, copié y pasé ese mismo valor, correcto, hasta que cambió y ese es el marco que quiero cambiar sobre un fotograma. De lo contrario, pasará por cada boca entre ese y el siguiente fotograma clave. Quieres asegurarte de tener dos fotogramas clave cada vez que cambies la boca. Una entera la anterior y otra para cambiar a la nueva. Ahora solo terminemos el cuerpo agregando ojos y padres esos a la cabeza también. Por supuesto, este es un trabajo de diseño de personajes muy básico. Siéntete libre de hacer tus propios personajes tan salvajes y zany o detallados como quieras. Esto solo soy yo mostrando que con capas muy simples puedes salirte con la tuya con mucho. Gracias por ver. En la siguiente videolección, discutiremos cómo crear los brazos y las piernas para este personaje. 13. Brazos y piernas: En este curso, vamos a aprender a hacer los brazos y las piernas de este personaje. Vamos a empezar por crear una forma. Vamos a ir a la herramienta de pluma, y vamos a seguir adelante y girar relleno, porque esto sólo va a ser un trazo, podemos cambiar el ancho más adelante también. Pero vamos a dar clic y arrastrar en este primero para crear el hombro, y luego todos vamos a hacer otra vez para hacer la mano. Haga clic y arrástrelo, y ese es nuestro primer brazo, básicamente. Vamos a conseguir el ancho del trazo a algo apropiado. Normalmente me gusta ver los hombros trabajando ahí dentro del cuerpo, y vamos a llamar a este brazo derecho. Antes de hacer cualquier otra cosa, queremos poner nuestra sartén detrás de la herramienta y poner la rotación en el lugar correcto, mantienes presionado Comando o Control, debería pop a un área en la que quieres que esté, así que si golpeas Command, se chasqueará a esa esquina. De ahí va a rotar el hombro, el brazo va a rotar. Ahora si vamos a rotar, podemos ver que está girando como esperábamos que lo hiciera. Ahora duplicemos el brazo, y esta va a ser nuestra mano derecha y esperamos duplicar eso porque queremos asegurarnos de que ese punto de rotación esté en el mismo lugar que el brazo. Se ve igual en este momento porque acabamos de duplicarlo, así que vamos a cambiar el trazo para que sea de color piel, y vamos a cambiar a una gorra redonda, y le vamos a añadir una ruta de recorte. Ahora vamos a bajar eso y luego bajar al 99 por ciento, y ahora tenemos la mano. Podemos aumentar el ancho del trazo, para que su mano sea un poco más grande que nuestra manga. Ahora tenemos eso y vamos a querer padres esto al brazo derecho, que cuando rotemos el brazo derecho, la mano siga. Tenemos la capa de la mano derecha parentada al brazo derecho, ahora necesitamos padre el camino de la mano derecha al camino del brazo derecho, así que vamos a desplazarnos hacia abajo a camino, y vemos que tenemos eso aquí, y luego vamos a abrir el camino en este por lo que estaremos listos una vez que lleguemos al cronómetro aquí. Entonces vamos a golpear Alt Cronómetro y obtenemos estas opciones, ahora tenemos la opción de crianza, vamos a dar click y arrastrar eso sobre el camino del brazo. Ahora bien, si agarramos el camino real, tenemos nuestra herramienta de bolígrafo seleccionada. Podemos seleccionar el final, se va a seguir. Si no hiciéramos eso, el círculo estaría en el mismo lugar, la mano estaría en el mismo lugar, pero ahora que lo tenemos parentado a la capa y al camino, podemos rotar esto y podemos afectar el camino y lo hará seguir. Ya que no vamos a estar animando la mano derecha, una característica útil es usar la capa tímida. Entonces no hace nada ahora que hemos hecho clic en él. Tenemos que cambiar esta opción para hacerla desaparecer. Ahora sólo tenemos el brazo derecho y está mucho más limpio. lo único que debes preocuparte, es que si comienzas a mover las cosas alrededor, di si querías que sus brazos fueran detrás su cabeza y mueves su brazo derecho hacia abajo y luego gira su brazo hacia arriba, su brazo irá detrás de su cabeza, pero su mano no lo hará y porque son del mismo color, no vas a poder decir realmente, pero ahora pasando por encima de sus ojos o de su cara, se puede ver eso. Siempre que estés usando una capa tímida, quieres asegurarte de que si estás moviendo capas alrededor, que desenfrenes todo, para que obtienes el brazo y la mano y puedas moverlas. Puedes duplicar este proceso para el otro lado también, y una forma rápida de hacerlo, desenfrenaremos esto para que recuperemos la mano, solo duplicaremos esas capas, las arrastraré arriba juntas, las cambiaré el nombre. Ahora una forma rápida de ponerlo en la posición correcta es desmarcar las proporciones limitadas de enlace, y ahora podemos decir un 100 negativo para voltearlo. Podemos golpear P para obtener los datos de la posición y mover la posición. Todavía tendremos que asegurarnos de que la trayectoria de forma esté parentada a la ruta correcta. Cuando duplicas cosas, podrían mantener su crianza del duplicado y no seguir como te gustaría que lo hiciera. Aquí mismo podemos ver su parentado al brazo derecho, y eso está mal. Queremos partenarlo al brazo izquierdo, por lo que haremos click en esto y bajaremos a camino. Ahora está parentado al brazo izquierdo. Esa es una forma realmente rápida de duplicar tus apéndices, así que haremos lo mismo por las piernas muy rápidamente. Ahora tenemos a nuestro personaje, el único problema es, cuando movemos el cuerpo, sus brazos y piernas no le siguen. Por lo que queremos recordar a los padres los brazos y las piernas al cuerpo, y voy a golpear las Capas Hide All Shy, por lo que va a ser un poco más sencillo. Puedo cambiar, seleccionarlos todos y decir padre al cuerpo. Ahora, todos se van a mover con el cuerpo. Cómo realmente animamos los apéndices son por clave enmarcando los caminos. En el camino, podemos golpear un fotograma clave y cambiar todos estos hacia abajo, y una vez que tengamos todos los caminos teclados, no tendremos que volver a entrar en todos estos menús después del hecho, solo podemos presionar el atajo U y tirar hacia arriba de los fotogramas clave. Se puede ver que se desorden aquí cuando hay que pasar por todos esos menús. Se puede cerrar todo y luego golpear U, y sólo se tirará hacia arriba del camino. Ahora tenemos un marco clave y todo, tenemos nuestra posición por defecto, generalmente quieres guardar una posición por defecto por si necesitas volver a ella puedes copiarla y pegarla en otro lugar. Lo sentimos, pero necesitarás hacerlo por cada capa, no puedes hacerlo como grupo. De verdad rápidamente quise mencionar que esto no es una configuración de IK. Un IK significa cinemática inversa, y todo lo que significa es que, cuando mueves el cuerpo, todo se mueve juntos. Los pies no se quedan en el suelo, y las manos no se quedan en su posición mundial. Algo que recomendaría tal vez pensar en hacer, si sabes que vas a hacer mucho trabajo gráfico y te gustaría esa funcionalidad, podrías comprar un plugin llamado RubberHose, y cuando haces clic en él, obtienes el poco y puedes crear una nueva RubberHose, y esta es una configuración cinemática inversa y hay tutoriales en su página web que te muestran cómo funciona eso, pero solo quería mencionar eso como otra opción. Si quieres que sus pies permanezcan en el suelo mientras camina por ahí, o si mueve su cuerpo, solo arriba y abajo de alguna manera, tendrás que enmarcar clave cada fotograma que su cuerpo se mueve. Una buena manera de hacerlo es establecer guías. Se accede a las guías pulsando Control R, también se puede obtener desde el menú Ver y decir Mostrar guías y Mostrar reglas. Lo que eso va a hacer es cuando estás animando, puedes tener ese chasquido a los pelos cruzados de esas dos guías, así que si muevo su cuerpo hacia abajo, una manera fácil de volver a poner su pierna en su lugar es golpear a esa guía y de supuesto que vas a doblar la rodilla para mantener el mismo volumen. Pero así es como harías eso, y te asegurarías de que eres clave enmarcando eso, cada fotograma. El ajuste se realiza también desde el menú de vista, puedes ir a Ver Snap to Guias. Para animar al personaje real, necesitamos animar los caminos y lo hacemos con la herramienta de lápiz. Podemos ver con la herramienta de selección, no podemos seleccionarla, así que necesitamos la herramienta de lápiz y ahora podemos plantear un personaje como necesitamos que sea. Ya que hemos parentado todo correctamente, la mano debe seguir, y puedes hacer la misma idea con los recorridos de recorte en la mano para crear mangas cortas o shorts. Simplemente agrega otra trayectoria de recorte, y parent la capa y el camino a la pierna principal, si quieres hacer shorts o camisa de manga corta, y eso es todo. Cuando estés creando tus personajes antes de crearlos, querrás pensar para qué los estás usando. No quieres crear un personaje con un montón de formas de boca, si nunca hablan. Se quiere ser eficiente en cómo se crean sus personajes, y para qué se van a utilizar. Si tienes algún problema con esto, publica un mensaje en la discusión, también tendrás este archivo After Effects Project para pasar y ver cómo lo hice todo. No te olvides de esos que esconden capas tímidas. 14. Procesamiento en After Effects: Bienvenido al curso sobre renderización. He creado una animación corta usando el personaje de la lección anterior. Puedes deconstruir mi animación cuando descargues y abres un archivo de proyecto, pero básicamente acabo de hacer una ola ciclista, y en realidad agregué un poco de sombra aquí con una capa de ajuste de curvas oscurecidas, que puedes encontrar aquí abajo. Vamos a aprender a renderizar, ahora que hemos creado nuestra animación, quiero que esto ciclo, así que he escogido un lugar donde se hace con la animación, y una vez que empiece a reproducirse se verá como si fuera ciclismo, volverá a girar el back end del personaje. Sé que este es el punto en el tiempo que quería ciclo. Puedo hacer click y arrastrar esta área de trabajo barrada hacia abajo hasta donde la quiera. Entonces puedo hacer clic derecho y decir “Trim Comp To Work Area”. Ahora puedes ver que acorta mi línea de tiempo. Ahora cuando golpee “Play”, y esto bucles, lo hará, estamos recibiendo muy pequeñas oleadas de la alta escala hacia arriba. En realidad vamos a bucearlo desde el principio aquí mismo. Vamos a bajar eso, di “Trim Comp To Work Area”. Ahora veamos ese bucle atrás. Ahora que tenemos el conjunto de composición, podemos comando shift, slash para obtener la cola de render, o podemos ir a Composición, Agregar a la cola de renderizado. Las dos cosas principales que necesitamos establecer son el nombre del archivo y la configuración del módulo de salida. Daremos click en “Lossless” y obtenemos esta ventana de configuración del módulo de salida. En primer lugar quieres seleccionar el tipo de formato porque eso te dará diferentes opciones de formato aquí. Normalmente voy con QuickTime y para opciones de formato, entonces puedes seleccionar tu Códec. Hay un montón de códecs, sobre todo si estás en un Mac, hay un par de más. Básicamente todo se convierte a H_264 en la web. Eso es bastante seguro cuando pasamos. Ahora bien, si quieres que tu animación sea un tamaño exacto de archivo, puedes empezar a jugar con la velocidad límite de datos y típicamente 12,000 es tan alta como vas a necesitar que esté en la web antes de nada por encima que realmente no se pueda ver de todos modos. Podemos establecer esas cosas que ayudarán a controlar el tamaño del archivo. Le pegaré a “Ok”. Ahora podemos redimensionarlo después del hecho si quieres que esto sea 720p, por ejemplo. Entonces quieres asegurarte de que tus audios estén encendidos si tienes audio en tu archivo. Eso es más o menos. Puedes hacer clic en “Ok” y luego haces clic en “Render”. Tenemos nuestra animación hecha. Es así como renderiza en After Effects. Gracias por ver y continuar con las lecciones de bonificación para aprender algunos efectos específicos para videos explicadores. Gracias, adiós. 15. Efecto de pizarra: Bienvenido a una lección extra donde aprenderemos a crear el efecto de pizarra blanca. Probablemente has visto esto con bastante frecuencia, y es básicamente donde un bolígrafo dibuja en una pizarra blanca. Se puede hacer esto digitalmente así que he creado un personaje solo usando formas, se puede ver que es solo una capa de forma con un montón de formas diferentes. Algo importante a tener en cuenta sobre este efecto es que queremos asegurarnos que las líneas de forma sean redondeadas porque una pluma es redondeada. Una manera fácil de hacer eso es descargar este plugin, eso es gratis. Crea una forma realmente fácil de acceder creando esos ButtCaps en tapas redondas. Porque sin este plugin, hay que pasar por cada capa de forma y encontrarla en el trazo que está aquí abajo. Entonces te imaginas lo tedioso que sería eso si tuviéramos que pasar por cada una de estas capas de forma donde con este guión solo iremos a Window y ButtCapper, y puedes cambiarlo hacia arriba. Puedes presionar ALT para hacer las conexiones y solo hacer click normal para hacer los extremos, así que eso es muy útil. Buceando, aquí está nuestro personaje y queremos que parezca que está siendo dibujado en la pantalla. Entonces cómo vamos a hacer eso es con el efecto de trazo, pero primero, tenemos que hacerlo, ya que esta es una capa de forma, necesitamos precomponerla. Porque si empezara a usar la herramienta de lápiz en esto, pensarías que estoy dibujando otra forma y no una máscara. Por lo que necesito precomponer esta capa, capa pre-componer. Por lo que hemos pre-compuesto esa capa de hombre aquí. Antes de empezar, necesitamos aplicar el efecto de trazo, que he buscado en el panel de efectos por aquí a la derecha, generar trazo, y podemos arrastrar y soltar eso la capa o en el panel de efectos sobre aquí. Entonces está encendido y cuando elijas el camino es todo máscaras, y vamos a crear un camino de máscara. Entonces vamos a seleccionar la herramienta de bolígrafo en la parte superior izquierda aquí o pegarle a G. Voy a empezar en la cara, y voy a tiempo-lapso esto fuera para que no tengas que ver todo el asunto, pero la idea es ir en medio de cada una de estas líneas y tratar de no cruzar una prematuramente. decir, esto tiene que representar el camino del pin, y si pasa por encima de una sección antes de su tiempo, entonces va a tener como una especie de secciones punteadas, y tendrá sentido una vez que comiences que quieras asegurarte de tener una dirección limpia del camino y que estás bastante alineado en medio de él. Para que cuando aumentemos el ancho del trazo, no se vaya a salir ni se deje de lado en un lado del trazo. Empezamos aquí y aceleraremos esto y te atraparemos en un segundo. Ahora que hemos dibujado las celdas de la máscara, podemos jugar un poco con el trazo para que veamos que no está cubriendo completamente todo el dibujo. Por lo que podemos aumentar el tamaño del pincel hasta que acaba de empezar a ocultarlo todo, y podemos entrar aquí y ajustar algunas de las líneas para que veas que estamos siendo precisos y dibujarlo justo en medio de la forma puede ser muy importante. Ahora podemos cambiar el estilo de pintura de poco original para revelar imagen original. Ahora mismo lo es, vemos que tenemos un inicio y un fin, y eso está al 100 por ciento. Entonces podemos enmarcar esto, y esa va a ser la animación. Entonces vamos a bajar a 0, y luego vamos a golpear el cronómetro aquí para establecer un fotograma clave, y podemos ver que en la capa golpeando U y seleccionando capa en U. Ahora vamos a seguir adelante en el tiempo, tal vez un 100 fotogramas, y luego llevaremos esto hasta un 100 por ciento. Si esto está distrayendo ahora, este camino, siempre podemos darle a este pequeño display de toggle de máscaras, pero solo recuerda que está apagado. No olvides eso, porque a veces puede llegar a ser confuso. Entonces veamos qué tenemos. Ahora tenemos el personaje que está dibujando, hay un par de áreas sucias donde el camino se dibuja prematuramente. Justo aquí, parece que me pasé por encima de la cara antes de empezar en esa sección. Entonces volveré a encender la máscara, y luego solo puedo arrastrar esto para que ya no esté haciendo eso. Así que asegúrate de hacer estas pequeñas correcciones, solo ayuda a vender el efecto porque estamos haciendo esto digitalmente. Queremos asegurarnos de que esté lo más limpio posible y lo mismo para estas áreas aquí donde te encuentras con otras líneas. Podrías simplemente querer limpiar eso, sólo un toque y favorecer los lados del dibujo que no tiene esos. Entonces hagamos algunas correcciones ahí. Ahora lo hemos limpiado un poco más. Entonces solo quieres seguir haciendo eso mientras lo estás viendo, pero parece que es bastante bueno. Tenemos este efecto en, pero aquí no tenemos el mango. Es sólo revelador en como alguien invisible lo está escribiendo. Vamos a ver escribirlo a mano. Para que puedas traer una imagen, yo tengo una, puedes tomar una foto de tu mano. Tengo un PNG, así que eso significa que tiene un alfa en él. No todos los PNG tienen alfas, pero éste sí. JPEG no pueden tener un canal alfa, y el canal alfa solo significa que es transparente. Entonces puedo arrastrar esto y podemos ver que la transparencia está ahí porque podemos ver todo, pero la mano detrás de ella. Entonces lo primero que vamos a hacer una vez que traigamos la foto de la mano es mover el punto de pivote con un bolígrafo detrás de la herramienta, pero colgar alambre hacia arriba en una parte superior izquierda, se ve, como la herramienta de línea de lápiz, y luego poner el punto de pivote justo en la punta del bolígrafo, y obviamente, te vas a asegurar que tengas un bolígrafo negro y si tienes líneas negras. Ahora lo que vamos a hacer es ir a la máscara golpeándolo. Vamos a seleccionar trayectoria de máscara, golpear Comando C o Control C, y luego vamos a ir a la posición de la mano del marcador y pegarla. Seleccionemos la capa de forma del hombre y golpeemos U. Podemos ver que la hemos pegado en la capa superior aquí, donde está la mano. Hemos pegado en la animación, parece del camino, pero no coinciden. Por lo que es realmente sencillo de hacer, igualarlos. Simplemente selecciona el último fotograma clave aquí y arrástrelo para coincida con este otro fotograma clave que habíamos establecido. Entonces ahora cuando observamos, parece que la mano está dibujando a nuestro hombre. Entonces me doy cuenta cuando empecé a dibujar este camino de máscara que quería que la mano se desprendiera al final así que solo extendí ese camino de máscara aquí al final, así que entonces supe que la mano se iba a despegar. Entonces para hacer eso para empezar a conseguir seleccionar los fotogramas clave, deslízalos hacia abajo 10 fotogramas más o menos. Simplemente arrastra esto, y para que eso sea solo para el manejador, puedes ver que aquí solo hay un fotograma clave para la mano y eso no está realmente relacionado con la línea que anima encendido y apagado, eso está en esta capa. Para que podamos animar la mano. Está repasando todas estas líneas, pero eso es sólo la animación de la imagen de la mano, eso no tiene nada que ver con el camino de la máscara en el hombre que lo está revelando. Entonces ese es otro pequeño truco para traerlo. Otro pequeño truco para ayudar a vender esto es agregar algo de animación de rotación. Por lo que nuestras manos no sólo se mueven arriba y abajo y de lado a lado, giran desde el codo y el hombro. Entonces para vender un poco ese movimiento, podemos establecer fotogramas clave y girar el brazo hacia arriba y hacia abajo para que parezca que hay un poco más de movimiento en la mano que simplemente subir y bajar. Por lo que es difícil de decir ahora mismo, pero esto ayudará a vender un poco el efecto. Puedes ponerte más particular al respecto si quieres, pero por ahora, solo voy a escoger un par de spots y animar eso. Entonces veamos cómo se ve eso ahora. Entonces entra la mano, está girando. Se pueden ver las rotaciones ocurriendo. Simplemente ayuda a vender el efecto de que en realidad es como la mano de alguien moviéndose. Entonces esa es básicamente toda la idea, y espero que te diviertas probándolo por ti mismo también. Gracias por ver. 16. Animación de una cinta de bandera: Bienvenido a la lección bonus sobre cómo hacer un banner animado. Los pancartas son elementos muy comunes para explicarles videos. Aquí hay uno rápido que hice. Entonces vemos que se limpia, pero tiene un efecto tridimensional que ahí está el primer plano y las cintas de fondo. Probablemente podrías resolver esto por tu cuenta, cómo hacer esto ya, si ya has visto todos los videos tutoriales, pero quiero pasar y mostrarte cómo hacerlo paso a paso. De todos modos, así que vamos a hacer clic derecho en “Nuevo”, “Sólido” y haremos un estandarte rojo similar. Este, llamemos a eso Top. Voy a hacer clic en la máscara del rectángulo y sacar eso. Yo lo voy a hacer en el fondo aquí. Entonces vamos a fingir lo contrario de lo que acabamos de ver. Este está en la parte superior, y así para fingir la tridimensionalidad de la misma, ponemos las cintas de cola en la parte inferior. Entonces en este, sólo vamos a dar la vuelta a eso sólo para mezclar un poco. Entonces duplicaremos lo que acabamos de hacer. Llamaré a eso LeftBack. Duplicaremos esta máscara para que sepamos que es de la misma altura. Nosotros sólo queremos que sea un poco más corto. Dejaremos ahí esa primera como punto de referencia. Digamos, bueno, casi dividir la diferencia aquí. Vayamos y dividamos la diferencia. Entonces es en el cuarto de esto, ahí es donde se cruza. Entonces dejaremos eso y luego haremos un triángulo. Para hacer un triángulo, golpearemos “Shift” y sacaremos un cuadrado. Después haremos doble clic en eso y luego lo rotaremos. Manteniendo Shift, haremos que rote en ángulos de 45 grados. Traeremos esto en la medida en que lo permitan los puntos. Ahora bien, si recuerdas de las anteriores, restaremos esta zona por lo que ahora tenemos esa sección de cola. Podemos seguir adelante y hacer zoom de nuevo aquí. Simplemente vamos a encajar con esto. Entonces duplicaré esto. Oops, lo hice doble clic. Entonces solo para volver, subimos aquí a Composición. Entraré para renombrarlo y diré RightBack. Está bien. Ahora voy a golpear “Escala” y voy negativo 100 en X para que se dé la vuelta del otro lado. Ahora puedo eliminar estas dos primeras máscaras que estaban justo ahí como referencia desde la de arriba. Necesito asegurarme obviamente que la parte superior esté en el orden de la capa superior aquí para que se muestre en la parte superior. Entonces ya casi terminamos. Ahora, vamos a duplicar esta otra vez. Llamaremos a esto RightShadow. A mí me gusta simplemente dejar los colores en el lugar correcto. Me gusta hacer correcciones de color para cambiar el valor de las cosas si estoy queriendo quedarme en el mismo rango. Problema con Curvas es que lo sobresatura cuando lo haces. Por lo que alternativamente, en lugar de Curvas, podrías usar Hue y Saturación, que en realidad tiene una barra de ligereza aquí. Podemos bajar un poco la ligereza. Entonces podemos poner esto y a donde tiene que ir que está frente a la izquierda. Apaga la parte superior aquí un segundo. Delante de la izquierda y por encima de las de atrás. Entonces volveré a encender eso para que veamos adónde vamos. Entonces voy a subir la sombra hasta ahí, acercar para ver hacia dónde vamos. Ahora parece que conectamos los puntos aquí. Así que agarra esto, llévalo al borde, y muévalo hacia arriba a su posición. Entonces solo necesitamos conectar los puntos al borde. En realidad seleccionamos ese, luego simplemente lo movemos hacia abajo. Entonces sólo podemos bajar este rincón. Golpeé “Enter” por lo que volveré a Composición. Cuando animemos esto, veremos esto por dos fotogramas. Por lo que queremos asegurarnos de que eso tenga sentido en base a lo que parece. Por lo que ahora solo podemos duplicar esta capa. Porque sabemos que hicimos parejar al otro lado, simplemente podemos hacer lo mismo escalado. Porque LeftShadow, la escala, desmarque el enlace, vaya negativo 100. Se volteará al otro lado. Entonces ahora tenemos nuestra cinta y necesitamos animarla. Es bastante simple, solo necesitamos hacer más máscaras. Entonces, saltemos y empecemos a animar. Entonces crearemos otra máscara e iremos directo al borde de donde empezará. Lo giraremos hacia abajo para que podamos conseguir aquí el fotograma clave y animaremos el camino de la máscara. Pero quería empezar en tal vez diez fotogramas en. Entonces voy a deslizar ese fotograma clave a diez. Está bien. Entonces vamos a entrar cuatro, cinco fotogramas, y luego vamos a animar a este chupón limpiando. Voy a golpear “Enter”. Cambiaremos este modo a Intersectar. Ahora se puede ver que revela esa cola. Entonces iremos a los moderns del fotograma clave, y luego subiremos a la LeftShadow. Bajemos eso donde sea apropiado, y luego dibujaremos otro. Entonces haremos Restar esta vez porque no tenemos esa pieza de cola. Ya es Resto, algo que nos hizo tener que elegir Intersect. Por lo que ahora sólo podemos usar un Resto recto. Tendremos que enmarcarlo nuevamente. Entonces vamos dos fotogramas hacia adelante, y luego borraremos esto aquí, y luego cambiaremos esto a Restar. Entonces ahora podemos ver que tenemos eso en marcha. Parece que viene hacia nosotros. Asegúrate de que estamos en este último fotograma. Entonces haremos el top. Haremos lo mismo sólo Restar cosa. Entonces vamos a empezar con todo el asunto y vamos a enmarcar eso. Entonces vamos a 1, 2, 3, 4, 5, 6, 7, 8, tal vez marcos más tarde, vamos a limpiar esto ahí abajo y eso lo cambiará a Restar. Ahora podemos ver que sí lo limpia. Tan pronto como ese viene hacia nosotros, entonces ese empieza. Es poco rápido en relación a cómo empezamos la cola. Entonces solo voy a sacar un poco esos fotogramas clave. Está bien. Entonces haz lo mismo por estos dos últimos. Eso lo aceleraré. Entonces ahora tenemos nuestra cinta animada como si se tratara de un objeto tridimensional. Si quisiéramos poner texto en la cinta, todo lo que tenemos que hacer es escribir algún texto. Podríamos limpiarlo con la cinta solo con otra máscara. Entonces ahora tenemos el texto que parece que está ahí. Entonces más tarde si nosotros, por supuesto, quisiéramos mover todo, podríamos crear un nuevo Nulo. Simplemente moveré esto hacia abajo y cambiaré esto a un Amarillo. Entonces podemos padres todo a ella. Ahora tenemos nuestra cinta que podrías copiar y pegar esto en cada proyecto y cambiar el texto. Es un gran activo tener. Hazlo una vez y luego reúsalo. Por lo que espero que hayas disfrutado de eso y que te diviertas con él. Gracias por seguir y espero que disfruten del curso. 17. Mezclado de animación 3D con 2D: Hola alumnos de Skillshare. Gracias por tomar esta clase. Quería crear este video de actualización solo para enseñar un aspecto más de videos explicadores que no toco, no he tocado hasta ahora. No incorporando animación 3D, que hago mucho en mis videos explicadores. Este no será un tutorial sobre cómo animar en 3D. Tengo muchas otras clases sobre Skillshare en las que puedes inscribirte, donde imparto animación 3D y Maya. Yo los animo a que hagan eso. En este tutorial o esta lección, se trata del flujo de trabajo. ¿Cuáles son los conceptos? ¿ Cómo me acerco al cambio de animación 2D a 3D y de vuelta a 2D? Para que puedas seguir adelante descargando la plataforma del libro. Lo he agregado a los archivos del proyecto en la sección donde puedes descargar archivos del proyecto. Por lo que puedes tratar de seguir por ti mismo e intentar hacer esto también. Pero te animo a revisar mis otras clases donde enseño cómo animar en 3D y Maya. Pero esto te dará una buena idea de cómo puedes llevar tu animación al siguiente nivel al comenzar a incorporar animación 3D, que está en tan alta demanda como todo el mundo sabe. Gracias por ver y te veré en clase y seguiré viendo para ver cómo lo hago. Saltemos a la derecha y veamos qué vamos a recrear. Esto es de un proyecto de cliente real que me enojé, y esto es lo que vamos a recrear. No esta animación. Entonces está esta animación que sucede, y que en realidad tiene algunos elementos 3D ahí dentro. Pero el que vamos a hacer es esta transición de esta mirada de insignia a este libro, que son estas líneas. Entonces tenemos este tipo de rotación. Entonces el amarillo se expande para crear la portada del libro. Entonces tenemos este look arcoíris, pero el libro cubre los dos amarillos. Entonces en un After Effects, esto fue simplemente súper simple. Es decir, estas son solo máscaras que se rotan y estas cintas que te mostré cómo hacer en el curso, el curso explicador eso es solo otra máscara. Entonces esas máscaras se expanden y animan y luego nos quedan con este único marco. Entonces esencialmente el flujo de trabajo, este video va a ser más un tutorial de flujo de trabajo, ahora aquí está cada botón que presiona. Simplemente quiero desmitificar este proceso que puedas aplicarlo con cualquier paquete 3D que utilices. Voy a usar a Maya. Si no estás familiarizado con Maya, quieres aprender y yo doy un montón de otras clases al respecto. Eres libre de facturar a esos. Básicamente, el flujo de trabajo para esta transición, sólo voy a reproducirlo. Entonces vamos de estas insignias, tenemos esta transición y luego vamos al libro. Por lo que es una transición bastante sin fisuras. Pero el único truco es que estamos cambiando en un cuadro. Para que veas donde los bordes, empezamos a recoger la sombra de la portada del libro aquí mismo. Entonces entre estos dos cuadros es donde ocurre el interruptor. Pero cuando lo estás reproduciendo, no puedes ver ni siquiera ese pedacito del interruptor. Sucede tan rápido sobre un fotograma y lo igualamos tan bien que es algo invisible. Eso es como un corte invisible. Entonces quiero mostrarles cómo hice eso. Lo vamos a recrear un poco. Yo sólo voy a pasar por el flujo de trabajo y mostrarte cómo se hizo. Entonces digamos que así es mi proyecto After Effects. Lo he hecho todo hasta este punto. Por lo que se trata de máscaras y sólidos de After Effects, y que todos deben saber cómo hacerlo ya si están viendo el curso explicador. Entonces básicamente quiero renderizar todo el camino hasta aquí. Seguí adelante y realicé todo esto solo para que puedas tenerlo y verlo. Si estás en un estudiante inscrito, puedes descargar estos y los archivos del proyecto junto con esta plataforma de libros 3D. Pero así la idea es renderizar imágenes. Para Maya específicamente, quieres renderizar jpegs y usar este formato. Si puedes ver aquí abajo dice,” punto secuencia de imagen “, y luego tiene el número. Por lo que renderizará los números de los números de fotogramas. Pero lo importante aquí que realmente le gusta a Maya es el periodo justo antes del número de cuadro. Si se trata de un guion bajo, es posible que tengas que cambiar el nombre de esto y algo así como Adobe Bridge y hacer un cambio de nombre por lotes. Así que solo asegúrate de tener un punto justo antes del número de fotograma en cuando estés explotando esto fuera de After Effects. Por lo que Maya entiende y puede recogerlo. Entonces saltemos a Maya. Aquí está la plataforma de libros que he hecho, que de nuevo, puedes descargar como parte de los archivos del proyecto si eres estudiante inscrito en esta clase. Entonces la idea general es que ahora necesitamos obtener esas imágenes que ya tenemos, hemos renderizado de after effects, necesitamos traerlas a Maya o cualquier paquete 3D que estés usando. Entonces la forma de hacerlo es que necesitamos una cámara de la que vamos a renderizar. Entonces voy a ir a Paneles, crear una nueva cámara y sólo voy a moverme rápido por aquí porque de nuevo, esto no es como un tutorial paso a paso. Esto es más bien un tutorial de flujo de trabajo. Por lo que quiero que la cámara se alinee aquí con sus atributos. Por lo que está exactamente centrado en el libro. Entonces la gran diferencia entre ir de 2D a 3D es la distorsión de lente de las cámaras donde, ya sabes, para un After Effects, todo esto es muy plano y no estamos recibiendo ninguna distorsión o perspectiva necesariamente porque es justo lo que creamos como forma. tanto que cuando estás en 3D, puedes empezar a ver esta línea negra aquí que es desde la perspectiva y el tipo de lente y distancia focal que estamos usando. Entonces podemos controlar eso aquí en Maya, y para comprimir todo esto hacia abajo, necesitamos elegir una distancia focal mucho mayor, lo que también significa que necesitamos hacer zoom hacia atrás a la cámara. Ahora puedes ver que esa línea negra es mucho más delgada aquí. Por lo que cuanto mayor sea la distancia focal, fui a 200 milímetros. Esto es en milímetros. Esto es igual que si tuvieras una DSLR y le pongas una lente de 200 milímetros, va a comprimir un poco la imagen para que todo esté un poco aplanado. Cuando estamos emparejando 2D a 3D, a veces necesitamos hacer eso en la cámara para que no tengamos, ya sabes, déjame volver a 35 milímetros, que es el valor predeterminado. Aquí no tenemos esta gran línea negra que es solo parte de la perspectiva de un objeto 3D. Por lo que queremos aplanar un poco esa perspectiva haciendo una distancia focal más grande. Entonces ahora tenemos la cámara resuelta y ahora necesitamos traer la imagen. Entonces en Maya, hay un par de formas de hacerlo, pero la forma más obvia y fácil es bajar al entorno y crear un plano de imagen. Golpeamos Create, veremos este pequeño x pop-up amarillo y ahora estamos bajo la pestaña de plano de imagen. Simplemente lo haré automáticamente creando uno, nos pone ahí dentro. Es pedir un nombre de imagen. Queremos traer la secuencia de imágenes que he hecho. Entonces déjame simplemente saltar a esos. Puedes seleccionar cualquiera de ellos y debería traerlos a todos, siempre y cuando pulses este botón que dice usar secuencia de imagen. La otra pequeña advertencia a eso es, solo voy a golpear cuatro, para que podamos ver a través del libro y hasta el plano de imagen. El único comentario a esto es, se va a numerar, y esto dice 947. Está tomando el número de fotograma de las secuelas. Se va a alinear con ese número de cuadro y Maya. Por lo que es posible que necesites extender tu línea de tiempo para que tus secuencias de imágenes estén realmente ahí. También podrías compensarlo con esta característica aquí. Pero solo para mantener las cosas uno-a-uno, no es como si estuviera haciendo una secuencia grande, no hay razón para tener que compensar las cosas y luego confundirse sobre el número de fotograma. Por lo que trato de igualarlo en Maya también. Entonces vayamos a ese marco. Ahora tenemos la secuencia, y ahora sólo podemos igualar hasta el fotograma con el que queremos emparejarlo, entonces podemos elegir qué cuadro queremos emparejar. Entonces tal vez sea ésta cuando haya terminado de hacer su animación, y tenemos este todavía marco. Voy a golpear cinco para traer de vuelta, o lo siento, seis con texturas. Yo sólo voy a alternar esto. Parece que podríamos necesitar básicamente simplemente ajustar la cámara hasta que coincida con el fondo. Voy a alternar entre cuatro y seis. La otra cosa que podemos usar, hay un pequeño sistema de cuadrícula aquí arriba. Entonces podemos ver si apagamos eso, déjame apagar esto y encender y apagar los polígonos porque estamos viendo el alambrón del libro. En realidad podría decir, seis y luego usar esto para alternar todo. Se ve bastante jodidamente cerca como. Eso fue súper rápido. Eso llevó unos minutos, y ahora ya emparejamos los archivos, la secuencia de imágenes de la imagen 2D con el objeto 3D. Por lo que sólo necesitamos emparejar en ese fotograma, entonces podemos animar este libro desde este punto hacia adelante de cualquier manera que queramos que tenga sentido con la animación 2D. En una animación 2D, básicamente la tenemos rotar y luego se aleja, así que eso es como una agradable transición suave. Podríamos seguir girándolo porque vamos de rotaciones de derecha a izquierda, así que tal vez podríamos incluso seguir girándolo. Pero sí tiene esta pequeña pausa aquí, así que se engancha. Sería un pequeño enganche ahí dentro, hay un poco de acetil. Tiene sentido que, terminé haciendo un zoom hacia fuera. Esa fue sólo la transición más fácil allí. Cuando saltemos de nuevo en un maya, no voy a pasar por todo el proceso de animar esto, pero voy a ir a una vista sólo para darte una vista rápida de cómo podría ser eso, voy a hacer dos pintura lado a - lado. Entonces elige perspectiva aquí. Incluso puedes ver el plano de imagen aquí atrás con el que estamos emparejando, y aquí es donde está el libro en el espacio 3D. Me divierto con esto, trata de recrear. Yo amañé el libro y es bastante básico rig, pero en realidad puedes, si eres estudiante inscrito, puedes descargar estos archivos del proyecto. Te animo a que realmente pruebes esto, trata de recrear esto por ti mismo. Básicamente lo que vas a hacer es, enmarcar siete, siete, siete es con lo que estamos emparejando. Básicamente, a partir de este punto en adelante, se puede ignorar el plano de la imagen. Podríamos incluso decir mostrar y apagar el plano de imagen aquí, y yo voy a apagar la cuadrícula y encendimos para tratar alinearlo y también voy a apagar las curvas NURBS aquí, porque no vamos a ver eso en el render . Voy a encender las puertas de la película, para que podamos ver cuál es la puerta de la película. Entonces voy a apagar la grilla, para que podamos tener una idea. Solo estoy golpeando alt B para cambiar el color de fondo. También podemos traer un avión que sea de color verde así, si de verdad lo queríamos uno por uno. Pero cuando creé esto, acabo de renderizar un canal alfa, así que acabo de traer esto sin un fondo de Maya y usar el fondo y después de efectos porque era 2D, no es como si hubiera sombras o cualquier cosa en ella. Si quisieras, no creo que lo hiciera, podrías fingir aquí una sombra, es realmente lo que debería haber hecho. Porque no anticipas que golpee nada aquí, esta es una forma en que mejoraría esto es agregar una sombra de suelo. Simplemente fingiría eso usando máscaras y secuelas. La sombra sería más grande aquí y luego llega al tamaño del libro aquí, solo para darle algo para sentarse aquí y tener un poco más de sentido. Pero entonces cómo avanzar desde este punto en Maya, para llegar ahí, es ir hacia adelante por muy lejos que quieras casi ir, ahora que sabemos dónde va a estar la animación, definitivamente voy a bajar este camino. Cuando estoy fregando en la línea de tiempo, es mucho más fácil ver lo que estamos haciendo. Voy a empezar desde ese primer cuadro aquí, entonces vamos a tirar de esto hacia atrás. Simplemente podemos empezar a animar esta cosa como queramos. También podemos animar la cámara, en lugar de animar el libro en sí, siempre podríamos animar la cámara, eso es más fácil o hacer ambas. Especialmente con la distancia focal, eso podría ser más fácil animar la cámara sólo porque nos alejamos tan lejos, y con la distancia focal que tenemos la lente puesta, podría ser más fácil simplemente tirar de la cámara hacia atrás y animar el cámara así. Pero de nuevo, no quiero estropear mi cámara. Bueno, supongo que estoy en el marco 826, así que no importa. Simplemente nos vamos a asegurar fotograma clave, si vamos a hacer eso, tenemos que empezar con un fotograma clave, porque si empiezo a mover esto, aquí no hay fotograma clave, así que no puedo volver a eso. corchete de extremo abierto es la forma de ir y venir entre fotogramas clave en Maya, si estás intentando mantenerte al día con las cosas de Maya. Eso podría ser también una cosa a tener en cuenta. Si no vas a animar tu cámara, es posible que quieras bloquear estos atributos. Puedo bajar aquí y decir cerradura seleccionada. Ahora no puedo cambiar accidentalmente esa visión que definitivamente queríamos mantenerla bloqueada. Pero sí, aquí está el comienzo de esa animación. Es un poco lento. Entonces simplemente comienzas a entrar aquí, masajeando la animación como quieras que vaya. Es así como comienzas a incorporar el 3D a tu trabajo 2D. Entonces quería incluir el final de la misma, porque se puede ver cómo salimos de esto también. Entonces creo que animé el libro aquí y eso se cayó, y luego animé la cámara en la segunda mitad, y luego el libro se abrió a esto. Entonces solo uso esto como tapete para la imagen, y luego acercamos al libro básicamente. Es así como salimos del momento 3D y estamos de vuelta en 2D aquí. Esto era una cosa híbrida 2D, 3D, el emblema aquí en el medio era 3D. Entonces uso 2D en todas partes hasta que este cambio al momento real sobre un fotograma, y luego volvemos a 3D, luego hacemos zoom en el libro aquí y volvemos al 2D completo. Así lo hice por ese proyecto. Definitivamente, es concepto realmente simple. Cambias sobre un fotograma. Cómo hacer eso es renderizar la imagen, cotejarla en cualquier paquete 3D trayendo un plano de imagen. Entonces anima sin embargo el diablo que quieras animar, porque ahora eres libre formando el material 3D. La otra cosa que diré de que 3D consiga ese look 2D es simplemente mantener el shader súper simple. Se puede ver aquí no hay texturas ni nada. Es súper básico porque estoy tratando de igualar el estilo de lo que ya estaba haciendo en el tema de estos colores y todo eso. Por lo que está muy iluminado direccionalmente. Ahí sólo hay una sombra. No es como plomo con múltiples, demasiadas luces direccionales, pero fue duro. Yo quería una sombra dura y tendría sentido con el estilo de las cosas 2D que estaba haciendo. Entonces básicamente así es como te vas. Podría terminar esto, pero dejaré que ustedes hagan eso. Te veré en la siguiente clase, nuestro próximo curso. Esperemos que si decides unirte a alguna de mis clases de Maya, obtendrás una mirada mucho más profunda sobre cómo usar Maya y para empezar a incorporar eso a tu trabajo de motion graphics. De nuevo, espero que lo disfruten, y espero verlos chicos tratar de recrear esto por ustedes mismos y aprender Maya conmigo también. Espero verte en clase y gracias por ver. Adiós.