Introducción a Adobe After Effects: diseño de movimiento para principiantes

1. Introducción: [ MÚSICA] Escucha, sé que ya hay muchos tutoriales de After Effects, y cursos de intro por ahí. Aquí te explicamos por qué este es diferente. Este curso no está orientado a aprender After Effects para efectos visuales, ni a hacer edición tonta de Instagram. Te voy a estar caminando por los fundamentos de After Effects, sobre todo para el diseño de movimiento. Te voy a enseñar todo lo que ojalá supiera cuando estaba empezando. Yo soy Chris. He sido diseñador de movimiento profesional desde hace 10 años, y llevo trabajando en After Effects más tiempo que eso. Actualmente soy director de animación de tiempo completo para una agencia llamada Autores. He trabajado en todas las formas y tamaños de proyectos desde cliente directo, trabajo de agencia, freelance, lo que sea. También he estado compartiendo contenido educativo alrededor de After Effects. Básicamente, me gusta After Effects, me gusta el diseño de movimiento y estoy aquí para hacer mejor tu vida. [ MÚSICA] En esta clase, te voy a estar enseñando cómo hacer esta animación, cual específicamente diseñé para enseñarte los fundamentos, y los principios que usarás a lo largo del resto de tu carrera de diseño de movimiento. Quiero descomponer la interfaz After Effects para ti. Muéstrate exactamente cómo usarlo, muéstrale que no es tan aterrador, pero también quiero enseñarte por qué mayoría de las animaciones principiantes son realmente rígidas y malas. Te estaré mostrando cosas que mucha gente espera, hasta demasiado tiempo en su carrera para aprender realmente. Con todo lo que hagamos, te estaré caminando paso a paso, que puedas recrear esto y aprender por ti mismo a hacer que el trabajo se vea así, y a tomar algo sencillo, pero haz que se vea muy y pulida y bien ejecutada. Ahora que estás totalmente traído, pasemos a After Effects. [ MÚSICA] 2. Nuestro proyecto de clase: [ MÚSICA] Antes de saltar a todo, te voy a contar un poco sobre el proyecto de clase para esta serie. Estaremos creando un revelador de logotipo animado que se ve algo así. Podrás revelar tu propio logotipo, puedes revelar algún texto o lo que quieras. Es amigable para principiantes pero no de calidad para principiantes. Tiene movimiento suave y ágil, que proviene de usar los principios en animación, tiene transiciones entre formas, usa capas de formas, las cuales usarás mucho en After Effects y tiene una capa extra de composición que añade pulido e iluminación y hace que parezca mucho más profesional de lo que podrías sentir. Estaremos construyendo esto desde cero en After Effects, así que no hay archivos de proyecto, nada que necesites descargar. En tanto tengas instalado After Effects, podrás recrear esto porque voy a pasear por él paso a paso y mostrarte cómo. Ahora antes de que empecemos una última vez, solo recuerda que estás aprendiendo un nuevo software y eso es difícil de hacer. Va a haber momentos en los que quizá tengas que hacer una pausa, quizá tengas que rebobinar y eso está bien. Esa es en realidad una gran manera de aprender. Deberías tratar de hacer una pausa y entender lo que estás haciendo como yo estoy enseñando, y no te frustres si te quedas atrás o si tienes que probar las cosas más de una vez. Si te atascas, Google es tu amigo, yo también soy tu amigo, lo averiguaremos juntos. Un último consejo pro sobre cómo aprender cosas como esta, algo que realmente me ayudó fue haciendo tutoriales dos veces. La primera vez intentaría recrear lo que hacía el profesor y la segunda vez intentaría aplicar las mismas cosas a mi propia idea. Estiraría un poco mi cerebro y como ya estaba familiarizado con lo que estaba pasando, podría aprender mucho mejor de esa manera. Dicho eso, te estaré guiando a través cómo crear esta animación específica, pero siéntete libre de hacer los cambios que quieras. [ MÚSICA] 3. La interfaces de After Effects: ¿ Estás listo para aprender algunos After Effects? [ MÚSICA] Hablaremos y vamos a seguir adelante y arrancar After Effects. [ MÚSICA] Una vez que haya terminado de cargar, deberías obtener un menú de pantalla de presentación. Tendrán algo como esto. Estoy usando After Effects 2021 para usar algo ligeramente diferente. No te preocupes, realmente no debería afectar lo que estamos haciendo hoy. Si ya abriste After Effects y tu interfaz ya se ve diferente a ésta, vamos a seguir adelante y restablecer nuestro espacio de trabajo a la predeterminada haciendo clic aquí arriba, haciendo clic en este pequeño dooblydoo, y haga clic en “Restablecer” para guardar el diseño. Entonces debería verse algo así. Por aquí tenemos la ventana del proyecto. Aquí es donde se va a quedar todo lo que usas en tu proyecto. Tendrás tus imágenes, tendrás video, tendrás tus composiciones de las que aprenderemos más adelante. Todo va a vivir en este panel. Ahora dentro de un proyecto, crea lo que se llama una composición. Puedes hacer eso aquí al inicio del proyecto haciendo clic en “Nueva composición”, o más adelante, puedes bajar aquí a este pequeño botón aquí abajo y dar clic en “Crear una nueva composición”. Aquí es donde va a pasar toda tu animación. Es como un pequeño mini-proyecto dentro de tu proyecto principal. Puedes tener muchos de estos dentro un proyecto y con frecuencia usarás muchos de ellos. Vamos a seguir adelante y establecer los ajustes aquí. Vamos a llamar a esto Mi Primera Animación. Vamos a asegurarnos de que el ancho y la altura estén fijados en 1080 por 1080, vamos a establecer la velocidad de fotogramas 24 fotogramas por segundo. El código de la hora de inicio, lo dejaremos en cero, y la duración, solo vamos a hacer esto 10 segundos cambiando aquí y asegurarnos de que esto coincida aquí. Lo último, color de fondo, asegúrate de que el tuyo esté configurado en negro. Eso en realidad no afectará nada. Pero si el tuyo es diferente, podría verse diferente al mío y podrías confundirte. Ahora tenemos una composición. Nuestra composición aparece aquí en el visor de composición, y luego tenemos aquí abajo lo que se llama la línea de tiempo. Con todo, puedes hacer clic y arrastrar y mover estas cosas. Pero este espacio de línea de tiempo es donde irán tus capas para tu composición. Todo lo que está aquí va a aparecer, aquí arriba. Ahora, ¿qué significa eso? Te lo mostraré. Vamos a seguir adelante y crear una capa de texto haciendo clic derecho aquí, haciendo clic en “Nuevo” y “Texto”. Entonces vamos a escribir tu nombre. Mi nombre pasa a ser Chris Zachary, pero probablemente tu nombre no sea así por lo que deberías escribir otra cosa. Ahora tenemos una capa de texto que aparece aquí, y puedes ajustar tus ajustes de texto aquí en el panel de caracteres. Esta es otra área de After Effects donde puedes tener todos estos ajustes diferentes. El panel de caracteres es donde ajustas tu texto. Párrafo, puedes alinear a la izquierda, al centro o a la derecha y luego ajustar tu tipo de texto. Vamos a hacer esta audaz Helvética y hacer que se vea bonita. Ahora tenemos una bonita capa de texto limpio. Vamos a crear una capa de fondo ahora. Si hacemos clic con el botón derecho, hacemos nueva capa de forma y se va a crear una capa de forma en blanco. Ahora una capa de forma es solo un contenedor para las formas, y te mostraré lo que eso significa haciendo clic en esta herramienta de rectángulo aquí arriba, y esta área se llama la barra de herramientas y es donde están tus herramientas. Disculpe, perro. Si sostienes “Shift”, hará un cuadrado. Vamos a dibujar un bonito rectángulo grande. Ahora bien, este no es un fondo perfecto todavía, pero vamos a hacerlo así. Si hacemos clic en nuestra capa de forma, podemos subir aquí y podemos cambiar nuestro color de relleno a algo que sea bonito y azul. Ahora tenemos una caja azul y actualmente está bloqueando nuestro texto. Es así como funciona After Effects. Utiliza capas que se apilan en un área determinada y luego capas una encima de la otra donde las ves aquí arriba en la ventana de composición. Este orden de capas, este 1,2, va de arriba a abajo y es muy importante. Cualquier cosa que esté debajo en la línea de tiempo estará debajo en el espectador. Si eso suena confuso, no te preocupes por ello. Si solo metes alrededor de un After Effects, si solo sigues este curso, tendrá sentido bastante rápido y empezarás a familiarizarte más con este territorio actualmente desconocido. Ahora que tenemos esta capa de fondo áspera, si tocamos “Enter” mientras se selecciona la capa, podemos renombrarla, Fondo. Como puedes ver dentro de esta capa de forma, está el contenido y ahí está este rectángulo. Este rectángulo es este rectángulo. Si giramos hacia abajo, podemos ver los ajustes del rectángulo. Aquí dentro de la trayectoria del rectángulo, tenemos este tamaño, y voy a seguir adelante y cambiar este tamaño a 1080 por 1080. Si recuerdas, fijamos nuestra composición, nuestro proyecto para que sea 1080 por 1080. Esto lo hace del mismo tamaño que el fondo. Entonces vamos a bajar aquí a la transformación para el rectángulo 1. Esta es básicamente la configuración de posición para esta caja real. Vamos a seguir adelante y establecer la posición para que sea 0, y luego tabular, presionar tab para ir a la siguiente propiedad y volver a golpear 0, presionar “Enter” para cerrar eso, y verás perfectamente nuestro rectángulo se ajusta al fondo. Eso podría haber sido mucho trabajo conseguir un fondo simple aquí, pero quería mostrarte cómo las capas de formas pueden tener una forma dentro de ellas, y luego la forma tiene su propia configuración, y luego la capa en sí tiene sus propios ajustes. Si miramos esta capa de texto, vamos a seguir adelante y hacer nuestra primera animación. Vamos a girar hacia abajo en las propiedades transformadas aquí. Podemos ver que tenemos escala, que ajusta la escala de la capa. Tenemos posición, tenemos la posición y de este lado y la posición x de este lado. Tenemos rotación, y tenemos opacidad, lo que muestra la opacidad. Voy a restablecer todos esos, así que se remonta al principio. Vamos a establecer algunos fotogramas clave. ¿Cuáles son los fotogramas clave? Los fotogramas clave son cómo animas en After Effects. Es básicamente una pequeña forma que dice, en este punto del tiempo, igual a este valor. Ahora bien, ¿qué significa eso en realidad? Te lo mostraré. Si bajamos a nuestra composición, vemos esta cabeza de juego aquí. Ahora esto se desplaza a través del tiempo. Aquí estamos a cero segundos. Aquí estamos a los tres segundos. Se puede ver eso aquí mismo, y se puede ver eso aquí mismo. También se puede ver eso aquí mismo. Voy a ir a un segundo aquí, y voy a dar click a este pequeño cronómetro junto a escala. Al hacer clic en ese cronómetro se enciende la animación para esa capa. Ahora tenemos una pequeña forma de diamante que apareció justo aquí en un segundo que dice que la escala equivale al 100 por ciento. Ahora si avanzamos a dos segundos y arrastramos esto hacia arriba para decir 191, sea cual sea el número que elijas, automáticamente creará otro fotograma clave que diga a dos segundos igual a 191. Ahora si arrastramos entre estos, se puede ver el After Effects anima la escala entre 100 y 191. Si agarramos nuestra cabeza de juego, una pequeña barra de cabeza de juego aquí, y la arrastramos hasta el principio, podemos golpear la barra espaciadora. Acabas de animar tu primera animación. Sé que esto parece un poco sencillo, pero realmente es todo lo que hay en After Effects. Hay muchas complejidades y cosas obviamente adicionales que seguiremos aprendiendo y cosas que estarás aprendiendo durante los próximos 10 años. Pero los fundamentos esenciales de After Effects son las capas y los fotogramas clave y decir, hacer esto en este momento, luego hacer esto en este momento. Una última cosa antes de que dejemos de hablar de interfaz, esto es lo más importante que hoy te voy a mostrar y lo más importante que aprenderás en el resto de esta serie, y ese es el editor de gráficos. Si hacemos clic en este pequeño ícono aquí, vemos esta zona de aspecto raro llamada el editor de gráficos. Ahora el editor de gráficos es cómo llevas tu animación de ser rígida y fea a ser suave y profesional. Ahora bien, esto podría parecer un poco raro y aterrador y todas estas cosas simplemente se sienten extrañas. Pero no te preocupes, te voy a mostrar cómo usar el editor de gráficos y exactamente cómo hacer que tus animaciones se sientan suaves en un video posterior. Recapitulemos. Aprendimos sobre los conceptos básicos de After Effects. Aprendimos sobre el espacio de trabajo. Aprendimos sobre el panel del proyecto, donde almacenas todo, la ventana de composición donde todo aparece y la línea de tiempo donde animas y haces todas tus capas. Después están todas las diferentes barras de herramientas y paneles en todo. Eso es lo que necesitas saber. También creaste tu primera animación After Effects, así que felicidades. Si quieres seguir dando clic y familiarizándote con la interfaz, siéntete libre de hacerlo. Podrías intentar animar algo como la posición del texto, tener que salir fuera de pantalla y luego en pantalla, algo así. Pero si estás listo, entrémonos en el próximo video donde vamos a empezar a trabajar en nuestro proyecto de clase. 4. Comenzar la animación: Es hora de empezar en el proyecto de clase [MUSIC]. De vuelta en After Effects, vamos a seguir adelante y guardar nuestro archivo. Si aún no lo has hecho, puedes hacerlo yendo a Archivo, Guardar o Comando S, Control S, lo normal. Vamos a navegar hasta donde quieras guardarlo. Simplemente voy a plop esto en mi escritorio. Voy a llamarlo mi primera animación y presionar “Enter” o “Save”. Ahora es muy importante guardar siempre tus archivos porque After Effects puede estrellarse y se estrellará, y no quieres perder mucho trabajo. Así que asegúrate de que siempre estás golpeando “Control S” o “Comando S” para guardar cosas. Recuerda cómo te dije que puedes hacer múltiples composiciones. Bueno, aquí vamos a seguir adelante y crear otra composición haciendo clic en este botón. Lo vamos a llamar [RUIDO] “Revelar Logo”. Vamos a usar la misma configuración antes, 1080 por 1080, 24 fotogramas por segundo, y diez segundos de largo, y golpear “Ok”. Ahora deberías ver tanto mi primera animación en Logo Reveal en tu proyecto. También tengo esta vieja carpeta de proyectos aquí mismo, que no deberías tener en la tuya. No te preocupes si el tuyo se ve diferente, mío solo tiene mi proyecto de ejemplo que hice antes. Ahora tenemos Logo Reveal y mi primera animación. Vamos a seguir adelante y hacer doble clic, asegúrate de que la revelación del logotipo esté seleccionada aquí abajo. Podemos cambiar de ida y vuelta entre estos. Queremos que la nuestra sea esta nueva composición en blanco. Lo primero que vamos a hacer es crear una capa de fondo como antes. Te voy a mostrar una forma más rápida de hacerlo yendo a nueva capa de forma. Una vez que hayas seleccionado esto, puedes subir a la herramienta de rectángulo y hacer doble clic en el rectángulo. Eso creará una forma que llena todo el fondo. Probablemente estés como,” ¿por qué no me enseñaste eso antes?” Es porque quería que aprendieras. Suéltalo. Vamos a cambiar el nombre de esta capa a fondo pulsando” Enter”, pulsa “Enter” para confirmarlo y tenemos nuestro fondo. En el siguiente paso vamos a añadir un círculo, o bola, o forma de héroe. Si nos fijamos aquí en nuestro ejemplo terminado, tenemos un círculo en el medio. Se sobrevuela, se convierte en un cuadrado, y luego revela nuestro logo. Vamos a seguir adelante y crear un círculo haciendo clic con el botón derecho en nueva capa de forma, al igual que antes. Vamos a nombrar esta forma de héroe de capa. Golpea “Enter”. Entonces vamos a subir aquí y vamos a crear un rectángulo. Ahora bien, ¿por qué crearías un rectángulo para hacer un círculo? Te voy a mostrar ajustando la configuración del rectángulo. Si giramos aquí abajo en la trayectoria del rectángulo de contenido, vemos el tamaño. Vamos a seguir adelante y arrastrar esto hacia abajo, y vamos a escribir tal vez 200. Dado que estos están vinculados , establecerá automáticamente ambos. Vamos a cambiar nuestro relleno a un color azul claro como este. Ahora podrías estar diciendo que es el peor círculo que he visto. Es un círculo malo, pero eso es porque aún no hemos ajustado la redondez. Si arrastramos esta redondez hacia arriba, obtendremos un círculo. Se redondea esas esquinas y tenemos un rectángulo que en realidad es un círculo. El motivo por el que estamos haciendo eso es porque más adelante, vamos a transformar de nuevo este círculo en un rectángulo. Si lo hacemos de esta manera con ese ajuste de redondez, es fácil animar entre esas formas. Tenemos una forma, tenemos un fondo, empecemos a animar. Aquí te voy a enseñar un par de atajos de teclado que son importantes para aprender a medida que avanzas. No te preocupes, si sigues trabajando, eventualmente se convertirán en memoria muscular. Vamos a golpear a “S y eso significa Escala. De lo que queremos que esto haga, si nos fijamos en el ejemplo inicial, se escala hacia arriba desde cero, nuestro círculo se convierte en un círculo grande. Vamos a ir aquí y queremos que esto escale probablemente en más de 12 fotogramas. Entraremos aquí a cerca de los 12. Vamos a hacer clic en el cronómetro para establecer un fotograma clave como recuerden y nos desplazaremos hacia aquí y vamos a cambiar este 100 a cero. Ahora si golpeamos la barra espaciadora para jugar, [RUIDO] oh sí, tenemos una animación. Nuestro círculo ahora escala de cero a 100 por ciento. Otra cosa que te voy a mostrar es que puedes arrastrar esta barra se llama el área de trabajo. Puedes arrastrar esto para que tu vista previa se reproduzca solo durante ese tiempo. Impide que se juegue a través de los 10 segundos completos. Puedes configurar esta pequeña área de trabajo y ajustarla a medida que avanzas. Ahora que nuestra forma se está escalando, vamos a animar la Posición. Empecemos a animar la posición haciendo clic en el cronómetro de la propiedad Posición. Vamos a seguir adelante a tal vez aquí. Vamos a sostener “Shift” y arrastrar nuestra capa hacia un lado. Eso creará otro fotograma clave. Ahora podemos arrastrar entre, podemos ver, escalamos hacia arriba, nos deslizamos sobre. Vamos hacia adelante un segundo más. Podemos arrastrar nuestra pelota hacia el otro lado del marco. Eso demuestra que puedes mover las cosas por aquí arriba, o puedes moverlas con estos números aquí abajo. Ahora tenemos tres Fotogramas Clave. Si vuelves a pulsar “U” y [RUIDO] U, podrás ver todos tus Fotogramas clave que están configurados actualmente. Tenemos una animación donde las bolas se escala hacia arriba y se mueve de izquierda a derecha. ¿ Por qué esto se ve tan rígido y asqueroso y feo? Eso es porque no hemos hecho ninguna flexibilización. ¿Qué es la flexibilización? Facilitar es cómo suavizas el movimiento en una animación. También es la diferencia entre principiantes de poo poo poo basura que se ve así y animación muy pulida, hermosa, suave que se ve así. ¿ Cómo se hace eso? Da click en el siguiente video y te mostraré. 5. El editor gráfico y las formas de Morphing: En este video, te voy a mostrar el secreto para que tu animación se sienta agradable y suave en lugar de rígida y fea así. También te voy a mostrar cómo transitar de este balón a una plaza. Vamos a llegar a ella. [ MÚSICA] Nos fuimos con nuestras bolas escalando y yendo de lado a lado así. Pero nuestra animación todavía se ve asquerosa y fea. Vamos a arreglar eso entrando en el editor de gráficos. Por lo que “haga clic aquí”, asegúrese de tener uno de sus fotogramas clave o su posición o su escala seleccionada, y “haga clic” en este botón para entrar en el editor de gráficos. Verás este misterioso gráfico. Ahora, ¿qué hace el editor de gráficos? Si pulsas la tecla “más” y "menos” del teclado, puedes acercar y alejar el zoom, y si no ves nada, asegúrate de tener seleccionada una de tus propiedades. Vamos a ver primero la propiedad de escala, porque es más simple, solo son dos fotogramas clave. Vamos a ver qué está pasando. Si tu vista no se ve así, es posible que estés mirando ya sea el gráfico de velocidad o el gráfico de valores. Si “click derecho”, puedes ver que tenemos editar gráfico de valores y editar gráfico de velocidad. Voy a cambiar para editar gráfico de valores, y deberías ver algo como esto. Lo que tenemos es una representación visual de nuestra animación. Aquí mismo, es línea recta muy mecánica entre cero y 100 por ciento, y por eso el balón se siente como si fuera muy rígido. Si extiendes la mano delante de tu cara, solo muévala delante de tu cara de ida y vuelta, y observa cómo se mueven las cosas. En realidad empieza lento, va rápido, y luego termina lento, y eso es relajar. Cualquier cosa en el mundo natural no se mueve en esa rígida, perfecta misma velocidad todo el tiempo. Se mueve con esta curva. Al igual que con un lento dentro y despacio. Eso es lo que podemos recrear usando el editor de gráficos. Te mostraré cómo hacer eso. Si entras aquí y “arrastras ” para seleccionar ambos de estos fotogramas clave, puedes “hacer click derecho”, bajar al asistente de fotogramas clave y se sale de pantalla, pero verás “facilidad fácil”, y que todos los repentino suaviza nuestra línea recta. Si tocamos “Play”, verás que esa animación es en realidad bastante suave ahora. Entonces voy a “alejarme” usando la tecla menos mi teclado y arrastrar nuestra zona de trabajo para que no veamos el resto de la animación. Volveremos a acercar y pegaremos a “Place”. Eso se puede ver un par de veces. Ahora vemos que tenemos una animación suave. Puedes arrastrar estos manejadores y ajustar cómo funciona esa curva. En realidad quiero que esto empiece rápido, así que Va a pasar de cero a 50, muy rápido. Siento lo de mi perro. Entonces voy a arrastrar este fotograma clave. Si mantienes “turno”, se quedará plano. Voy a arrastrar este mango fuera para que tenga un bonito acabado suave. Esta animación debería ser algo así. Empieza muy rápido y luego termina muy lento, y si le pegas “Play”, verás que hace eso. Enhorabuena, eso es fácil. Eso ahí mismo es más importante que aprenderás a hacer en los efectos posteriores. Si puedes dominar el editor de gráficos, si puedes dominar estas curvas de animación, puedes hacer que tu animación se sienta muy pro, mientras que muchas otras personas que empiezan en animación no aprenden esto hasta camino demasiado tarde y Es lo primero que busco cuando estoy revisando el real de alguien si contratarlo o no para un proyecto. Está bien. Vamos a hacer clic en el botón del editor de gráficos para salir de esa vista. Vamos a seguir usando esos atajos, el menos para alejar. Ya puedes ver nuestros marcos clave tienen esta pequeña forma de reloj de arena. Eso sólo significa que ya no es un marco clave lineal. Un marco clave lineal es ese movimiento mecánico robótico, y estos bonitos marcos clave de reloj de arena son marcos clave suavizados. Como puedes ver, nuestra báscula ahora es suave y nuestra posición sigue siendo fea. Trabajemos en eso. Vamos a seleccionar posición. Daremos clic aquí para volver a nuestro editor de gráficos. Vas a ver otra vista que parece confusa. Esto se debe a que tenemos nuestro movimiento x. En la línea roja, está el movimiento de izquierda a derecha, y la línea verde es el movimiento de arriba y abajo. Porque no nos estamos moviendo hacia arriba y hacia abajo, simplemente se mantiene plana y la línea roja se mueve de un lado a otro. En realidad vamos a “click derecho” aquí y vamos al gráfico de velocidad porque va a ser más fácil ver qué estamos haciendo. Vamos a arrastrar para seleccionar todos nuestros fotogramas clave. Entonces puedes bajar aquí y pulsar este pequeño botón, que volverá a hacer el ajuste de la curva de facilidad fácil. Si hace clic aquí, ahora vuelve a tener movimiento suave, y esta curva se ve diferente a antes. Este es un poco más difícil de descifrar, pero te voy a guiar a través de él. Muy rápido, si haces clic en el botón del editor de gráficos, puedes ver que ahora tenemos esos marcos clave de animación suaves y tenemos un resultado que se ve mejor que antes. Esta es la flexibilización por defecto. Nuevamente, aquí es donde se detienen muchos principiantes. Aprenden, oh, marcos clave lineales, malos, facilidad fácil, buenos. Ese es un mejor lugar para estar pero si quieres que te tomen en serio, si quieres tener animación que compita en cualquier tipo de nivel profesional, necesitas aprender el editor de gráficos. No se puede usar la configuración predeterminada. Tienes que meterte en el editor de gráficos y aprender a ajustar las cosas. Volvamos al editor de gráficos. ¿ Qué queremos que haga nuestra moción? Yo quiero que esta pelota se escale, y luego se mueve hacia un lado y luego se mueve hacia el otro lado. En realidad es un movimiento a la deriva, va realmente lento y luego se mueve más rápido el otro lado. El motivo por el que estoy actuando las cosas con mis manos no es porque esté tratando de presumir mis locos movimientos de baile, es porque la animación es todo sobre el sentimiento y el tiempo, y el espaciado, y el flujo del movimiento. En realidad es muy útil animar o actuar tus movimientos con las manos o con tu cuerpo, y luego tratar de recrear ese movimiento en el proyecto informático. Está bien. Empecemos a ajustar estos fotogramas clave de posición. Voy a golpear “Space”, así que esto deja de jugar, y quiero que esto empiece muy lento. Voy a arrastrar esto hacia fuera. Ahora, ¿qué diablos hace esto? Esta gráfica está mostrando la velocidad de nuestro objeto. Al principio, en este fotograma clave que no tiene movimiento, lo que está empezando en cero y luego está acelerando, y en un segundo, es en el más rápido irá. Después se va despacio otra vez, y luego se está acelerando y luego se va despacio otra vez. Cuanto más metemos estos y cuanto más intensivo tengamos un pico, más intenso será el lento y luego rápido y luego luego lento. Te imaginas eso donde está ahora mismo, si arrastramos todas estas manillas amarillas, vamos a conseguir estos dos picos de montaña aquí, y eso hará que nuestra pelota vaya lenta, rápida, lenta, rápida, lenta. Vamos a darle a “Play” y ver si eso funciona. Sí lo hace. Está bien. Eso está funcionando mucho mejor y Es realmente emocionante para mí estar compartiendo esto contigo Ojalá aprendí el editor de gráficos tanto antes en mi carrera de after effects porque te podría intimidar, pero solo por sacando esas asas amarillas, solo ajustando un poco esas curvas, tenemos esta animación que pasó de súper fea y robótica a un aspecto realmente suave y pulido en tan solo unos clics. Sigue jugando con él. Si da miedo, no te preocupes. Si necesitas volver a hacer este apartado algunas veces, tampoco te preocupes por eso. De verdad quiero que claven este movimiento, claven la sensación de esto antes de que sigamos porque esto va a afectar el resto de su carrera post-efectos. Lo último que vamos a hacer aquí es que vamos a transformar nuestro círculo de un círculo a un cuadrado. ¿Cómo vamos a hacer eso? Vamos a usar la velocidad del movimiento para la transición. Esta es en realidad una de mis técnicas de transición favoritas, y vamos a buscar este punto rápido en el movimiento, y vamos a cambiar la forma mientras está sucediendo. Puedes engañar a los ojos de alguien haciendo cosas como esta donde realmente puedes tomar una forma, y luego mientras se mueve realmente rápido, cambia una forma completamente diferente, y se sentirá derecho a tu cerebro porque está sucediendo durante el movimiento. Técnicas como esta se utilizan todo el tiempo en películas para ocultar ediciones durante una cacerola de látigo. Además, si has visto alguno de los videos de transición en Instagram o tik tok o lo que sea, eso es todo solo porque estás cortando o estás intercambiando un objeto durante la parte rápida del movimiento, nosotros todavía tienen abierto el editor de gráficos por aquí, así que voy a dar clic aquí para volver a nuestra animación. Vamos a hacer clic en este juguetito de manera directa y entrar en los contenidos, la trayectoria del rectángulo, y su redondez. Te dije que esto iba a volver. Está bien. Podemos enmarcar cualquiera de estas propiedades. No sólo tiene que ser la escala o la rotación o lo que sea. Podemos poner un marco clave aquí en redondez, luego vamos a ir adelante y fregar hacia aquí y bajar nuestra redondez a, voy a poner la mía como en ocho porque en realidad quiero que mi cuadrado tienen esquinas redondeadas. Si hago clic de distancia, se puede ver que tenemos una bonita plaza y luego si nos desplazamos hacia atrás, tenemos un bonito círculo. De hecho hice este marco clave demasiado temprano. Voy a ir aquí a tal vez aquí, donde está en medio de su viaje, y arrastrar este marco clave sobre. Ahora a medida que nuestra animación se vuelve rápida, se convierte en un cuadrado. Pasemos al editor de gráficos para ver dónde estaba el pico de ese movimiento. Daremos click en la posición y podremos ver el punto más rápido y el movimiento fue por aquí mismo. Pongamos ahí nuestra cabeza de juego. Volveremos a entrar en el gráfico, haga clic en el botón del editor de gráficos para cerrar eso. Hagamos que nuestros marcos clave divididos sobre ese punto. Ahora si le damos a “Play”, boom, tenemos un círculo que se convierte en un cuadrado y apenas te das cuenta. También voy a seleccionar ambos de estos, clic derecho en esos, bajar a la parte inferior que lamentablemente está fuera de pantalla aquí, asistente de marco clave, facilidad fácil para hacer esos marcos clave suaves. Golpea “Barra espaciadora”, para jugar, y se puede ver que tenemos una animación realmente suave y pulida. Basta con pensar en el inicio de este video cuando empezaste con ese movimiento realmente robótico y compárelo con cómo se ve ahora. Como dije antes, esa es la mayor diferencia entre buena animación y mala animación. Es la flexibilización, y tú haces esa flexibilización en el editor de gráficos. En este video te mostré cómo usar el editor de gráficos, cómo obtener las curvas usando dos vistas diferentes del editor de gráficos, y luego cómo hacer una pequeña transición astucia cambiando algo durante el pico de la velocidad del movimiento. En el siguiente video, vamos a estar usando estas mismas técnicas para continuar nuestra animación y para revelar un logotipo. Vamos a llegar a ella. 6. Revelar el logotipo: En el último video aprendimos sobre el editor de gráficos y hicimos que nuestra animación se sintiera agradable y suave. En este video, vamos a revelar nuestro logo. [ MÚSICA] Asegúrate haber guardado tu proyecto en algún momento recientemente. Puedes presionar “Command S” para hacer eso o “Control S” si estás en Windows y vamos a revisar cómo se ve el video. Actualmente tenemos esta animación de ida y vuelta y vamos a empezar por realmente pulir esto sólo un poquito. Podrías notar al principio de esto y esto es algo que obtendrás a medida que tu ojo entrena más para ver animación. Tenemos un pequeño bache al inicio de la animación o en el punto en que viene por aquí, se puede ver que hay un poco de rebasamiento donde nuestro balón pasa más allá de este fotograma clave final. Eso se debe a algo llamado interpolación de fotogramas clave, que no voy a meterme en este curso, pero te mostraré cómo arreglar este movimiento con baches haciendo clic derecho en los fotogramas clave para que tengas que acercar aquí. Vamos a bajar a la interpolación de fotogramas clave haga clic en eso y luego cambiaremos esta interpolación espacial a lineal. Golpea “Ok” y esos pequeños mangos extra deberían haberse ido y deberíamos tener un movimiento suave otra vez. Voy a volver al editor de gráficos y jugar un poco con estos picos y valles. Yo quiero que esto sea un poco más dramático. Ah sí, eso se ve bonito y dramático. Si olvidaste cómo hacer esto, si mantienes la barra espaciadora, puedes arrastrar por ahí o si usas tu rueda de desplazamiento central y haces clic hacia abajo, puedes arrastrar por aquí o usar tu rueda de desplazamiento para acercar y alejar . Ahora que nuestro movimiento se limpia un poco más, descubramos cómo revelar nuestro logotipo. El primero que queremos hacer es animar nuestra caja para que vuelva al otro lado. Ahí está este movimiento de ida y vuelta porque a medida que se desliza hacia el otro lado, va a revelar tu texto o tu logotipo, lo que quieras que revele. Voy a ir a quizá 4.5 segundos aquí y arrastrar la posición X de nuestra caja hasta que esté fuera de pantalla. Ahora volverás a ver estos pequeños manillares aparecieron y vamos a deshacernos de esos de la misma manera haciendo clic derecho en “Interpolación de fotogramas clave”, “Interpolación espacial”, “Lineal”, hit “Ok”. Nota rápida, si quieres no tener que hacer eso cada vez, este es un ajuste que me gusta establecer. Si subes a After Effects, incluyes preferencias, creo que en Windows podría ser preferencias de edición y vamos a ir a la configuración general. Ahora hay una tonelada de cosas aquí, pero solo quiero que entres aquí y compruebes la interpolación espacial predeterminada a lineal. Eso es realmente lo único que tienes que hacer aquí. Simplemente dale “Ok” ya no tienes que pensar en ello. Tenemos una animación bastante suave de la misma volando de vuelta a través de la pantalla. Voy a entrar al editor de gráficos y hacer que eso sea un poco más de una colina dramática, pero no tan loca como estas otras porque es un poco más lento. Tenemos una animación básica realmente agradable aquí. Voy a asegurarme de que no se seleccione nada. Voy a dar clic en mi ventana de línea de tiempo y luego subir aquí y hacer clic en la “Herramienta de tipo” y luego dar clic aquí en el medio en teclear mi nombre. Esa es otra forma de crear una capa de texto sin tener que hacer clic derecho en nueva capa de texto. Entonces te voy a mostrar cómo alinear esto con el centro, así que voy a desplazarme hacia fuera con mi rueda para mostrar más de nuestra caja aquí y luego arriba en estos paneles deberías ver un panel llamado alinear. Estos alinea son capas a la composición. Si has usado Illustrator o Photoshop, esto probablemente te resultará familiar. De no ser así, es nuevo. Haga clic en “Alinear horizontalmente” y “Alinear verticalmente” para centrar nuestra capa de texto. En realidad voy a entrar en el panel de personajes aquí y hacer nuestro texto un poco más pequeño. Por cierto, si este panel de alineación no está apareciendo o alguno de estos otros paneles no aparece en cualquier momento, puedes subir a Window y luego verás una gran lista de todos estos diferentes paneles y solo asegúrate de que alinear esté comprobado y el carácter esté comprobado. Ahora nuestro texto es un poco más pequeño y la caja se limpia sobre él. Lo primero que vamos a hacer es arrastrar nuestro texto debajo de nuestras formas de héroe. Lo queremos entre el fondo y la forma y esto es lo que quise decir con el apilamiento de capas antes en esta serie. Ahora vamos a revelar nuestro texto a medida que la forma pasa por encima de él. Te voy a presentar un nuevo concepto llamado precomposiciones. Precomponer es esencialmente tomar una capa o un grupo de capas en nuestra composición actual y las empaqueta todas en su propia composición, cual luego se anida dentro de nuestra composición actual. Con la capa seleccionada, voy a subir a Capa y luego ir todo el camino hacia abajo, Pre-componer. Eso me va a dar este nuevo menú donde puedo ingresar un nuevo nombre de composición. Voy a llamar a este Precomp_Logo y mover todos los atributos a la nueva composición, comprobar eso y dejar eso y luego puedes revisar Open New Composition. Golpea “Ok”. Deberías tener una composición en blanco con solo esa capa de texto que habías seleccionado antes. Entonces si vuelves a tu logo revelar composición, verás que tu logo pre-comp ahora está dentro de tu animación y nada parece que haya cambiado. ¿ Por qué lo hacemos de esta manera? Esto en realidad es algo que es muy útil para reemplazar activos más adelante en un proyecto. Porque estamos haciendo este logotipo o este texto en su propia composición, podemos intercambiar archivos ahí dentro. Podemos poner lo que queramos en el comp logo y luego se mostrará en nuestro comp de animación sin tener que hacer cambios y reajustar nuestras máscaras o reajustar la animación reveladora de nuestro forma. De nuevo, esto no tiene por qué tener todo sentido ahora mismo, pero solo debes saber que precomponer es algo que probablemente te encuentres y es una técnica realmente útil para mantener las cosas organizado y eficiente. De vuelta en nuestro logo revelar composición, vamos a seleccionar el “ Logo Pre-Comp ” y solo desplazarnos para acercar un poco aquí. Te voy a enseñar sobre enmascarar. Yo solo te estoy lanzando nuevos conceptos todo el tiempo en este video pero éste es bastante guay. Si hacemos clic aquí en la herramienta de rectángulo y tenemos nuestro pre-comp seleccionado, podemos dibujar una caja alrededor nuestra capa y verás a medida que dibujamos, en realidad está revelando nuestro texto. Una máscara es básicamente una forma que dibujas alrededor de una capa o una composición y puede decirle a After Effects que mantenga esta área o ignore esta área. Eso lo haces bajando a la configuración de la máscara y cambiando esto de agregar a restar. Eso lo hace desaparecer agregar lo hace aparecer. Está diciendo recortar esta capa por esta caja, o recortar lo que hay dentro de esta caja. Voy a devolver esta máscara para agregar modo y te voy a mostrar cómo puedes clave-enmarcar una máscara. Lo que vamos a hacer es girar hacia abajo y seleccionar la propiedad “Ruta de máscara”, que es básicamente la propiedad que controla esta forma. Vamos a desplazarse por aquí y ver. Nuestra caja va a empezar por aquí mismo. Lo que voy a hacer es arrastrar para seleccionar estos dos puntos por lo que deben ser sólidos mientras estos puntos no son sólidos, eso significa que están seleccionados y se puede arrastrar esto alrededor. Vamos a arrastrar esto para estar aquí por el borde de la caja y luego vamos a establecer un fotograma clave. Recuerda, los fotogramas clave solo dicen hacer esto aquí y luego más adelante haremos otra cosa. Vamos a desplazarnos hacia donde esta nuestras cajas fuera del borde de la pantalla y vamos a seleccionar los dos lados allá otra vez y llevar nuestra caja hacia el borde. Ahora, si arrastras a través, deberías tener una caja que anime y revele nuestro texto a medida que pasa el tiempo. Ahora no está coincidiendo con el tiempo de nuestra caja porque hicimos toda esa flexibilización personalizada antes pero podemos marcar esto manualmente para seguir eso. En realidad voy a poner otro fotograma clave aquí atrás. Simplemente pasaremos y seleccionaremos esos puntos y lo alinearemos para que esté en medio de nuestra caja a lo largo de toda la animación. Vamos a arrastrar este hacia atrás. Ahora tenemos bastantes fotogramas clave, pero esa es solo otra forma de emparejar más o menos nuestra máscara para que a medida que la caja se mueve sobre nuestro texto revele nuestro texto. Aquí te voy a mostrar por qué hicimos este pre-comp. Si entramos en este pre-comp haciendo doble clic, debería abrirse aquí dentro, vamos a añadir un logo aquí. Esta es la primera vez que importamos algo a nuestro proyecto. Puedes hacer eso haciendo clic arriba en el panel Proyecto y simplemente haciendo doble clic. Una Ventana de Finder debe aparecer en tu computadora o Explorer si estás en Windows y puedes navegar a un archivo de logotipo. Si no tienes un archivo de logotipo que quieras usar, puedes escoger cualquier archivo de tu computadora o estaré brindando el archivo del proyecto para el resultado final aquí en este proyecto para que puedas descargarlo y agarrar el logo que usé si quieres. Simplemente voy a navegar rápidamente hasta donde guardo mi logo. Voy a seleccionar ese archivo y presionar “Abrir”. Ahora tenemos una imagen aquí en nuestro panel Proyecto. Ahora tenemos nuestra composición con nuestro texto en ella y voy a arrastrar esta imagen a la línea de tiempo de esta composición. Ahora vemos nuestro logo en la parte superior del texto y si vuelvo a entrar en nuestro logo revelar comp, verás que nuestra caja ahora revela tanto el logo como el texto. Eso es bastante guay. No tuvimos que rehacer todo ese trabajo para solo actualizar algo. No tenemos que cambiar nada. Podemos literalmente simplemente poner cualquier cosa en esta comp y mientras esté dentro del mismo tamaño, entonces será revelado por nuestra animación aquí. Voy a apagar esta capa de texto golpeando este pequeño icono del globo ocular y luego tenemos justo nuestro logo. Voy a golpear “S” y ajustar la báscula solo para hacerla un poco más pequeña y luego volver al logo revelar y ver cómo se ve esto. Alejémonos aquí y solo juguemos a través de todo este asunto. [ RUIDO] Esa es una buena animación. Deberías estar realmente orgulloso de ti mismo ahora mismo si tu animación se parece en algo lo que he creado aquí. Esto podría no parecer mucho, pero el hecho de que hayas hecho algo con flexibilización personalizada y precomposiciones para intercambiar metraje dentro y fuera, estás ligas por delante de lo mucho que entendí Después Efectos y lo que pude hacer cuando empecé. Si sigues practicando estas cosas, si sigues probando ideas diferentes, estarás bien en tu camino a convertirte en un diseñador de movimiento de calidad profesional que puede ser contratado para hacer algunas cosas bastante cool. Estamos llegando bastante lejos en esto y tenemos un muy buen comienzo en el bloqueo de nuestra animación. En el siguiente video, te voy a mostrar cómo agregar un poco de pulido extra, poco de movimiento secundario y acentos, y hacer algo de composición para que pase de un estilo plano como este a un estilizado estilo de iluminación de gradiente como viste en el proyecto de ejemplo. Esperemos que todavía te estés divirtiendo. Yo sé que lo soy. Vayamos al siguiente video. 7. Agregar movimiento y Flourish secundario: En el último video, revelamos nuestro logo. En este video, te voy a mostrar algunas de mis técnicas favoritas para agregar un poco de pulido y movimiento extra que harán que esta animación luzca un poco más elegante de lo que realmente es. [ MÚSICA] Volver después de efectos. Si miramos el proyecto de ejemplo que hice, se puede ver que están pasando estas ráfagas de círculo extra. Ahí está todo este movimiento curvante que parece realmente difícil de animar. Te voy a enseñar algunas maneras de hacer eso sin realmente una tonelada de esfuerzo. Sé que viendo que podría parecer que si animar esto fuera así de duro, entonces animar algo que va de lado a lado podría ser aún más difícil. Te voy a mostrar algunas formas de moverse por esas cosas. Lo primero que vamos a hacer es crear un objeto nulo. Un objeto nulo es otra cosa nueva de secuelas sobre la que te voy a enseñar. Podemos crear uno haciendo clic derecho en “Nuevo”, “Objeto nulo”, y obtendremos esta forma de parpadeo que en realidad no aparece. No hace nada en tu proyecto. No obstante, se puede utilizar para controlar otra capa. Si tomamos nuestra forma de héroe, y vamos aquí a padre y enlace, se puede ver esta pequeña cosa en espiral llamada látigo de pico y se puede arrastrar y apuntar a nuestra capa nula. Verás que el desplegable de tu padre ahora dice nulo. Tu número nulo podría ser diferente al mío, pero eso realmente no importa. Podemos seleccionar nuestro objeto nulo y golpear “Enter”, y lo vamos a llamar [RUIDO] Héroe NULL. Ahora tenemos un objeto nulo que es el padre de nuestra forma de héroe. ¿ Qué diablos significa eso? Déjame contarte sobre la crianza de los hijos. Me estoy resistiendo y haciendo alguna broma estúpida aquí mismo. Yo sólo voy a empezar a meterme en ello. Si eres padre de un objeto, tienes el objeto padre y el objeto secundario. El objeto padre controla el objeto secundario, por lo que el hijo puede moverse forma independiente pero cualquier movimiento que haga el padre agregará a la animación de ese hijo. Podemos agarrar nuestro objeto nulo, que es el padre actual de nuestra forma de héroe. Podemos arrastrarlo alrededor y se puede ver que la pelota se mueve con ella. Si escalamos esto, escalará esa pelota. Si lo rotamos, lo rotará, e incluirá toda la animación. Ahora no tenemos un lado a otro tenemos un movimiento diagonal. Con nuestro objeto nulo, voy a mostrar cómo puedes usar capas de animación para conseguir algún movimiento de aspecto realmente complicado sin que en realidad sea demasiado complicado. Voy a asegurarme de que todas mis propiedades de transformación se restablezcan. Mi báscula y todo vuelve a la normalidad al presionar este botón de reinicio. Entonces voy a mirar a través de esta animación y decidir qué quiero hacer. Creo que quiero que esto realmente empiece por subir y luego se curva hacia abajo y termina yendo de izquierda a derecha. Podemos hacer eso en realidad yendo aquí, para que podamos ver qué está pasando. Vamos a ir aquí a donde está en la cima del movimiento. Vamos a ajustar nuestra propiedad de rotación, así que está en la parte superior. Voy a deslizar este número hasta que diga 90 y asegurarme de que se deslice en este número, no este. De lo contrario obtendrás algunos resultados locos. Voy a poner un fotograma clave ahí mismo. Ahora tenemos un movimiento de arriba y abajo. Voy a ir aquí antes de que se revele nuestro logo. Voy a arrastrar esto hacia atrás hasta que volvamos a cero y debería establecer otro fotograma clave. Ahora si le pegamos a “Play”, verás que ahora tenemos algo de rotación, pero se siente realmente raro y rígido. Eso se debe a que tenemos nuestra animación lineal. [ RUIDO] Llegamos a meternos en el editor de gráficos y hacer esto mejor. Conseguí mis fotogramas clave seleccionados. Voy a apretar este botón para entrar al editor de gráficos. Se va a mantener mi selección, así que voy a volver a seleccionar aquí e ir por aquí y hacer clic en este botón para obtener un movimiento fácil de facilidad. Ya si jugamos esto, está empezando a lucir un poco mejor, y solo necesitamos jugar con estas curvas hasta obtener los resultados que buscamos. Tan solo para mostrarte de nuevo cómo funciona el editor de gráficos, si hacemos clic con el botón derecho y pasamos al gráfico de valores, se puede ver que tenemos nuestro fotograma clave a 90 y luego nuestro fotograma clave a cero, y vamos sin problemas entre esos. Entonces si vamos al gráfico de velocidad, tenemos una velocidad que empieza lenta al principio y al final, y luego es rápido en el medio. Podemos hacer eso un poco más extremo arrastrando un poco estos manillares amarillos hacia fuera, y veremos cómo se ve eso. Creo que en realidad quiero que más de esta moción suceda antes. Voy a arrastrar un poco uno de estos fotogramas clave hacia atrás, arrastrar un poco este hacia fuera, y luego hacerlo más suave aquí al final y más rápido al principio. Eso se ve genial. Es como este efecto swooshing. Nuevamente, la animación es todo sobre el campo. No se trata de nada preciso. Cada vez que he recreado este video, ha sido un poco diferente [RUIDO] y eso está bien. Estamos tratando de hacer arte aquí. No es una ciencia, es un arte. He ajustado esto hasta que tengo un buen movimiento suave. Al igual que al agregar un no en animar eso y criar a nuestro héroe a eso, tenemos una rotación compleja y curva suave sin tener que hacer mucho trabajo a medida. Ahora tenemos un buen ida y vuelta con una curva. Vamos a añadir algunas ráfagas de círculo como tenemos en nuestro ejemplo. Vamos a hacer eso creando una nueva capa de forma, subiremos aquí a “Capa”, “Nueva”, “Capa de formas” y vamos a mantener pulsado cuando hacemos clic en este rectángulo e ir a la herramienta Elipse. Porque estos van a ser círculos perfectos, nunca van a ser cuadrados. Vamos a seguir adelante y usar la herramienta Ellipse, y solo podemos hacer doble clic para conseguir allí un círculo perfecto. Voy a cambiar el color de esto a quizá azul oscuro. Voy a renombrar nuestra capa pulsando “Enter” y teclear [RUIDO] Círculo 1. Voy a golpear a “S” para conseguir nuestra báscula. Voy a hacer clic en esta propiedad y cambiar la escala a cero. Nuestro círculo desaparece. Ahí voy a darle un fotograma clave. Voy a ir hacia adelante a unos 12 fotogramas y arrastrar nuestra escala hasta donde nuestro círculo llena toda la pantalla. Voy a recortar esta capa hasta el borde yendo hasta el final de nuestra línea de tiempo, arrastrando el borde de esto. Ahora nuestra capa simplemente desaparece después de que se escala hacia arriba. Así. Ahora tenemos un círculo que escala hacia arriba y llena la pantalla. Vamos a hacer que estos fotogramas clave lineales fáciles seleccionándolos. Podemos hacer clic derecho o podemos subir a la enimación, asistente de fotogramas clave, facilidad fácil. También puedes presionar F9 en tu teclado si quieres una versión de atajo de eso. Ahora tenemos una animación suave y vamos a ir a ajustar un poco esas curvas. Al entrar, vamos a hacer clic con el botón derecho e ir al gráfico de valores y acercar con la tecla más de tu teclado. Voy a hacer esto un poco más grande para poder ver. Voy a arrastrar esto hacia arriba y conseguir una curva que se vea algo así. Eso se siente un poco demasiado rápido para mí. Voy a arrastrar quizá esto para que se parezca más a una curva S. Estoy arrastrando un poco este último fotograma clave. De nuevo, todo se trata de la sensación aquí. Queremos asegurarnos de que se sienta equilibrado, se sienta agradable y suave. Lo último, tenemos nuestro círculo encima de todo, sólo vamos a arrastrarlo para estar justo encima de nuestra capa de fondo. Ahora a medida que crece nuestro círculo, tenemos un gran círculo de fondo que llena la escena. Ahora viendo eso, quiero ser más dramático. Voy a tirar de esto hacia atrás así y ver qué hace algo así. Eso fue un poco demasiado dramático. A lo mejor arrastraremos este fotograma clave para que en realidad empiece un poco después. Todavía se siente demasiado rápido. De nuevo, mucho solo retocar hasta que las cosas se sientan bien. Simplemente vamos a arrastrar estas cosas por ahí. Sí, eso se siente mucho mejor. Tenemos nuestro primer círculo. Ahora solo vamos a duplicar esa capa, así que no tenemos que hacer esto un montón de veces pulsando “Comando D” o “Control D” si estás en Windows. Nos vamos a llevar eso. Si pulsas “U”, puedes ver tus fotogramas clave establecidos. Sólo vamos a compensar un pocoesta capa un poco tiempo y simplemente arrastrarla un poco hacia adelante. Vamos a cambiar el color de relleno a tal vez un azul de tono medio. Vamos a hacer eso otra vez. Tenemos tres círculos ahora y vamos a arrastrar ese azul a más de un azul tealish, puedes elegir los colores que quieras aquí. Yo sólo voy con lo que flota mi barco. Voy a golpear de nuevo “Control D” o “Comando D” para duplicar una última vez. En realidad vamos a hacer que esta capa sea del mismo color que nuestra capa de fondo. Yo quiero que estos círculos desaparezcan en realidad después de que llenen la pantalla. Vamos a seleccionarlos todos y luego salir al final de la línea de tiempo. A continuación, basta con hacer clic y arrastrar en el borde para recortar esas capas. Ahora tenemos cuatro círculos que explotan detrás de nuestra forma principal. [ RUIDO] Creo que podemos hacer que estos sean un poco más rápidos. [ RUIDO] ¿Qué opinas? A lo mejor un poco más rápido. Arrástrelos de nuevo en fotograma clave. Sí, eso se siente bien. Aquí mismo puedes ver que nuestra última forma no coincide con nuestra forma de fondo. Simplemente vamos a cambiar el color de éste seleccionando relleno, pero vamos a mover nuestra cabeza de juego aquí hasta que podamos ver el color final de fondo. Nos aseguraremos de que nuestro cuarto círculo esté seleccionado. Haga clic aquí en el “Color de relleno”, y luego use la herramienta cuentagotas para simplemente elegir ese mismo color. Ahora parecerá que tenemos estos círculos y luego el último revela nuevamente el fondo. Pero solo está mostrando el mismo color. Es una forma poco hacky [RUIDO] de hacer eso. Golpea “Barra espaciadora”, juega a través de nuestra animación. Se puede ver que tenemos este nuevo revelador. Voy a mover el final de esta área de trabajo para solo encajar eso. Estamos empezando a conseguir algún movimiento más complejo. Eso es algo bueno. Recapitulemos. Utilizamos un objeto nulo para agregar algo de rotación extra, algún movimiento en capas a nuestra animación. Aprendimos sobre la crianza de los hijos. Agregamos algunos círculos de capas de forma para agregar algún acento extra, algún movimiento extra al comienzo de nuestra animación. Tenemos este resultado que es una animación mucho más llamativa y compleja más llamativa y complejacon realmente solo unos minutos extra de trabajo. En el siguiente video, les voy a estar mostrando cómo tomar esta animación, agregar un poco de estilo y efectos extra e iluminación para que se vea extra bonito y pulido. Entonces estaremos exportando nuestra animación final y terminando este proyecto hacia fuera. Nos vemos por ahí. 8. Efectos de composición y polaca: Bienvenido de nuevo. Lo que debes tener en este punto es una animación realmente sólida que revela tu logo o tu nombre. Te voy a mostrar ahora cómo pulirlo y hacer algo de composición para agregar un poco más de estilo. [ MÚSICA] Compositing, ¿cuál es el trato con todas estas palabras raras y After Effects? Para ser honesto, no lo sé, pero te puedo decir qué es el compostaje. Se trata básicamente de una técnica donde se están combinando diferentes elementos juntos y ajustando la forma en que se ven juntos para obtener un efecto deseado. Un ejemplo de composición de efectos visuales sería que tuvieras un video de un destello de hocico y lo agregas encima de un video de alguien disparando un arma, y luego ajustas la forma en que se mezcla en la escena ajustando la iluminación y agregando decaimiento de iluminación al personaje, agregando humo, lo que sea. Se trata de sumar todos estos diferentes elementos, ajustando la forma en que se mezclan para obtener el resultado deseado. composición para la animación es una técnica similar donde vamos a estar usando efectos y diferentes capas para agregar iluminación y hacer que nuestra animación plana se vea un poco más estilizada. Nota lateral rápida, After Effects es en realidad un software de composición diseñado para agregar efectos tras video. No fue diseñado originalmente para ser software de animación, razón por la cual algunas de las formas actuales que haces las cosas son un poco raras. Pero es muy potente para ambas cosas y el hecho de que pueda componer y animar en un solo paquete significa que puedes crear cosas como esta sin tener que entrar en otro software. Eso es suficiente de fondo. Vamos a volver a After Effects. Ahora asegúrate de haber guardado tu proyecto. Deberías golpear “Control S”. Te voy a seguir recordando eso porque he sufrido a través de muchos problemas de pérdida de datos. Tenemos nuestra animación y tenemos este color azul plano en nuestra caja aquí. Lo primero que vamos a hacer es añadir un poco de estilo extra a nuestra forma de héroe. Voy a seleccionar esta capa y te voy a mostrar sobre los estilos de capa. Los estilos de capa son muy similares a los estilos de capa en Photoshop. Voy a hacer clic derecho excepto por esto, se va fuera de pantalla. Voy a subir aquí y hacer clic en capa con mi capa seleccionada. Vaya a estilos de capa y agregue una superposición de degradado. Esta superposición de gradiente agrega un gradiente en la parte superior de nuestra capa de forma y podemos obtener algún efecto de iluminación personalizado. Lo bonito de esto es que en realidad mantiene la dirección del gradiente. Si añadimos un gradiente directamente a nuestra capa de forma, cambiaría con nuestras formas. Queremos realmente lucir como iluminación. Vamos a hackear esto un poco. Si hacemos click en esta flecha y cerramos los contenidos y la transformada porque no necesitamos verlos, ahora ves esta nueva pequeña sección llamada estilos de capa. Voy a bajar a la superposición de gradiente y vamos a dar clic en “Editar gradiente”. Ahora aquí podemos cambiar estos dos colores. Ahora voy a revertir esto para que tengamos luz en la parte superior y oscura en la parte inferior porque generalmente la luz está arriba y la sombra está abajo. En realidad voy a cancelar fuera de aquí e ir a un marco donde podamos ver nuestro círculo porque es un poco más fácil decir con qué estamos trabajando. Vuelve a pulsar “Editar gradiente”, y cambiemos esta parada de color aquí para que sea tal vez un color azul brillante. Cambiemos este, haga clic aquí en esta cajita, para ser de color oscuro. Ahora tenemos esta esfera de aspecto casi 3D en lugar de nuestra forma plana. Probablemente estaremos cambiando estos ajustes a lo largo ya que averiguamos exactamente cómo queremos que se vea esto. Por ahora, voy a entrar en la configuración de superposición de gradiente. Voy a cambiar esto de normal aquí abajo todo el camino en la parte inferior de la pantalla para superponerse. Eso en realidad hizo que nuestros colores casi desaparecieran. Eso se debe a que la superposición es solo otra forma de mezclar los colores. Esto es algo con lo que sólo tendrás que jugar. Hay toneladas de pequeñas cosas como esta en After Effects. Es igual que Photoshop. Se trata de un software realmente potente. Para ser honesto, realmente no consigo todas estas cosas todo el tiempo, solo hago clic hasta encontrar algo que me guste. Entonces a veces no puedo repetirlo del todo. Estamos aprendiendo esto juntos. Voy a ajustar un poco la opacidad para luego subir aquí al color de relleno original. Este es el color debajo del gradiente. Veamos qué pasa cuando cambiamos eso. Como puedes ver, obtenemos un color ligeramente diferente dependiendo de qué color esté en la base. Voy a hacer de esto un color de tono medio para que tengamos un poco más de nuestro gradiente de vuelta ahí dentro. Ahora tenemos un poco más de una sutil diferencia de color. Empecemos a jugar con estos colores. Bajemos al color de fondo. Voy a hacer esto, me gusta eso, más oscuro, mirada azul medianoche. Yo voy a ajustar eso. Entonces voy a dar click aquí en el círculo 4 porque recuerden que esto necesita ser del mismo color que nuestro fondo. Voy a cuentagotas recoger el mismo color de relleno para el círculo 4. Ahora tenemos este nuevo look. Este es un estilo completamente diferente. A mí me gusta tener este fondo oscuro porque ya verás vamos a añadir unos brillos más tarde y eso va a quedar mucho mejor con este fondo oscuro. Si volvemos atrás y miramos este original que hice, puede ver que tenemos este efecto de luz de llanta real en nuestra pelota. Yo quiero seguir adelante y recrear algo así. Volvamos a nuestro revelador de logo y vamos a ir a nuestra capa de forma. Una última cosa que quiero hacer antes de que hagamos eso es que creo que quiero hacer de esta forma un poco más grande. Voy a entrar y hacer clic hacia abajo en nuestros contenidos, en el tamaño de la trayectoria del rectángulo, y simplemente arrastrarlo un poco hacia arriba. Entonces porque yo hice eso, subamos hasta 250. Porque yo lo hice un poco más grande, vamos a nuestro primer fotograma clave sobre la redondez. Yo arrastraría eso y me aseguraría que tenemos un círculo perfecto, alrededor de un 150. Bueno, cerremos esa copia de seguridad y volvamos a componer. De nuevo, eso es un recordatorio. Todo se trata de solo ajustar las cosas, y jugar con las cosas, y cambiar las cosas. No importa cuántas veces haga esto, siempre me encuentro con algo que tengo que volver atrás y arreglar. Esa es sólo la forma en que funciona el mundo. Vamos a cerrar nuestra superposición de gradiente y vamos a añadir algo de iluminación extra aquí. Voy a ir a un bonito marco limpio. Vamos a sumar nuestro primer efecto. Todavía no hemos entrado en vigor, pero los efectos son una gran parte de After Effects. Tiene sentido dado el nombre. Vamos a subirnos al panel Efecto. Estás hasta el menú Efecto aquí arriba y ve a generar barrido de luz CC. Este es uno de mis efectos favoritos, es uno aleatorio, pero solo te estoy mostrando que hay mil millones de cosas que puedes hacer en esto. Se puede ver que hay tantos plugins diferentes. Hay muchos que ni siquiera son predeterminados con After Effects con los que puedes hacer algunas cosas poderosas locas con. Sólo te voy a mostrar luces CC barren porque me gusta. Se puede ver que aquí hay este pequeño controlador raro que podemos arrastrar y ajusta este barrido de luz que atraviesa nuestra pelota. Así es en realidad como creé este efecto. Lo hice poniendo esto aquí arriba en la esquina y luego metiendo con estos ajustes por aquí arriba en la esquina y luego metiendo aquí en el panel de controles Effect para conseguir el look que buscaba. Dejaré eso como en un 30 por ciento. Voy a cambiar esto de agudo a suave. Me gusta la forma en que suena suave. Voy a hacer que el ancho sea un poco más grande. Entonces voy a dejar esta intensidad de barrido por ahí. La intensidad de borde que puedes ver es esa luz de borde ahí. Voy a dejarlo donde está y aumentar un poco el grosor. A lo mejor sólo va a jugar con estos números hasta obtener un resultado fresco. También voy a cambiar el color de la luz. Digamos que estamos jugando con el azul. Por pensar en la rueda de color frente al azul, es un amarillo tal vez. Podemos encontrar un color que se ve bien en contraste. A pesar de que déjame arrastrar por aquí. Podemos arrastrar por nuestra rueda y encontrar algo, ese rosa se ve genial. Nos vamos a ir con rosa. Ahí tenemos una luz rosa fresca. Mira eso. Tienes una bola dulce que tiene estos colores extra. Lo hiciste en tan solo unos clics. Eso parece que es un efecto complicado, pero realmente no lo es, como si lograras sacar eso. Nunca antes habías usado After Effects . Eso es bastante guay. Juguemos a través de esto y miremos aquello. Tienes una cosa fresca, impresionante gradiente rosa en forma de bola que era mucho más difícil de hacer de lo que realmente era. Ahora que estamos trabajando con esto más de un color de aspecto neón, voy a cambiar algunos de estos colores de círculo para asegurarme de que se ajusten un poco mejor al nuevo estilo. Voy a cambiar este círculo a un púrpura. Todavía lo mantiene en los tonos medios, cambió el círculo 3 a más de, eso se ve bonito, azulado. Ahora tenemos algo que se ve un poco más estilísticamente congruente, me encanta ese vocabulario. ¿Qué sigue? Capas de ajuste. Podemos crear una nueva capa de ajuste subiendo a Capa, Nueva, Capa de ajuste. Una capa de ajuste es básicamente una capa transparente que agrega efectos a todo lo que hay debajo de ella. Sea lo que sea que le hagas a esta capa, afectará a todas las capas que hay debajo de ella. Cuando agregamos el barrido de luz antes, solo afecta a nuestra forma de héroe y por eso solo aparece aquí. Si hacemos algo en esta capa de ajuste, afectará todo lo que esté debajo de ella. Si voy a Efecto, Corrección de Color, matiz, y saturación aquí abajo, entonces realmente podemos jugar con este matiz. Se puede ver que podemos cambiar el color de toda nuestra animación. Ahora, en realidad se pueden establecer fotogramas clave en esto. Si quisieras tener esto como estroboscópica a través de todos estos colores, lo haces si quieres, pero eso sería un poco salvaje bajar. Ahora voy a apagar este efecto y haciendo clic en este botón FX. Ahora tenemos ese efecto oculto. Podemos usarlo más tarde si queremos. Vamos a golpear “Enter” mientras seleccionamos esta capa de ajuste y la llamaremos CC para la corrección de color [RUIDO]. Vamos a añadir otro efecto aquí. Simplemente voy a hacer clic derecho en el panel Controles de efectos, que si no ves que puedes ir a Controles de efectos. Voy a añadir un estilizado hasta aquí abajo, lo siento, Está fuera de pantalla otra vez. Resplandor. Ahora bien, esto se ve mal, pero vamos a hacer que se vea bien. Ese es mi objetivo aquí. Simplemente llegamos a jugar con estos números porque nunca puedo recordar del todo lo que hacen. Pero juguemos aquí con el umbral y bajemos eso un poco, o subamos el número. No es del todo tan dramático. Vamos a sacar su radio de salida. Es más de un resplandor sutil. Entonces la intensidad, creo que podemos aumentar un poco eso y siéntete libre de copiar estos números o simplemente jugar con ellos como te parezca conveniente. Ahora puedes ver que tenemos este impresionante resplandor en nuestra capa que sobre todo se ve bien con este fondo oscuro. Voy a jugar un poco más con estos números, tal vez algo así como 87, un radio como 300 algo, y una intensidad 1.5. Vamos a pegarle a Play. [ RUIDO] Se ve bonito. No vi que en realidad hiciera brillar nuestro logo también. Es un poco mucho de un resplandor así que voy a bajar un poco la intensidad. Lo último que vamos a hacer es que vamos a añadir algo de ruido encima de esto yendo a Effect, Noise and Grain, Noise y asegurarnos de que eso está pasando a tu capa de ajuste CC. Haremos esto como tres por ciento. Eso ayudará a romper un poco esto y convertirlo un poco más en un render estilizado. Entonces podemos jugar un poco con este umbral. A mí me gusta cómo se ve un poco más bajo y luego un poco más baja intensidad. por lo que es más un resplandor suave. Tenemos nuestro logo al final. Acabas de componer tu primera animación. Lo tomaste de algo que era plano y sencillo y lo hiciste algo realmente estilizado y brillante y con gradientes. Como puedes ver, al amontonar diferentes luces y efectos en una animación simple como esta, puedes conseguir algo que se vea mucho más pro y mucho más visualmente interesante de lo que pensabas podrías ser capaz de esto temprano en tu aventura After Effects. En el siguiente video, te voy a mostrar cómo exportar esta animación en un formato que sea fácilmente compatible con tu teléfono y con las redes sociales, todas esas cosas buenas. Te estaré dando algunos consejos de cierre y algunos recursos más sobre dónde puedes ir desde aquí. 9. Terminar y exportar: Está bien. Estamos llegando al final aquí. Te voy a mostrar cómo exportar tu animación en un formato que sea bueno para redes sociales y estará abotonando las cosas en este último video. [ MÚSICA] Atrás y después de los efectos, noté una cosita en mi proyecto que es rara, pero la caja nunca se apaga del todo, creo que esto es porque ajustamos la escala o antes en. Sólo voy a dar clic en esto y voy a golpear U para revelar los fotogramas clave. Voy a repasar, mi cabeza de juego está justo en este último fotograma clave de posición. Yo sólo voy a sacarlo un poco más lejos. Ahora si jugamos, verás que la caja continúa todo el camino fuera del filo. Probablemente has estado gritando en tu pantalla preguntándote por qué aún no lo había arreglado, porque no me di cuenta. Esa es una buena enseñanza. Vamos a exportar este video. Selecciona tu composición, y hay dos formas principales de exportar. Sube a la composición y puede agregar a Render Queue o agregar a Adobe Media Encoder Queue. Agregar a la cola de render exportará tu video dentro después de efectos y luego Media Encoder Queue abre una pieza separada de software que en realidad te permitirá exportar un archivo MP4, que es mi formato de exportación preferido para algo que va a las redes sociales. Vamos a seguir adelante y hacer clic en agregar a Media Encoder Queue. Ahora, Media Encoder puede ser notoriamente lento para abrirse, mientras esperas, y sobre todo si tienes una computadora más vieja, siéntete libre de ir a tomar un trago de agua, comer un bocadillo, sígueme en Twitter, algo benéfico como eso. Entonces, una vez que esté abierto, vuelve aquí. Cuando Media Encoder finalmente se abre, deberías tener algo que se vea así. Deberías ver tu composición apareciendo aquí, logo revelar y luego tendrá un destino de archivo de salida. Ahora si esto dice en blanco, solo sigue esperando. Realmente podría llevar un rato, sólo ser paciente. Pero lo bonito es que podemos exportar directamente a H.264, que es un formato MP4. Si haces clic en este pequeño triángulo, selecciona H.264, solo voy a dejar Match Source- bitrate alta aquí. Entonces voy a seleccionar mi destino, mi destino de render. Ya que me siento arriesgado, sólo voy a exportarlo a mi escritorio. Llámalo logo revelar, pulsa Guardar, pulsa el botón de juego pequeño para exportar. Si bien es explicar propietario recapitular algunas de las cosas que hemos aprendido en este video y te contamos sobre dónde puedes ir desde aquí. El objetivo principal con este curso fue enseñarte los fundamentos de after effects para el diseño de movimiento específicamente. Quería acercarme a esto en una mentalidad profesional, enseñándote las habilidades que necesitas si quisieras potencialmente entrar en el diseño de movimiento como carrera profesional. Ahora bien, el diseño de movimiento no es en realidad floreciente, carrera creativa. Puedes hacer cosas desde trabajar en títulos de una película hasta crear anuncios de Instagram, hasta crear tu propia marca de movimiento, hasta hacer animación de interfaz de usuario para apps, Hay un millón de formas diferentes de aplicar tus habilidades. Podrás iniciar tu propio negocio, puedes freelance, puedes trabajar en el personal. Es realmente una flexible en carrera bastante prometedora y creativa si disfrutaste de esta serie. Ahora que esto se hace renderizando y puedes clic en este enlace y debería abrirse en tu escritorio o donde lo hayas guardado. Puedes abrir tu archivo y puedes reproducir tu animación terminada. Agradable. Ahora si quieres compartir eso contigo mismo, tiendo a AirDrop cosas a mi teléfono ya que estoy en un iPhone y un MAC. También puedes convertirlo a un GIF usando un sitio llamado ezgif.com. Dicho todo eso, espero que lo hayas pasado muy bien. Disfruté mucho llegar a enseñarte y compartir contigo algunas de las cosas que ojalá supiera cuando empezaba. Si quieres más recursos, estaré publicando algunas otras cosas en la descripción. Si quieres seguirme y ver en qué más estoy tramando, el mejor lugar solo sígueme en Twitter y te comparto muchas de las cosas en las que estoy trabajando ahí. Si compartes tu video en Instagram o Twitter, por favor etiquetame ahí. Me encantaría echarle un vistazo y también puedes subir tu proyecto aquí en Skillshare y me encantaría comprobarlo por ahí también. Espero que realmente hayas disfrutado de esto. Me alegro de haber llegado a compartirlo con ustedes. Te atraparé la próxima vez. Paz.