Live Encore: animaciones dibujadas a mano en Procreate y en After Effects

1. Introducción: Creo que en mi trabajo, ha sido realmente útil utilizar las funciones de animación con las que Procreate te permite trabajar. Usando After Effects, a menudo tienes un flujo de trabajo bastante limpio y basado en vectores, y lo que esta herramienta de animación manual en Procreate te permite hacer es realmente conseguir un sentido de la animación tradicional en ese flujo de trabajo limpio. Hola, soy Fraser Davidson. Soy Diseñadora y Animadora, y codirijo y soy Director Creativo en Cub Studio. Hago mucho trabajo en deportes, redes sociales, todo tipo de cosas. En la clase de hoy, les estaré mostrando cómo podemos tomar elementos animados simples de Procreate y aprovechar el poder de After Effects para recolorearlos, multiplicarlos y, en general, mejorarlos. Creo que es útil tanto para personas que tal vez han duplicado en Procreate o tal vez ya usan After Effects, como para novatos totales a ambos, porque te da un poco de visión de cómo funcionan ambos y cómo ambos pueden ser utilizado por el otro para crear animaciones interesantes y poderosas. Podrás seguir adelante tanto en Procreate como After Effects mientras pasamos por el curso, también te suministrarán archivos prefabricados que te permitirán entrar y salir del curso en diversos puntos. Podrás encontrar esos archivos en la sección Recurso de la clase. Espero al tomar el curso, obtienes una idea de lo que es posible en ambos programas y te des un punto de partida para crear tus propias animaciones. Para que sepas, esta clase fue grabada originalmente en vivo y yo estaba interactuando con el público mientras grababa. De acuerdo, hagámoslo. 2. Formas de utilizar esta técnica: Bienvenida. Gracias por unirte a nosotros la clase de Fraser Davidson. Mi nombre es Katy Soy un producto a con Skillshare, y hoy estaré hospedando la sesión. Tan solo danos un breve resumen de lo que vamos a estar haciendo, con qué pueden esperar los alumnos que vengan a la clase, y qué materiales podrían usar solo para que todos tengan todo a mano. Bueno, en orden inverso, vamos a estar usando Procreate y After Effects. Vamos a animar un elemento muy sencillo en Procreate un poco de secuencia animada y Procreate es fantástico para eso. Por lo que ojalá consigas el sentido de Procreate cómo funciona, cómo funciona la función de animación. Entonces vamos a llevar eso a After Effects, que es una pieza de software más desarrollada que vamos a tomar eso y usando el poder de composición de After Effects. Vamos a multiplicar, recolorear, añadir efectos, y en general realzar esa pieza y hacer algo nuevo y hermoso de ella. Podríamos como dije, vamos a usar algunos principios de animación muy sencillos. Nada complicado. Puedes venir a esto de como novato completo. Solo vamos a explorar algunas de las funcionalidades y flexibilidad que After Effects te permitiría usar de manera no destructiva para tomar ese elemento y simplemente hacer cosas divertidas con él de una manera muy maleable. El elemento que vamos a construir es algo muy sencillo, una pequeña secuencia como esta. Esto es en realidad esto está capturando en tiempo real, pero son 15 fotogramas por segundo. Entonces debería estar bien. Lo que vamos a hacer con él es convertirlo en algo completo más complicado e interesante y solo con muy poco esfuerzo por parte de After Effects. En cuanto a lo que eso representa. Se puede construir todo tipo de cosas haciendo elementos similares y duplicándolos, recuperándolos, reprogramándolos y ajustándolos. Aquí te dejamos algunas otras piezas. Son un poco más complejos en cuanto a los elementos Procreate que he creado. Pero esencialmente todos son los mismos principios. Tomar algo y simplemente usar funciones muy básicas en After Effects para convertirlo en estos bonitos patrones o crear algo que te va a ayudar a trabajar en After Effects. Seguro como se explicará te vamos a dar todos estos elementos. Creo que pudo haber tenido ya el enlace para todos estos elementos. Podrás jugar con ellos y explorarlos y de tener una comprensión de cómo las he usado para hacer estas piezas. Pero también te gustaría meterte con ellos en tu propio tiempo y construir tus propios pedacitos y piezas. A pesar de que algunos de ellos son un poco más complicados, creo que al mirar sus secuencias, podrás entenderlo. Nuevamente, he incluido todos estos bits, algunas espirales, algunas otras formas entrelazadas. Sólo tienes que darte un poco más de una visión general de por qué creo que esto es útil. Estas son algunas de las piezas de trabajo que habíamos construido que hemos utilizado recientemente y sólo voy a saltarlas. Estos pequeños florecimientos que hemos utilizado para movernos entre escenas o sacar partes particulares de la animación. Aquí te dejamos otra pequeña pieza que he construido usando todos los mismos principios, solo un GIF de looping y un poco de una cámara moviendo After Effects. Estos son los elementos que he utilizado en otras obras como la pieza en la que estamos trabajando en este momento. Donde hemos creado algo como esto, este elemento que ordena un poco de narración visual que permite agregar estos pequeños florecimientos a la obra que no estás construyendo una escena animada a mano entera, sino estás agregando elementos a ella que ayudan a complementar cosas que son más afines a los gráficos en movimiento. Ese es el contexto más amplio de cómo usaríamos esas cosas y tal vez cómo si tienes más experiencia con After Effects, cómo esto podría ayudarte. El último pedacito aquí, solo construyendo una serie de elementos Procreate muy sencillos. Construimos toda una diversión que pudimos tomar todos esos elementos desde Procreate y convertirlos en After Effects, convertirlos en un sistema de diversión unificado. Aquí hay otro ejemplo de eso. Por lo que ojalá te hagas una idea del poder que estás creando algo bastante simple usando las herramientas Procreate. After Effects te da ese poder para multiplicar eso exponencialmente y hacer cosas que sean bastante complejas e interesantes. 3. Animación en Procreate: Ahora, vamos a animar nuestros elementos dibujados a mano en Procreate. Lo que voy a hacer por el bien de la paridad es que voy a construir el activo Procreate que es esencialmente lo que vamos a estar usando, pero cuando vengo a trabajar con él en after effects, voy a usar un activo que he pre-creado que es exactamente lo mismo. Aquí hay uno que hice antes activo. Sólo para que si alguien está siguiendo y quiera abrir los dos archivos after effects, entonces estamos trabajando con todas las mismas cosas. Pero de lo contrario, no necesitas hacer eso. Puedes usar el activo que haces hoy igual. De lo que vamos a hacer, vamos a crear y abrir un nuevo archivo. el bien de la simplicidad, solo voy a usar el tamaño de pantalla estándar que tengo configurado aquí, así que una página en blanco. Como habrás visto en la pieza antes, lo que vamos a hacer es crear una partícula animada que se mueva de manera dinámica por un camino. Lo primero que vamos a hacer es crear un camino. Ahora, por si acaso te interesa, puedes usar cualquiera de estos. Vamos a estar trabajando en blanco y negro. Va a ser muy sencillo. Puedes usar prácticamente cualquier pincel que quieras, creo. Pero voy a usar este pincel de tinta seca que creo que se puede encontrar en el entintado. Entonces si quieres ser muy específico, ese es el pincel de dibujo que estoy usando ahí. En la capa 1 aquí, voy a crear un camino que básicamente hace esto y luego bucles alrededor. Pero creo que lo que voy a hacer es que lo voy a construir por la mitad así que es un poco más simétrico. Eso es mejor. Ahí vamos. Simplemente voy a duplicar esta capa aquí y luego la función de transformación, voy a voltearla horizontalmente. Ahí vamos. Sólo para que tengamos una buena forma para empezar. No hace falta que sea perfecto en absoluto. No te preocupes, esto es sólo una parte de ejemplo. Puedes crear cualquier forma que quieras. Yo sólo voy a usar este. Sólo voy a asegurarme de que esto sea central y voy a volarlo un poco aquí. Eso debería estar bien. Yo sólo voy a marcar aquí donde está mi punto de inicio. Yo sólo voy a empezar justo aquí. Ahora, lo que vamos a hacer a continuación es encender las asistencias de animación. Si entras en estas acciones aquí en el lienzo, tenemos la guía de dibujo, tenemos la asistencia de animación. Lo que eso va a hacer es convertir tus capas en una secuencia de fotogramas ahora. Deberías tener una línea de tiempo a lo largo de la parte inferior y la capacidad ahora de añadir un fotograma. He añadido un par ahí. Yo sólo voy a borrar esto, así que tengo dos. Lo que hace Procreate es que te da un poco de efecto de piel de cebolla por lo que hará que la primera capa sea un poco más ligera, y a medida que añades más marcos, la opacidad de eso bajará. No obstante, lo que queremos hacer es hacer que esta capa un poco silenciada así que voy a bajar la opacidad. Entonces lo que voy a hacer es hacer de esto un fondo ahora. Hago eso haciendo clic en él en la línea de tiempo y simplemente revisando la función de fondo allí. Lo que eso significa es que solo lo va a mantener en segundo plano para referencia a lo largo de todo el proceso de animación. Tengo mi pincel de tinta seca. Mi primer cuadro va a ser un punto diminuto. Solo asegurémonos de que estamos en el marco correcto. Es posible que tenga que seleccionar el marco en las capas. Aunque esté seleccionado en la línea de tiempo aquí abajo. creo que cuando empieces, quizá tengas que seleccionar ese primer fotograma. Si solo seleccionas el marco 2 ahí, y yo voy a dibujar, es un poco grueso. Voy a elegir un color más oscuro. Aquí vamos. Yo sólo voy a dibujar un punto negro, y luego cada vez que crees un nuevo marco, lo que vamos a hacer es añadir otro marco haciendo clic en el botón Añadir marco aquí. Simplemente van a seguir estratificando. No es necesario seleccionar esa capa cada vez, solo debería hacerlo automáticamente para que esa sea la capa en la que estás dibujando. Lo que voy a hacer ahora es mover ese punto cada vez tan ligeramente a lo largo de la línea. Aquí voy en sentido horario. Voy a hacer eso otra vez. Ahora, cada vez que hago esto, y solo puedes seguir adelante mientras lo conecto aquí. Voy a extender la cantidad de espacio entre cada uno de estos puntos. Simplemente estoy aumentando ligeramente la distancia entre cada uno de estos pequeños puntitos. Lo que eso va a hacer es crear el efecto de acelerar nuestro pequeño punto más rápido y más rápido alrededor de la línea. Cuanto mayor sea la distancia entre el punto, más rápido va a aparecer. Si bien está apareciendo más rápido, lo que queremos hacer es en otro pequeño principio de animación, queremos untarlo alargando ligeramente el punto. Cuanto más de éstos lo haga, más alejados se ponen, y cuanto más rápido se muevan nuestros puntos, sólo lo vamos a extender para que sea de forma ovalada. [ inaudible], ¿te importaría alejarte para que alguien pueda ver justo dónde estás en referencia a toda la imagen? Sí, seguro. Perdón. Aquí estamos. Aquí es donde empecé. Perfecto. Gracias. Acabo de mudarme. Ahora, mientras vas a lo largo, puedes comprobar esto fregando hacia atrás y hacia adelante a lo largo de la línea de tiempo aquí sólo sosteniéndola y moviéndote. Así es como nos estamos moviendo. Voy a volver a acercar, si eso está bien, a crear estos fotogramas. Nuevamente, alejándome más, realmente estoy empezando a alargar nuestra partícula aquí. Ahora puedes dejar distancias bastante significativas entre algunos de estos elementos. Realmente se está acelerando, cada vez más rápido. Ahora, como dije, puedes parar de ida y vuelta a lo largo de la línea de tiempo. No sé si puedes ver eso, pero deberías poder hacerlo. Si golpeas el juego en tu propia composición ahí, debes tener la sensación de que el punto está empezando lentamente y moviéndose más rápido y más rápido a lo largo de la línea de tiempo. Simplemente puedes comprobarlo para asegurarte de que tu animación sea suave y está haciendo y se está moviendo y acelerando al ritmo que quieres que esté haciendo eso. Tengo que irme. Ahí van a necesitar un hueco un poco más grande. Ahora, a medida que avanza en torno a esta forma aquí, el punto en el que quiero que el punto se mueva más rápido va a ser este punto de aquí donde estamos frente al lugar que empezamos de nuevo aquí abajo donde el punto se mueve más lento. Entonces estamos teniendo esa simétrica simétrica donde se mueve más rápido, frente a donde se mueve más lento. Lo que eso significa es que es en ese punto que tenemos el rastro más largo de nuestra partícula. Voy a hacer que este elemento enfrente del punto de inicio realmente, muy largo. Es a partir de este punto ahora que voy a empezar a frenar de nuevo la partícula para que vuelva a la posición original ya que poco a poco se desacelera y llega a no una parada completa pero el bucle va a tener un punto en el que se mueve muy, muy despacio. Si me muevo un poco menos de un hueco de lo que había antes pero la forma sigue siendo larga. Solo estoy agregando un nuevo marco cada vez. Aquí vamos. A medida que los puntos regresaban a su posición de parada, las formas tenderían a ser más circulares y los espacios entre ellos se están haciendo cada vez más pequeños. Eso sólo va a tener el efecto de hacer que realmente sienta que se está desacelerando. ¿ A qué velocidad de fotogramas está trabajando? Esa es una pregunta muy buena. Esta es la velocidad de fotogramas predeterminada, por lo que son solo 15 fotogramas por segundo. Se puede ajustar eso después del hecho o durante. O bien puedes hacerlo en Procreate, pero puedes ajustarlo en After Effects. Puedes hacer eso después del hecho, no tienes que preocuparte por eso antes de empezar. Cannon pregunta, ¿cómo se impide que la capa de plantilla se vuelva más pálida a medida que se crean más marcos? Eso va a ser por el principio aquí. Si haces click en ese enlace, y quieres hacer de eso una capa de fondo. Se pondrá más pálido si no lo conviertes en una capa de fondo. Aquí está, lo he convertido en una capa de fondo. Vuelve a hacer clic en él y solo marca esa casilla. A los últimos pequeños puntitos, van a arrastrarse lentamente hacia la posición final. Probablemente unos cuantos más en este extremo que en el arranque. efecto que tendrá es que tendremos punto salir de la posición de inicio más rápido y luego tardaremos un poco más en volver a ella. Estoy haciendo esto bastante rudo. Puedes pasar el mayor tiempo posible, pero aún así va a tener un bonito efecto dibujado a mano. Si no es del todo perfecto, si [inaudible] un poco, tiene carácter propio, no te preocupes demasiado por eso. Ahora bien, no voy a volver bastante a la posición central porque cuando la pieza bucles, el marco desde el que arranca, necesita ser esencialmente el marco desde el que termina. No necesitamos crear dos de ellos. Este último cuadro aquí que he hecho, no está del todo bien en el spot central como por el primer elemento. Nuevamente, puedes desechar de ida y vuelta a través de esto. Ahí está tu mapa ahora. Yo sólo voy a pegarle a “Play”. Se puede ver cómo nuestro pequeño punto se acerca y alrededor de la parte superior de la forma del riñón para luego volver lentamente. Acerca de cuánto tiempo es toda esta secuencia? Toda esta secuencia aquí es, tienes 48 fotogramas en este. Creo que hay 46 en la que he añadido que es una demostración, una que está en los archivos que te he enviado. Quince fotogramas por segundo es sólo una fracción de tres segundos. Lo que significa que es lo suficientemente largo para ir en forma en la cuadrícula de bucle de Instagram. Creo que tres segundos podrían ser el mínimo. Podrían haberla cambiado, pero ese solía ser el caso. Ahí vamos, eso tarda unos tres segundos en bucle. Todo eso está funcionando bien ahí pero vamos a hacerlo un poco más emocionante agregando algunos elementos dinámicos extra al bucle que le dan un poco más de sentido de textura o algo un poco más orgánico. Donde está manchando, solo estoy dejando atrás estos pequeños puntitos que van a hacer algunas partículas secundarias estranguladas. Este realmente largo aquí va a ir muy rápido. Yo sólo voy a dejar un par de estos atrás aquí en lugar de uno. Entonces voy a volver a una partícula simple aquí. Yo sólo voy a hacer eso en estas partículas donde están realmente alargadas, el movimiento es realmente, muy rápido y realmente estamos dejando una racha a través de la pantalla. Estamos frenando otra vez por aquí, y creo que voy a hacer de éste el último, sólo un pequeño punto muy pequeño. Ahora lo que voy a hacer es con estos elementos, donde empiezan a moverse muy rápido, no queremos que desaparezcan después, solo por ese marco. Aquí estamos en el marco. Voy a fregar hacia adelante un marco, y sólo voy a dejar una versión pequeña del mismo punto, un poco más pequeño, un poco más largo, es un movimiento tan diminuto. Voy a ir hacia adelante otro marco, dejar otro punto pequeño, tal vez un punto más realmente pequeño, un poco más adelante. De nuevo, si se frota a través de eso, una vez que la partícula de plomo desapareció ahí, simplemente deja ese pedacito de sí mismo que luego se detiene y desaparece, sólo se desvanece. Adelante, quiero hacer eso por todas las pequeñas partículas que quedan atrás. Nuevamente, apenas un poco más pequeño cada vez a medida que creamos terrenos. Al igual que con todas las cosas animadas, solo estamos saltando hacia adelante y hacia atrás a lo largo de la línea de tiempo. Para hacer cada uno de ellos, dale un pequeño cheque, asegúrate de que estén bien. Eso se está desacelerando muy bien. Aquí vamos. Todo esto va a hacer es ofrecer un bonito contrapeso a la velocidad de la partícula principal y sólo nos dan una sensación de que como, no lo sé, es casi como un líquido que deja atrás las gotitas mientras se dispara alrededor. Aquí está la más larga, tengo una pareja aquí. Este muy largo, voy a tener la tardanza un poco más que los otros puntos más pequeños. A lo mejor se está moviendo un poco más rápido. Todos estos nuevos códigos de pase, ¿ estás creando en nuevas capas? No, lo siento. Simplemente estoy saltando hacia adelante y hacia atrás a lo largo de la línea de tiempo que ya conseguimos. Correcto. Todo en el mismo trabajo que hemos hecho anteriormente. Aquí vamos. Este se está haciendo cada vez más pequeño. Yo sólo voy a hacer eso al resto de estos. Nuevamente, siéntase libre de revisarlos a medida que avanza. Asegúrate de que están desapareciendo en la dirección correcta. Cuanto más lento se mueven las partes principales, menos tiempo existen y tal vez donde la partícula se mueve más rápido y tenemos ese rastro que dura cinco o seis cuadros. Aquí abajo, algunas de estas sólo duran para tal vez dos o tres. Ahí vamos. Yo sólo voy a volver a jugar eso. No sé si lo puedes ver ahí. Lo que podría hacer es hacer que mi capa de fondo sea un poco menos obvia para que podamos verla. Yo sólo voy a bajar la opacidad. Ahí vamos. Ahora si lo miras, solo obtienes estas lindas rayas que quedan atrás pero te dan una sensación del camino que se ha tomado, dejando una pequeña estela de partículas extra ahí. En este punto, voy a seguir adelante. Pero siéntete libre de usar mi ejemplo de que he pre-creado en los archivos que se pueden descargar o puedes usar el tuyo propio si has logrado terminar en ese momento. 4. Pasar a After Effects: A continuación, vamos a entrar en cómo movemos nuestra animación de Procreate a After Effects. Voy a meter esto en mi Mac así que tal vez necesites enviarte el archivo por correo electrónico, pero lo vamos a compartir como un archivo PSD, que Procreate exportará. Eso solo significa que está configurado de forma nativa para funcionar en Adobe After Effects. Lo estoy enviando vía AirDrop, como dije, podría estar enviándolo por correo electrónico, enviándolo tú mismo sin embargo la forma en que funcione mejor para ti. O puedes ponerlo en el dispositivo que tiene tus After Effects activados. Este es el expediente que les he dado a todos ustedes. Esto es lo mismo. Simplemente está pre-creado para ti y está todo atado en los archivos de After Effects por si quieres saltarte adelante quieres ver lo que he hecho y volver atrás y comparar tu propio trabajo. Lo que voy a hacer es importar ese archivo. Lo que hacemos ahora podría variar ligeramente del expediente que les he dado. Hago todo lo posible para recrear a la perfección, pero los colores podrían ser ligeramente diferentes. Algunos de los efectos podrían ser ligeramente diferentes pero, esencialmente son todos los mismos principios. Simplemente voy a abrir After Effects y luego importarlo y podemos ir desde ahí. Te he dado el archivo como ambos posición de inicio importada totalmente. Está todo listo para ir y empezar a animar con y también les he dado el expediente como pieza final de trabajo para que puedan separarlo y lidiar con ello como quieran hacer. Esto es After Effects y voy a Importar mi bucle. Como dije, puedes importar mi archivo o puedes importar el archivo que has creado. Voy a importar este archivo que les he dado y lo voy a importar como Composición y eso es importante porque importar este metraje lo importará como archivo plano. Queremos poder trabajar con todas las capas, por lo que vamos a importarlo como composición. Aquí vamos. Podría traerte un poco de pantalla como esta queremos asegurarnos de que el Estilo de capa editable esté comprobado y si hago doble clic en eso, puedes ver aquí vamos. Está todo ahí dentro. Cada capa se va a estratificar una encima de la otra en esta instancia. Nos ocuparemos de eso y otras cosas que vamos a tener un par de capas innecesarias que no vamos a usar en el proceso de animación y son la capa de fondo y la Capa 1 que tenemos aquí y esas son solo el color de fondo que Procreate pone en un archivo y la capa sobre la que creamos nuestra pequeña guía. Yo sólo voy a seleccionarlos y eliminarlos y eso deja 46 cuadros. Podrías pasar por ahí y nombrarlos todos tú mismo. He optado por no hacerlo por tiempo razones de locura. Lo que notarás es que he dibujado la pieza en negro y así lo que tengo ahora es una serie de puntos negros sobre el fondo negro. Vamos a querer solo plantear esto para que veas lo que estás haciendo pero voy a entrar en mi Configuración de composición. Composición, Ajustes de composición, mi Velocidad de fotogramas es la misma que lo hice en After Effects, posible que tengas que cambiar que si el valor predeterminado en tu sistema es algo diferente pero han llegado a 15 fotogramas por segundo, 46 marcos y voy a cambiar este color de fondo para poder ver lo que estoy haciendo. Voy a cambiarlo a un gris medio y ojalá, como pueden ver, ahora tenemos algo con lo que podemos trabajar. Lo que queremos hacer es básicamente hacer que esto vuelva a la situación donde tuvimos en Procreate, donde podemos ver la animación reproduciéndose en tiempo real, reproduciendo cada fotograma en secuencia. Voy a guardar esto por si acaso se estrella. Lo que voy a hacer es seleccionar todas las capas aquí, y sólo voy a arrastrarlas de nuevo a lo largo la línea de tiempo para que sean temporalmente un cuadro largo. Cada capa es un marco de longitud. Entonces lo que voy a hacer, voy a usar el asistente de animación para difundirlos a lo largo del tiempo para que volvamos a donde estábamos en Procreate. Si las miras individualmente, puedes ver cada una de las capas en secuencia. Por la forma en que Procreate se acumula, los archivos, empiezan por la parte inferior. Lo que hacemos cuando hacemos esto es seleccionar el fotograma más inferior, Mantén presionado Mayús, y seleccionar el fotograma superior y he seleccionado todas las capas pero hecho en secuencia inferior a superior para que cuando hagamos clic derecho y vayamos a Asistente de fotogramas clave y golpeó “Secuence Layers” y “Okay”. Ya puedes ver en la Línea de Tiempo que los está esparcido todos por ahí. Si fregamos, ahí vamos, tenemos nuestra reproducción. Si golpeas la Barra espaciadora o cero en la almohadilla numérica, After Effects hará rampas de radio. Deberíamos tener exactamente lo que queremos y donde empezamos. Voy a llamar a este Precomp puramente porque así es como lo he llamado en la pieza que les he dado chicos y se va a complicar representar esto correctamente si no hago eso. Lo que queremos lidiar con esta capa ahora es realmente usarla de una manera que After Effects haga las cosas mejor multiplicándola, haciendo cosas geniales con los colores, y generalmente jugando con ella tanto como podamos. 5. Animación en After Effects: Ahora podemos empezar a manipular nuestros archivos en After effects para crear algo más atractivo. Voy a tomar el pre-comp y sólo voy a meterlo en esta nueva composición aquí. Lo que eso va a hacer es arrastrar una composición a la otra. Al estar trabajando hacia una salida, quería que tuvieras en cuenta que tal vez estaremos publicando este tipo de cosas en Instagram o similares. Entonces voy a entrar en mi configuración de composición y sólo voy a cambiar el ancho y la altura a 1080 por 1080, que creo que es la escala estándar de Instagram. Ya verás que nuestro comp ahora es en realidad más grande de lo que necesitamos, pero eso está bien. Simplemente agárrala y bájala. Si mantienes el turno mientras haces eso, podrás hacerlo proporcionalmente. Ahí vas. Si vuelvo a tocar barra espacial, puedes verla jugando dentro de los nuevos límites ligeramente más pequeños. Ahora, lo que voy a hacer es duplicar este comp varias veces y solo que se superpongan entre sí. Pero el problema que tenemos en este momento es que hemos pasado de una situación en la que podíamos ver cada fotograma todos juntos a uno donde ahora sólo podemos ver el marco en el que estamos. Lo que voy a hacer, y sólo voy a hacer esto para esta sección, es copiar y pegar todas nuestras capas de nuevo juntas y las voy a extender para que podamos ver brevemente cuando regrese a pre-comp dos. Voy a cambiar el nombre de esto a color porque aquí es donde vamos a estar haciendo nuestra coloración. Perdón por estar saltando hacia adelante y hacia atrás entre estos, esa es la naturaleza de After Effects. Entonces tenemos pre-comp y color. Ahora podemos ver de nuevo toda la secuencia dentro de nuestra vista. Lo que podemos hacer es que solo voy a copiar y pegar pre-comp aquí en la línea de tiempo, y en esta instancia, lo voy a pegar cuatro veces. Lo que podemos hacer es mirar cómo ahora podemos arreglarlos espacialmente y a tiempo para crear algunos efectos geniales. Lo que voy a hacer es sólo girar. Son cuatro de ellos así que si divido eso por 360 grados por cuatro, tengo 90 grados. Voy a rotar uno de ellos por 90 grados, uno por 180 y uno por 270. Ahí vamos. Ahora tenemos una matriz de estos. puede ver cómo van a interactuar entre sí, pero se acumula arriba aquí. No están particularmente arreglados bien así que lo que voy a hacer es que los voy a seleccionar a todos. Si ajustas los puntos de anclaje de cada uno, verás cómo hay un efecto caleidoscopio que permite arrastrarlos en la misma dirección respecto al eje x e y de cada uno. No voy a hacer demasiado con él. Pero lo otro que podrías hacer es simplemente girarlos un poco para que yo pudiera rotar todo para que sean diagonales. Yo sólo voy a meterme con estos. Entonces algo así se ve bien. Tienes casi un efecto floral caleidoscópico pasando. Ahora que sabemos dónde se van a ubicar todos nuestros elementos en el espacio, podemos volver atrás y podemos tomar estas capas que creamos antes y se pueden [inaudibles] quitar para referencia más adelante. Pero por el bien de la simplicidad, sólo voy a eliminarlos ahora para que estemos de vuelta, veamos dónde estábamos y podamos fregar a lo largo de la línea de tiempo. [ inaudible] acabas de caer un poco cuando estás explicando lo que hiciste con todas esas capas. Además, si tan sólo pudieras recapitular sobre eso. Entonces como dije, la razón por la que doy vuelta esas capas, es sólo para que podamos ver cómo se va a presentar nuestra pequeña secuencia animada y tengamos una sensación de dónde van a estar todas las partículas. Ahora que lo hemos hecho y los he arreglado como me gustaría que fueran, puedo volver a la composición pre-comp, tomar esas capas, y eliminarlas. Entonces ahora, vamos a volver y tenemos la misma secuencia que teníamos antes. Si estás teniendo algún problema con la secuenciación de capas, creo que la versión, el archivo que he configurado, onestart.aep, eso debería tener todos los archivos dispuestos correctamente para esta composición pre-comp, si eso ayuda. Oyes mis precomps ahora dispuestas como las quería, en mi patrón caleidoscópico. Si golpeo el play ahora, si hago esto un poco más grande, ya puedes ver que tenemos un pequeño patrón fresco pasando donde hemos logrado duplicar nuestra secuencia animada y hacerla esta muy divertida poco secuencia geométrica. Ahora, hemos movido los elementos en un sentido espacial, pero lo que vamos a hacer ahora es moverlos en un sentido temporal. Por lo que todas estas cosas, puedes deslizarte hacia atrás y hacia adelante a lo largo de la línea de tiempo, va a crear diferentes efectos. Debido a que mi línea de tiempo es de 46 fotogramas de largo, voy a tratar de compensar todo aproximadamente que el bucle de una manera que todo se extienda uniformemente a lo largo de toda la línea de tiempo. Por lo que cada uno de estos cuatro elementos, puede ver he movido uno de ellos a 23 cuadros, que es la mitad de 46, movería uno a 11, que no es del todo la mitad de 23. Por favor, señor, por favor, puede recapitular justo cómo los giró. Sí. Sí. Gracias. Los volveré a poner. Aquí vamos. Si seleccionas todas estas capas, y puedes o bien abrir la cosa de la transformación e ir a la rotación, solo podemos golpear “R” y eso te traerá la rotación. He optado por rotarlas de manera uniforme para que estén todos bien repartidos, pero puedes rotarlas de la manera que quieras, puedes hacerlas diferentes tamaños, diferentes cantidades de rotación, hacerlas no simétricas o lo que sea que tú quieren hacer, pero solo puedes hacerlo ajustando ese deslizador de rotación. Como digo, en mi caso, lo conseguí para que estén divididos por cuatro vías alrededor de este 360 grados. Voy a deslizar todos estos elementos a lo largo de la línea de tiempo. Como puedes ver, puedes moverlos como quieras. Yo los voy a dividir. Dividimos la línea de tiempo por cuatro. Se puede ver que esto es aproximadamente una cuarta parte del camino a lo largo de la mitad y tres cuartas partes. Porque nuestro bucle debe salir perfectamente, lo que entonces podemos hacer es que nos vamos a estar perdiendo algunos elementos de la animación al principio donde no se extiende atrás en el tiempo. Pero lo que podemos hacer es si seleccionas tu capa, controlas y la pegas, y luego simplemente la desliza para que tengas la misma capa y vuelva a empezar en este punto aquí donde hemos movido la capa a lo largo de la línea de tiempo. Yo voy a hacer eso por cada uno de estos. Entonces solo controla y pega y deslízalo para que se reúna en el punto en que hemos dividido el pre-comp. Lo estoy haciendo otra vez ahí. Ahora, lo que deberías tener es que todas estas capas movidas de tal manera que ahora están perfectamente compensadas por una cuarta parte del bucle de la propia animación. Entonces si golpeo juego ahora, deberías tener este interesante bucle geométrico orgánico. Cuando creé esto, pensé que casi se sienten como luciérnagas. Pero lo que vamos a hacer ahora es saltar de nuevo a nuestro pre-comp y agregar algunos efectos a esto que luego van a venir de nuevo a esa comp de color. 6. Jugar con el color: Ahora podemos empezar a jugar aplicando algunos colores diferentes a nuestra animación. Voy a añadir una nueva capa. Voy a ir Capa, Nueva, y la Capa de Ajuste. Lo que hace una capa de ajuste es que afecta a cada capa debajo de ella en esta línea de tiempo precon-anterior. Lo que quería afectar, es el color de nuestro punto. En este caso, lo que quiero hacer, voy a ir Efecto, Corrección de Color. Vas a querer tener seleccionada la Capa de Ajuste ahí, y luego, ve Efecto, Corrección de Color, y voy a bajar a Tinte. Ahora, el tinte afecta a los elementos negros, y blancos de cualquier imagen. Pero lo que voy a hacer es, voy a hacer ambas blancas. Lo que eso va a hacer es todo lo que hay debajo, ahora puedes ver mi punto es blanco, pero solo quiero que mi punto, mi partícula se vuelva blanca mientras se mueve rápido. Voy a seleccionar a dónde se mueve más rápido, que es este punto aquí. Voy a hacer la cantidad que es blanca 100 por ciento. Voy a hacer clic en esto, y eso debería crear un fotograma clave aquí en mi línea de tiempo de la cantidad a teñir al 100 por ciento. Cuando se mueve más rápido, va a ser blanco, y luego cuando se mueva despacio, voy a seleccionar esto, y simplemente fregar de nuevo a cero. Entonces ahí como puedes ver, poco se desvanece hasta cuando se mueve más rápido, su más blanco, y luego, cuando se mueve lentamente otra vez, voy a arrastrar eso hacia abajo para que sea negro. Lo que deberías tener ahora es solo una pequeña secuencia. Yo sólo voy a pegarle a Play, y ahí vamos. Cuando las partículas se mueven más rápido, Simplemente se vuelve blanco. Como dije, si entramos en esta comp de color ahora, eso debería propagarse todo a través. Lo que vamos a conseguir es esta secuencia realmente genial en la que, dije, hay una sensación de que estos pequeños insectos o luciérnagas o algo similar por lo que cuando están realmente animados, y moviéndose rápidamente, brillan en este color blanco. Lo que voy a hacer aquí es, voy a añadir otra capa de ajuste que va a funcionar encima de lo que acabamos de crear. De nuevo, si voy a Efecto, Corrección de Color, y Tinte, mientras tienes esa Capa de Ajuste seleccionada, te va a dar este efecto de tinte que ahora podemos aplicar a los cuatro de nuestros comps, todos nuestros offset, offset temporal, composiciones espacialmente offset siguiendo este tipo de temas de, en el caso de lo que estoy haciendo aquí, luciérnagas, voy a hacer este color blanco brillante amarillo. Todo lo que sea blanco, se va a convertir a este amarillo aquí, y cuando sea negro, digamos, vamos a mantenerlo brillando, pero voy a hacer este tipo de rojo-rosado. Tipo de nota el color más oscuro. Ahora todo eso se sienta debajo de la capa de ajuste que puedes apagar, y encender. Pero deberías, aquí vamos, tener un regalo de looping, se ve algo como esto. Ese va a ser el tipo de base de nuestra composición final que vamos a armar, y capas arriba, y hacer lucir, ojalá mucho más espectacular. Una vez más, voy a tomar mi composición de color, que es la pieza en la que estamos trabajando actualmente. Voy a arrastrar eso a una nueva composición aquí. Estamos niveles de inicio profundo, somos tres profundos aquí. Ahí está nuestra composición anterior, si vuelvo a tocar eso, todo está funcionando como estaba en la composición anterior. Pero ahora voy a llegar a trabajarlo de una manera que no sea diferente a Photoshop o algo similar. Quiero crear algo usando algunos efectos diferentes, pero quiero que esto se siente sobre un fondo más oscuro. Voy a ir Layer, New Solid, y eso me va a crear un fondo sólido. Voy a ir por un morado oscuro solo para que los colores destaquen mejor de lo que tenemos en la composición anterior. Si solo muevo eso hacia atrás, ahí tienes. Ya estamos empezando a sentir que esto es un poco orgánico. Ahora como dije, voy a hacer todo lo posible para hacer esto exactamente de la misma manera que hice el expediente de demostración, pero ten en hice el expediente de demostración, cuenta si es, si es un poco diferente, es esencialmente todo lo mismo principio. Es en este punto que, si estás familiarizado con After Effects, realmente puedes aplicar tus propios efectos. Enloquece, haz lo que quieras, pero siéntete libre de seguir exactamente lo que estoy haciendo, y tendrás una idea del tipo de cosas que puedes hacer en este escenario. 7. Toques finales: Ahora, podemos agregar algunos efectos de pulido para realmente hacer brillar esta animación. Entonces si copio y pego esto, así Control arriba con C, Control arriba con V. Ahora tengo una versión de la misma composición encima de la última y lo que quiero hacer es, quiero dividirlo ligeramente. Por lo que voy a usar un desenfoque vertiente y eso sólo va a crear un pequeño tipo de efecto de resplandor alrededor del borde de mi trabajo existente. De nuevo, si solo les muestro individualmente, ahí está el tipo de efecto de resplandor que acabamos de crear y se sienta encima de estas partículas aquí. Si abres los efectos y los presets, te permite buscar efectos. Por lo que quiero sólo buscar el efecto de dispersión aquí. En mis efectos y presets, estoy escribiendo en scatter, puedo escribir en scatter. Ahí vamos y en estilizar, ahí vamos. Entonces efecto, estilizar, y dispersar y lo que eso hace es agregar un poco de ruido a ese resplandor, así que ahí no sé si puedes ver, pero ahora está un poco moteada. Si altero los modos e interruptores aquí abajo, traemos los modos de transferencia de estilo Photoshop Illustrator y sólo voy a poner eso en un Ad. Eso sólo le da ese tipo de valor más brillante. Ahí vamos. Realmente realza el resplandor. Ahora, voy a salir todo en esto. Voy a hacer otro de estos y voy a desdibujarlo aún más y lo voy a dispersar aún más. Por lo que nos hemos duplicado. Aquí está el original. Aquí está el resplandor que creamos con el Desenfoque Gaussiano y la dispersión y luego he creado otro que he puesto encima de eso. Ahí vamos, eso son los tres ahora. Lo que voy a hacer finalmente es agregar un poco de un efecto de eco. Voy a copiar la composición de color con la que empezamos de nuevo y pegar eso y la voy a llevar a la parte de atrás. Entonces si estás siguiendo, esa es solo otra versión de la misma comp que habíamos estado duplicando cada vez para agregar estas capas de efectos también. Apagaré las otras aquí y esta vez lo que voy a hacer, voy en mis efectos, así que voy a bajar al tiempo y voy a dar click en eco. Lo que eso va a hacer, es que va a crear versiones a lo largo del tiempo de la misma, va a hacer eco de los fotogramas que teníamos anteriormente, va a hacer eco de los fotogramas que existe en esa capa a lo largo del tiempo. Ya puedes ver si lo apago y lo enciendo ahí. Es agregar el fotograma anterior a esa capa. Entonces qué puedes hacer si ajuste el número de ecos, tal vez esto ayude a explicarlo mejor. Se puede ver que agrega cada vez más versiones de sí mismo de fotogramas anteriores por lo que se tiene este tipo de acumulaciones de capas de la misma composición. Quizás no estoy explicando eso muy bien, voy a usar tres ecos aquí. Voy a poner, ajustar esta pequeña descomposición, lo que significa que van a desvanecerse gradualmente cada cuadro. Voy a ajustar eso a 0.8. Habrá un ligero desvanecido de ese eco. Si fregamos hacia adelante a lo largo de la línea de tiempo, podría tener una mejor idea de cómo está funcionando esto. Es sólo una especie de dejar atrás un rastro de sí mismo. Eso se va a sentar en la parte inferior de mi composición, detrás de todos los demás efectos, y ojalá nos pueda dar una sensación de que esto es luz trailing. Lo que voy a hacer, es que voy a teñir a esto a un color púrpura. la misma forma que teñimos antes. Entonces le voy a añadir otro desenfoque. Ahí vamos. Ahora si vuelvo a encender las otras capas, tenemos algo como te mostré antes, donde tenemos este tipo de composición de luciérnaga de aspecto realmente orgánico. Estas cosas se enrollan y se giran entre sí y hemos hecho que el bucle vuelva a la misma posición, debería lucir perfectamente para ti. Ahí vamos. En cuanto a exportar eso, si queremos hacer un rápido, te voy a mostrar rápidamente cómo exportar eso. Si vas a la composición y agregas para cumplir con tu codificador, lo que eso va a hacer es abrir tu Media Encoder. Si eso es algo que no has preinstalado, no te preocupes, no sé por qué no existe dentro del propio After Effects. Es solo una pequeña adición en ese tipo de te permite codificar cosas fuera de After Effects también. Lo que eso va a hacer es momentáneamente, pondrá algo en esta cola que nos permitirá renderizar un pequeño video que se adapta perfectamente a Instagram, Twitter, cualquiera de ese tipo de cosas. Aquí vamos. Es un archivo H.264, es un MP4. Voy a asegurarme de que esto renderice en mi escritorio para mayor facilidad, y luego voy a golpear play y Media Encoder va a echarnos eso por nosotros. 8. Preguntas y respuestas: Yo sólo voy a llenar el último par de preguntas. ¿ Podemos usar relleno en lugar de tinte, o rompe sus composiciones? Absolutamente puedes usar fill. Eso está bien. He usado tinte en este caso sólo porque usamos ese efecto blanco y negro. Si quieres que haya color extra dinámico a lo largo de una composición, entonces es bastante útil. Pero sí, absolutamente puedes usar fill. Hay alguna razón por la que dupliques las comps tantas veces que dividen los efectos? ¿ Eso hace que la vista previa se renderiza más rápido, o con los efectos se vean de manera diferente si no se escupieran entre comps? Esa es una cuestión densa y compleja. Lo siento, solo voy a ordenar si mi Media Encoder puede, aquí vamos, llegar a su servidor. Esencialmente lo que queremos hacer es que funcione de la manera más maleable posible. Al tener un pre comp que podemos volver a entrar y tal vez podamos ajustar, deslizar estos elementos alrededor. Simplemente significa que, tienes el menor número de fotogramas clave posible que se propagan a través de toda la secuencia. Para que si quieres ajustar el color, por ejemplo, de estos dos elementos aquí para ser, tal vez quieras verde y azul, todo lo que necesitas hacer es ajustar estos dos nodos en el filtro de tinte. Bueno, mira te lo mostraré. Hagámoslo verde y azul. Ahora, eso se aplicará a todo lo que hemos hecho hasta ahora. Todos nuestros desenfoque y resplandor que tenemos, se verán afectados por esos cambios. No tenemos que entrar y cambiar múltiples ajustes de color para otras piezas. Es sólo una forma de utilizar el poder inherente de los efectos después y la forma en que funciona de esta manera nodal, para crear algo que sea cambiante. Ya puedes volver a entrar. Simplemente puedes dejar caer otra secuencia entera en ese pre comp y se lo aplicará a todo lo que hemos hecho también. Podrías moverte alrededor de los elementos en el tiempo, para que funcionen de una manera que se superpongan entre sí de una manera diferente. Todo ese tipo de cosas que solo te da flexibilidad para poder jugar con él de la manera que quieras. 9. Reflexiones finales: Eso es todo por hoy. Muchas gracias por unirte a mí y ojalá esto te dé un punto de partida para avanzar en tu proceso de animación. Te he mostrado un uso muy explícito de esto. Absolutamente, si esta es tu primera vez en After Effects, ten una exploración, abre la pestaña de efectos, mira lo que puedes aplicar a tus capas y me encantaría ver el tipo de cosas que puedes crear solo usando estos principios y cualquier otra cosa que descubras en tu viaje con After Effects. Obviamente estando en vivo, pasamos por algunos de estos pasos muy rápidamente. Siempre puedes volver atrás, volver a visitar partes anteriores del curso, o saltar a los archivos precreados y recordar compartir cualquier cosa que hayas hecho durante esta sesión en la galería de proyectos. Gracias de nuevo por sintonizar. Para más sobre mí y mis otras clases de Skillshare, echa un vistazo a mi perfil de Skillshare.