Transcripciones
1. Introducción: Si eres ilustrador, creo que la animación es una gran adición a tu feed de redes sociales porque te permite ampliar tu narración, establecer un estado de ánimo e incluso agregar humor a tu trabajo. Hola, soy Manon Louart. Soy diseñador gráfico, diseñador de
movimiento e ilustrador francés con sede en Burdeos. En esta clase te estaré mostrando cómo animar tus ilustraciones usando After Effects. Tengo licenciatura en diseño gráfico, no en animación. Me tropecé por ahí en After Effects por mi cuenta hasta que me di cuenta de algunas cosas. De verdad quiero mostrarte que la animación puede ser para todos y que no tienes que pasar horas durante un ciclo de caminata fotograma por fotograma para llegar a algo divertido y animarlo. En esta clase aprenderás a pasar de esto a esto usando algunas de mis técnicas favoritas que incluyen expresiones, efectos de
distorsión, texturas animadas, y cómo darle a tu animación ese look dibujado a mano. Estaré repasando todo mi proceso contigo desde preparar tu archivo en Photoshop hasta exportar de dos maneras diferentes.
2. El proyecto: Para este proyecto, quiero que ilustres el personaje de tu elección con un fondo firme y luego lo vamos a animar usando el CC Bend It Effect,
Expresiones, el Wave Warp Effect, y animar las texturas usando mattes alfa. También he preparado un proyecto de After Effect que estará disponible en los recursos de clase. Contiene cuatro ejercicios cortos que cubren las diferentes aplicaciones de las técnicas que estaremos utilizando, para que puedas seguir junto con eso. Si no quieres comprometerte a hacer una ilustración completa, he animado una composición de referencia para cada una de ellas, pero no tienes que seguirla hasta la letra. Siéntete libre de hacerlos tuyos.
3. Preparación del archivo en Photoshop: En primer lugar, voy a abrir mi archivo en Photoshop y asegurarme de que todo se vea bien, y luego lo exportaré para animación. Así es como se ve mi ilustración por el momento en Photoshop. Tengo estas dos capas que están escondidas por el momento porque las estaré usando como máscaras de recorte, pero sólo una vez que estoy en después de efectos, así que no las necesito por el momento. Entonces tengo todas mis capas de cabello, las plantas, la ropa. Ahora, lo primero que quieres hacer en Photoshop es realmente planear con anticipación, que haga de tu vida su año una vez que estés en After Effects. Quieres asegurarte de que todas las capas que quieres animadas estén separadas. Por ejemplo, todas mis plantas están en capas separadas y lo mismo para mi cabello. Tengo esas tres piezas principales y luego esas hebras de pelo más pequeñas en capas separadas. Lo único diferente para las formas abstractas es que todas están en la misma capa, pero eso es porque en realidad las estaré re-creando directamente en After Effects. Esta es sólo alguna guía de referencia para mí más adelante. lo segundo que quiero asegurarme es que para las capas que quiero animadas, en realidad
tengo suficiente espacio de movimiento para animarlas. Por ejemplo, esta capa de aquí en realidad baja más allá de esta línea de la ropa, para que cuando se mueve alrededor, en realidad
tengo algo mostrando a través. Creo que todo se ve bien. Voy a seguir adelante y empezar a fusionar las capas que no se van a animar. Por ejemplo, tengo el rasgo facial y el rostro. Puedo fusionar esos presionando Comando E. Voy a hacer lo mismo para todas las capas que se van a quedar quietas. Por ejemplo, este grupo de vestir, solo
puedo fusionarme, y fusionarlo con el cuello. Creo que eso es más o menos. Ahora en realidad podemos redimensionarlo presionando Opción de Comando I. En realidad quiero que esto sea en píxeles. Yo quiero que esto sea 180 por 180, y la resolución fijada en 72. El motivo de esto es que, básicamente es el estándar para Instagram, y en realidad no quiero que mi archivo sea demasiado pesado porque entonces sólo va a ser un prisionera. Presionemos “Ok”. Ahora solo puedo guardarlo como un archivo nuevo presionando Shift + Command + S.Lo nombraré animación. Ahorra, y eso es todo.
4. Introducción a After Effects: Ahora que mi ilustración es del tamaño correcto, todas mis capas están organizadas pensando en la animación. Puedo abrir After Effects e importar mi archivo. Entonces si esta es la primera vez que usas After Effects, así es como se ve, haré clic en “Nuevo proyecto” y en realidad he restablecido mi espacio de trabajo por defecto, por lo
que, debería parecerte más o menos igual. Entonces iré a agarrar mi ilustración y la arrastraré a mi pestaña de proyecto. En realidad quería importar como composición con estilos de capa editables, porque de lo contrario se importará como una imagen plana y no podré animarla, entonces, pulsa “Ok”. Esto ha creado una nueva composición, así que, haga doble clic sobre ella, y aquí está su ilustración. Una vez que se importan a After Effects, todas tus capas se les dan estas propiedades muy básicas. Entonces tienes la posición, la escala, la rotación, la opacidad, y el punto de anclaje. Después en la parte superior encontrarás algunas herramientas como la mano, que te permite agarrar tu vista previa y moverla por la zona así. La herramienta de rotación y la herramienta de punto de anclaje, que permite agarrar el punto de anclaje de una capa y moverlo así. Entonces si nunca has animado nada en After Effects, te
mostraré muy rápidamente cómo funciona con una capa de forma. Dibujaré un círculo aquí mismo, y digamos que quiero animar su posición, presionaré “P” en un fotograma clave, luego iré a un segundo en mi línea de tiempo y lo moveré de esta manera, y ha añadido un fotograma clave por sí mismo, y lo que hizo es crear el movimiento entre esos dos fotogramas clave. Esta es la forma más sencilla de cómo funciona la animación en After Effects, se crean fotogramas clave y luego el software funciona por
sí mismo para calcular lo que va a pasar entre esos dos fotogramas clave. Si quería que bajara así, realidad
puedo hacer eso y se añadirá un nuevo fotograma clave. Entonces eliminemos eso y volvamos a nuestras capas. Algo que me gusta hacer es en realidad codificarlos por color porque, me parece que me hace la vida más fácil cuando estoy buscando algo, entonces, vamos a hacer eso. A mí me gusta empezar con las cosas que se van a quedar quietas. Entonces por ejemplo, el fondo, la tela,
la cara, y las pinzas para el cabello. Simplemente puedo hacer clic aquí y seleccionar este color gris, y luego solo haré todo el cabello del mismo color también, digamos este azul, y finalmente, todas mis plantas van a ser verdes. Estos dos pueden ser rosados y esto puede ser rojo. Entonces lo que puedes hacer es presionar “Comando K”, ve a revisar tu configuración de composición. Todo debería estar bien aquí, pero solo te estoy mostrando cómo se ve. Entonces la velocidad de fotogramas es de 24 fotogramas por segundo y la duración es de diez segundos, que es lo que quiero. Tan genial. Por último, desea asegurarse de que su archivo esté realmente guardado en algún lugar. Entonces presiona “Command S”, lo
nombraré animación y presionaré “Guardar”. Está bien. Estoy contento con todo. Entonces empecemos a animar.
5. Animación con el efecto Doblarlo CC: Primero voy a animar las plantas y
el cabello y usualmente iría por la herramienta de títeres para hacer eso, sobre todo con animaciones más complejas pero aquí realmente quiero mantener las cosas cortas y dulces. Vamos a usar un efecto llamado CC Bend it. El CC Bend it Effect permite doblar una capa entre dos puntos de anclaje y aquí la vamos a utilizar para animar las plantas y el cabello. Lo primero que voy a hacer es seleccionar todas
mis capas de planta y luego tomaré el solo box para que las cosas sean un poco más fáciles de ver. Entonces en realidad voy a empezar por admitir esta capa aquí mismo. Voy a ir a Effects, Distort, y CC Bend it. Ahora, no se asusten aquí capa probablemente ha desaparecido y eso se debe a que los dos puntos de anclaje aún no están correctamente colocados. Arreglemos eso. Este es mi punto final, sé que porque cuando lo muevo, cambia los valores aquí mismo y quiero colocarlo en algún lugar cerca de la parte superior de mis plantas, aquí mismo y luego voy a hacer lo mismo por el punto de inicio y colocarlo en la parte inferior. Ahora puedes ir a tu capa. Ábrelo, ve a Effects CC Bend it y voy
a ir a un segundo en mi línea de tiempo y voy a usar el Bend para animar. Coloca tu primer fotograma clave haciendo clic en el cronómetro e ingresa un número, digamos cuatro ahora como puedes ver, hizo
que la planta se moviera. Podría ir todo el camino así o así, pero en realidad quiero mantener mi movimiento bastante montura. A continuación, iré a dos segundos en mi línea de tiempo y entrada menos cuatro. Entonces puedo agarrar mi primer fotograma clave, copiarlo presionando el comando C, pasar a tres segundos, y pegarlo. Ahora puedes volver atrás y presionar la barra espaciadora y voila, tu planta se está moviendo. Déjame usar esta salvedad de trabajo para mostrarte cómo se
vería en un bucle. Aquí está. Es una animación muy simple que voy a estar usando en casi todo. El mío tiene dos segundos de duración. Podrías hacer el tuyo tan largo o tan corto como quieras, pero su longitud en número de fotogramas tiene que ser ya sea un divisor o un múltiplo de 24 porque 24 fotogramas por segundo son nuestras velocidades de fotogramas y de lo contrario no va a bucle correctamente. Ahora voy a ir a aplicar exactamente el mismo proceso
al resto de mis plantas y te veré de vuelta en un momento. [ MÚSICA]. Así es como se ve mi animación en este momento. He ido adelante y copiado mi efecto de mi primera capa, después lo aplicé al resto de las capas y luego ajusté los puntos de inicio y final para cada una de ellas. Ahora voy a seleccionar todas mis capas de planta presionando,
Shift, y desmarcando la casilla en solitario. Aquí es cómo se ve con el resto de mis capas. Ahora, voy a animar el cabello usando este mismo método. Te mostraré con una capa luego haré el resto, regresaré y te mostraré cómo se ve. Te mostraré con esta capa del cabello aquí mismo. Voy a ir a Effects y en CC Bend it, lo único que va a ser diferente de las plantas es que en realidad vamos a invertir los puntos de inicio y finales porque quiero que esta parte inferior del cabello se mueva y no la parte superior. Agarré mi endpoint y lo colocaré en algún lugar por aquí, y luego el punto de inicio y lo colocaré encima del cabello. Lo mismo, voy a colocar mis fotogramas clave y esta vez realmente
quieres empezar con un número negativo porque invertimos los puntos de inicio y finales, pero aún así quiero que mi cabello se mueva en la misma dirección que las plantas. Voy a ingresar menos cuatro, luego voy a dos segundos entrada cuatro, luego copiar mi primer fotograma clave, ir a tres segundos y pegarlo y aquí tienes, ahora esta parte del cabello se mueve con el plantas. [MÚSICA]. Aquí es como se ve la animación completa, como puedes ver, animé estas partes del cabello, pero en realidad dejé fuera esas dos capas y eso es porque las estaré animando más adelante usando otro efecto porque yo no quieren que se muevan tanto. Ahora todo mi cabello y mis plantas tienen su animación de núcleo muy básico. Podemos pasar al siguiente paso. [MÚSICA].
6. Bucles y retoques en tu animación: Hemos creado nuestra animación base, pero sólo dura unos segundos y aún no se ve muy realista, así que veamos qué podemos hacer para llevarla al siguiente nivel. Una expresión es una pieza de código que puedes aplicar a las propiedades de tus capas para influir en ellas. Aquí, lo he usado para decirle a la capa de la derecha que rebote al final de su animación. Ahora mismo vamos a usar una expresión de bucle para decirle a esta animación que entre y salga en bucle. En realidad hay diferentes tipos, pero este es el que voy a usar hoy. Se puede ir a los recursos de la clase para copiarlo y pegarlo. Para mí, lo tengo justo aquí. Volvamos atrás. Quieres hacer click en el cronómetro mientras mantienes pulsada Opción, y pegar tu expresión. Ahora bien, si presiono la barra espaciadora y toco la animación, verán que esta planta sigue moviéndose por sí sola. Si llegamos a la marca de 10 segundos, bucea perfectamente en. Ahora, quiero pegar esa expresión en el resto de mis capas, pero no quiero pasar mi tiempo desplazándome por mis capas, así que quieres seleccionar todas tus propiedades de Bend, y presionar U para ocultar el resto. Ahora, vuelve a tu primer Bend seleccionado solamente, ve a Copiar sólo expresión, vuelve a seleccionar el resto de tus propiedades de Bend y pega tu expresión presionando comando-v. Ahora si previsualiza la animación, verás que todos tus elementos se están moviendo en bucle. Ahora que todo bucle perfectamente, hagámoslo más orgánico. Digamos que esta es nuestra animación, es bonita, pero aún no se ve muy natural, hay dos cosas que puedes hacer para mejorar eso. El primero es desplazar los fotogramas clave de efectos de cada capa en tu línea de tiempo para crear un movimiento más progresivo, y el segundo es cambiar ligeramente el valor de algunos
de los fotogramas clave para que tus elementos se muevan de forma más independiente. Realmente no hay reglas para esto. Simplemente debes meterte un poco con tus capas hasta que se vea bien. Voy a ir a hacer justamente eso por mi cabello y mis plantas, y luego volveré en un rato y te mostraré cómo se ve. Así es como se ve mi animación en este momento. He ido adelante y cargado una vista previa de resolución completa presionando el turno más barra espaciadora. Como se puede ver, el movimiento de la planta comienza con éste y luego
va progresivamente hasta aquí y este pedazo de pelo ahora se mueve ligeramente antes de éste. Si hacemos zoom en nuestra línea de tiempo, como puedes ver, las plantas ahora se mueven más gradualmente. He compensado todas las diferentes animaciones. Lo mismo para el cabello, esta parte ahora mueve un par de marcos antes de esta parte, como se puede ver aquí mismo entre estos dos. También he cambiado los valores. Por ejemplo, esta planta ahora mismo empieza a las 8 y también termina a las 8, eso es importante. En el medio es menos 6. Todo eso hace una diferencia bastante notable en la animación, y eso es lo que queremos. Algo a tener en cuenta es que en este momento la animación se ve rígida sobre todo al llegar al final y a los fotogramas clave iniciados, pero no te preocupes, vamos a arreglar eso en tan solo un momento. Solo para recapitular, puedes moverte por tus grupos de fotogramas clave seleccionándolos, moviendo tu indicador hacia donde quieras que esté el primero en tu línea de tiempo, y luego moviéndolos mientras mantienes el turno para que se ajuste a tu indicador. Entonces puedes cambiar sus valores agarrando tu indicador, yendo a uno de ellos, y luego cambiando el valor aquí mismo. Por último, si quieres ser realmente preciso con tu indicador, realidad
puedes moverte alrededor de tu línea de tiempo presionando comando y las teclas de flecha para que puedas avanzar y retroceder solo por un fotograma. Una vez que estés contento con el movimiento general de tu animación, puedes pasar a relajarla. Cuando alivias la velocidad de un objeto en After Effects, esencialmente
estás cambiando la velocidad a la que se acerca y deja fotogramas clave. En este momento vamos a usar facilidad fácil, lo que hará que disminuya la velocidad cuando se acerque y se acelere gradualmente al salir. Vas a arrastrar tu masa a través de
todos tus fotogramas clave luego haz clic con el botón derecho en uno de ellos, ve al asistente de fotogramas clave y fácil facilidad. Aquí está la animación ahora, creo que se ve mucho mejor. En realidad podrías ajustar la velocidad de la flexibilización seleccionando tus fotogramas clave y luego yendo al Editor de gráficos justo aquí, y simplemente tirando de esas asas. Pero en realidad estoy bastante contento con la configuración predeterminada, así que sólo voy a pasar al siguiente paso. Si no estás animando tu propia ilustración o simplemente quieres practicar antes de la mano, puedes hacer una pausa aquí e ir aplicar lo que has aprendido
hasta ahora en las plantas en Ejercicios 1 y 2. He incluido una composición de referencia para cada uno de ellos para que puedas utilizarla como guía. Pero sí trata de resolver las cosas por tu cuenta.
7. Animación con expresiones: En esta sección, vamos a generar algunas animaciones automáticas utilizando una expresión y una capa de forma. Aquí vamos a recrear cada una de nuestras formas en la capa de formas para que se puedan animar usando una expresión. Vamos a acercar un poco presionando Z. Entonces puedes presionar H para desplazarte por tu vista previa. Después ve a capa, nueva, capa de forma. Dentro de la capa de forma puede presionar Q para cambiar el tipo de forma que desea crear. Vayamos aquí, arrastremos y recreemos este. Si lo desea, también podría cambiar el relleno o el tipo y color de trazo. Ahora para recrear el triángulo, voy a usar la herramienta de pluma así. Ahora voy a hacer el resto. Ahora para ajustar un poco las cosas, puedo hacer doble clic en esto, girarlo y moverlo un poco para éste también. Ahora hay una cosa importante. Como ya he dicho, queremos animar cada una de las formas forma independiente y queremos hacerlas rotar. Para las elipses, su punto de anclaje ya está centrado. Pero si creas una forma con la herramienta de lápiz como esta, el punto de anclaje podría estar en otro lugar. Solo quieres asegurarte de eso. Aquí he seleccionado este y como pueden ver, el punto de anclaje está justo aquí. En realidad hago esto amarillo para que se pueda ver ahí. Aquí mismo. Quieres presionar Y, agárrala y traerla de vuelta en algún lugar del medio. Yo voy a hacer eso por el otro triángulo. Vamos a alejarnos. Ahí voy a borrar mi referencia y luego podemos empezar a animar. En esta sección, vamos a utilizar esta maravillosa pequeña expresión que aleatoriza una propiedad elegida en un bucle y se ve así. Ahora sé que parece aterrador, más
aterrador que el que hemos usado antes. Pero no te preocupes, en realidad no tienes que entenderlo. De hecho, yo tampoco en realidad. Todo lo que sé, es eso ilustrado por Dan Ebberts. Tangente rápido. Pero tal vez te estés preguntando quién es este misterioso hombre. Cuando se trata de expresiones, Dan es el hombre. Si como yo, alguna vez terminas yendo a Google con una pregunta sobre expresiones, hay 99 por ciento de probabilidad de que Dan ya tenga incidente en algún foro en 2009. No bromeo, está en todas partes. Gracias Dan por tu conocimiento de expresión y permitiéndome verme mucho más inteligente de lo que realmente soy. Dejaré su página web en la sección de recursos. Por favor ve a
comprobarlo, es una gran fuente de información. En fin, de vuelta a nuestra expresión, las únicas cosas con las que nos vamos a preocupar son la frecuencia. El número de wiggles por segundo, la amplitud del movimiento en píxel y el tiempo de bucle, que será la longitud del ciclo. Cuando tienes una capa de forma, tiene estas propiedades al igual que cualquier otra capa. Pero si entras en una de tus formas, encontrarás que cada una de las formas tiene sus propias propiedades para que se puedan animar de forma independiente. Eso es lo que vamos a usar ahora. Vamos a animar la posición de cada uno de ellos y su rotación. Seguiré adelante y agarraré mi expresión aquí
mismo, lo mismo que antes. Está en los recursos de clase, volvamos atrás. Haga clic en rotación y haga clic en el cronómetro mientras sostiene la opción y pegue nuestra expresión. Cargaré la vista previa solo para que puedas ver cómo se ve la configuración predeterminada. Como puedes ver, se está moviendo bastante y yo quería moverme menos. También el ciclo no está en bucle adecuadamente, así que vamos a arreglar eso. En primer lugar, quiero que la frecuencia sea más lenta, así que la voy a cambiar a 0.5. Entonces cambiaré la amplitud a tal vez, no
sé 30 y el tiempo de bucle a 10 para que coincida con nuestra composición de 10 segundos. Vamos a previsualizar ahora. Mucho mejor. Rápidamente agarraré esa expresión, copiaré y la pegaré a la posición. En realidad cambiaré la amplitud a tal vez 20 porque
no quiero que se mueva demasiado. Vamos a previsualizar. Ahora es realmente sencillo. Simplemente selecciona tu posición y rotación, solo copia expresión. Selecciona el resto de tus formas y pega. Así es como se ven nuestras formas. Ahora, obviamente podrías intentar jugar un poco más con cada uno de los parámetros. También podría aplicar la expresión a la escala o a la opacidad. Traté de jugar, en realidad
he usado esta expresión para hacer tantas cosas diferentes. No te limites a lo que he hecho con él aquí. Estoy bastante contento con la animación tal como está. Sigamos adelante. Si estás trabajando en el proyecto de ejercicios ahora mismo, puedes seguir adelante y aplicar esto a las formas en los ejercicios uno y dos usando como
guía mis composiciones de referencia y terminarás con tus dos primeras animaciones.
8. Agregar texturas animadas: Ahora es el momento de animar nuestras dos texturas, y vamos a empezar con la más fácil, que es la luz que recorre el eclipse. Para eso, vamos a convertir esa capa en un mate de pista alfa. Un mate de pista es una capa invisible que se utiliza para controlar la opacidad de la capa directamente debajo de ella. Es bastante similar en principio a las matas de recorte en Photoshop. Existen cuatro tipos diferentes. Los alfas te mostrarán una capa usando la opacidad del mate y los Lumas te mostrarán una capa usando la ligereza de tu mate. Volvamos a traer nuestra capa de luz. Voy a precomponerlo con un sólido que será del mismo color que las pinzas para el cabello. Por lo que una precomposición en After Effects actuará casi de la misma manera un Objeto Inteligente en Photoshop en el
que será una capa singular en esta composición. Pero si haces doble clic en él, en realidad
puedes abrirlo, entrar en él y editar cosas alrededor. Por lo que es bastante útil si quieres animar un grupo de capas. Entonces voy a crear un nuevo sólido presionando comando y, quiero que sea del mismo color que mis pinzas para el cabello. Presionemos “OK” y luego puedo traerlo debajo de mi capa de luz. Después selecciona las dos capas, haz clic con el botón derecho, ve a precomponer y lo voy a nombrar, “Light princomp.” Por lo que esta ahora es una composición clicable para que puedas entrar en ella y cambiar las cosas. Entonces volvamos a nuestra comp principal. Voy a traerlo debajo, pinzas para
el cabello y luego ir a Track Matte, Alpha Matte. Ahora la luz se muestra en las pinzas para el cabello. Yo quiero animar su posición. Entonces vamos a presionar P para sacar la propiedad de posición agregar un fotograma clave. Entonces quiero agarrar mi Precomp y arrastrarlo hacia la izquierda para que la luz ya no se muestre a través. Entonces quiero ir a un segundo, agarrarlo y llevarlo a la derecha. Ahora, ve al siguiente fotograma presionando comando y la tecla de flecha derecha justo aquí. Agarra este fotograma clave y cópielo y péguelo para que esto haga que mi precomposición vuelva instantáneamente a su primera posición. No quiero que esta animación suceda en realidad con demasiada frecuencia. Entonces voy a ir a quizá cuatro segundos, pegar ese fotograma clave. Entonces básicamente nuestro bucle de animación es ahora esta capa yendo de izquierda a derecha, luego nada durante tres segundos, y luego va a empezar de nuevo. Entonces vamos a agarrar de nuevo nuestra expresión de bucle, copiarla y pegarla a la posición. Última cosa, vamos a aliviar la animación yendo a Keyframe Assistant, Fácil Facilidad y listo. Entonces así es como luce la animación, es bastante simple, pero creo que le agrega un bonito toque. También podrías intentar hacer algo con la rotación de una textura en un grupo. Ya lo he hecho antes. Creo que también se ve bien. Entonces ahora podemos pasar a las estrellas y al cabello y va a ser un poco más complejo, pero me gustan mucho los efectos que da. Ahora quiero hacer lo mismo por las estrellas así que lo sacaré de nuevo, creando nuevo sólido con el color del cabello. Después tráelo debajo de la capa de estrellas, seleccione ambas y precomponga y lo llamaré “Stars Pricomp”. Haga doble clic en él, y ahora estamos dentro. Entonces quiero animar la opacidad de las estrellas, y voy a usar un track Matte para eso también. Pero esta vez va a ser un Luma. Entonces copiaré y pegaré mi sólido. Levántalo, luego ve a efectos y voy a ir
al Ruido y Grano y añadir Ruido fractal. Ahora estas áreas en blanco y negro se van
a utilizar para definir qué estrellas van a estar mostrando. Se puede jugar con los parámetros, pero mi receta personal se ve algo así. Tan Dynamic Twist
para el tipo Fractal, para el tipo Ruido, spline, elevaré el contraste a 350, el brillo a 20, y la escala a 40. Después baje la complejidad a una y luego podrás ir a jugar en las opciones de evolución. Entonces así, creo que me voy a conformar con, no
sé, 200, 30. Entonces así es como se ve ahora. Ahora podemos empezar a animar. Entonces abre tu capa, ve a efectos y vamos a usar la evolución para hacer eso. Entonces coloca un primer fotograma clave en tu línea de tiempo, entonces quieres ir hasta el final y creo que quería hacer cuatro ciclos de evolución. Se desea utilizar ciclos completos para que bucle correctamente. Entonces asegúrate de ir a la opción de evolución y hacer de ésta una evolución Ciclo. Ahora si lo previsualizo, se está moviendo y lo está haciendo en un ciclo. Por lo que está buceando al final de los 10 segundos. Para que pueda detener la vista previa. Después cierra mi capa y quiero que las estrellas se muestren a través de los puntos negros. Entonces voy a elegir la Luma Invertida para eso y aquí tienes. Aquí está la vista previa. Por lo que ahora se hace la animación de la opacidad. Obviamente podrías llegar a tus propios parámetros para esto. A lo mejor cambiar el brillo, los contrastes, la escala. También se puede cambiar el número de ciclos para que la evolución sea más rápida o más lenta. Yo soy bueno con esto así que volvamos a nuestra composición principal. Ahora quieres llevar tu capa debajo de una de
las capas de cabello y selecciona “Alpha Matte”. Entonces quieres duplicar tu capa de estilos y hacer exactamente lo mismo con todas tus capas de cabello. Entonces quieres asegurarte de esconder todas tus capas de cabello para que solo las estrellas estén mostrando así. Entonces aquí está tu segunda textura animada. Creo que se ve genial. Si estás trabajando en los proyectos de ejercicios, ahora
puedes ir a aplicar lo que has aprendido aquí sobre este tema saliendo de la taza de café en Ejercicio 3. Entonces es exactamente lo mismo que estas estrellas. Entonces en Ejercicio 4, puedes hacer la reflexión de luz sobre el cristal, que es el mismo principio que las pinzas para el cabello.
9. Animación con el efecto Deformación con ondas: Por lo que esta sección trata sobre el paso extra que puedes dar para tu misión luzca más fluida mediante el uso de un efecto llamado Wave Warp. Por lo que el efecto warp de onda produce la apariencia de una onda que viaja a través de tu imagen. Aquí lo voy a aplicar al cabello. Empezaré con esta sección de pelo aquí mismo. Entonces ve a “Efectos”, “Distorsionar” y “Wave Warp”. Se ve un poco raro por el momento. El primero que quiero arreglar es la dirección. Por lo que quería que pareciera que el viento viene de aquí. Agarremos la dirección y la movamos a algún lugar por aquí. Puede ser 225, y luego quiero que la altura sea la misma, pero quiero que el ancho sea más grande. Entonces tal vez 200, y 30, tal vez. Entonces cambiemos la velocidad a 0.5, y si eliges algo diferente, solo asegúrate de que funcione para tu bucle de diez segundos porque podría no. Entonces si quieres, puedes cambiar la cara. Normalmente solo lo agarro y lo muevo hasta que quede bien. Aquí tienes un adelanto. Ahora el siguiente paso es ir aplicar el efecto al resto de tus capas mientras cambias ligeramente los parámetros cada vez. Entonces te voy a mostrar cómo hacer eso con esta capa y luego seguiré adelante y haré el resto. Está bien, así que agarra tu efecto y luego cópielo y pegarlo en tu otra capa. Entonces hay dos cosas que podemos cambiar, la dirección y la cara. Primero cambiemos la dirección quizá por diez grados porque supongo que está encima de la cabeza, así que tal vez el viento no estaría golpeándolo exactamente de la misma manera. Entonces para la cara tal vez está empezando a moverse un poco antes, así que cámbiala a menos 60. Sí, en algún lugar por aquí. Estoy bastante contenta con ello, así que solo seguiré adelante y haré el resto. De acuerdo, así que aquí está. Ya terminé y estoy bastante contento con los resultados. Obviamente, si estás trabajando en tu propia animación, los parámetros van a ser muy diferentes. Pero si quieres, te
puedo mostrar cómo se ven mis capas aquí, y puedes hacer una pausa y echar un vistazo a tu alrededor. Como último paso, quiero aplicar el mismo efecto a mi capa de barco y también al interior de mis estrellas pre-comp, para que todo se vea más cohesionado. Agarremos el efecto de una de las capas, luego vayamos a la capa de forma, peguémoslo, luego metamos dentro de las estrellas, precomp y hagamos lo mismo en la capa de estrellas. Ahora volvamos a la composición principal y previsualización. Aquí está, ya terminamos. En realidad terminamos con las partes de animación, así que felicidades. Ahora que has aprendido a usar el efecto warp de onda, puedes ir al ejercicio tres y aplicarlo al vapor y en el ejercicio cuatro, o puedes usarlo para animar el agua así como la parte inferior de la paja y terminarás con todos tus ejercicios. Lo único que queda será aplicar los efectos dibujados a mano si quieres.
10. Toques finales: Estamos cerca del 90 por ciento hecho con nuestra animación. Felicitémonos, y en los toques finales. Vamos a agregar una capa de ajuste presionando la opción de comando Y, y lo que añadas a esa capa afectará a cualquier capa colocada debajo de ella. En primer lugar, vamos a añadir un efecto de desplazamiento turbulento. El efecto de desplazamiento turbulento utiliza ruido fractal, como hemos usado para las estrellas, pero para crear distorsiones en una imagen, y eso es lo que vamos a usar para crear el look dibujado a mano. Vayamos a Effect, Distort, y Turbulent Desplace. Se ve muy divertido. Lo mismo que para el ruido fractal, cada uno tiene su propia receta, mía se ve algo así, por la cantidad 20, dos por el tamaño, mucho mejor ya, y por la complejidad, 10. En realidad vamos a usar una expresión una última vez en las opciones de evolución, y la semilla aleatoria. Haga clic en la opción Cronómetro mientras mantiene pulsado, y escriba en el tiempo 12. Básicamente, le va a decir al efecto que
cambie aleatoriamente la distorsión 12 veces por segundo. Vamos a previsualizarlo. Aquí está. Como puedes ver, está agregando una textura fina a todos mis bordes, y ya está haciendo que se vea más dibujado a mano. Lo que me gusta hacer es realmente duplicar el efecto, y cambiar la cantidad a algo más pequeño, pero el tamaño a algo más grande, que también tengamos alguna distorsión más grande. Duplicemos el efecto. Quiero cambiar la cantidad a cinco y el tamaño a 12, y el último paso, y esto es opcional, es agregar un efecto de tiempo posterize. Ve a Efecto, Tiempo, Posterizar Tiempo, y quieres cambiar tu velocidad de fotogramas a 12. Hace que la animación sea más agitada o escalonada, supongo, pero la acerca a ese look dibujado a mano que vamos por. Iré a cargar una vista previa [inaudible], y luego podremos hacerlo antes y después. Si te gusta el efecto y quieres aplicarlo a tus animaciones de ejercicio, puedes seguir adelante y hacerlo. En las composiciones de referencia, he bajado la velocidad de fotogramas a seis, en el efecto de tiempo posterize, para mostrarte la diferencia. He usado parámetros ligeramente diferentes en los efectos de desplazamiento turbulento. Siéntase libre de experimentar con eso.
11. Exporta: Por fin terminamos con nuestra animación. Espero que estés contento con el tuyo y lo único que queda por hacer es exportarlo. Esta sección va a ser extra corta, te lo prometo, porque hay muchas posibilidades diferentes para exportar videos pero decidí que me iba a saltear la parte donde pretendo entenderlos todos. Vamos a utilizar Adobe Media Encoder para exportar como MP4 y luego te
mostraré este plug-in de aguja que te permite
exportar como GIF directamente a After Effects. Vamos a añadir nuestra composición a la cola de render de Adobe Media Encoder, que también deberías tener si has descargado After Effects. Puedes ir aquí a hacer eso pero si quieres el atajo, es Opción + Comando +N entonces puedes cambiar el formato aquí mismo. Si el tuyo no está ya establecido en H.264, lo
puedes encontrar en esta lista. De verdad no necesitas cambiar nada más aquí. Entonces cerremos este panel. Entonces quieres elegir tu salida. Yo lo quiero aquí, Guardar, y luego todo lo que tienes que hacer es presionar la flecha verde. Estamos usando H.264 aquí porque es un estándar de compresión de video que te dará un MP4 el cual suele ser un archivo pequeño y es T-1 más comúnmente utilizado para las exportaciones web. Eso será perfecto para las redes sociales. Vamos a buscar nuestro expediente. Debería estar justo aquí. Como puedes ver, el tamaño está en el extremo más pequeño del espectro, así que eso es genial. Abrámoslo y aquí lo tienes. Tu hermosa animación está lista para ser compartida. Cerremos esto y volvamos a After Effects. Si quisieras exportar como GIF, podrías traer tu MP4 a Photoshop y reexportarlo, pero me parece que el proceso es un poco tedioso. Por eso uso un plugin que se llama GifGun. Creo que son alrededor de 30 dólares. Entonces si alguna vez decides usar After Effects de forma más regular, esa podría ser una buena inversión. Iré a Ventana y abriré GIFGun. Entonces puedo revisar los parámetros aquí mismo. En primer lugar, quiero asegurarme de que mi salida esté donde debería estar, lo cual es bueno. Entonces suelo cambiar el tamaño a 800. Normalmente guardo la velocidad de fotogramas como mi composición. Podrías establecer tus colores máx en 256. Si el GIF termina siendo demasiado pesado, podrías volver a bajar a 128, sobre todo si estás trabajando con colores bastante planos como yo aquí, 128 sí funciona. Entonces quieres asegurarte de que es un bucle y luego puedes exportar. Aquí está mi GIF. Si has completado los ejercicios, por favor haz exportarlos también y ponerlos la sección de proyectos estudiantiles porque realmente quiero ver qué se te ocurrió.
12. Conclusión: Entonces espero que hayas disfrutado de esta clase y espero que te hayas divertido. Si lo hiciste, por favor avísame porque esta es mi primera clase de la historia, por lo que sólo puedo mejorar desde aquí. Si esta fue tu primera inmersión en after effects, espero que te diera algo de confianza y te muestre que con solo unos pocos efectos simples, realmente
puedes traer algo más a tu creación. Antes de irme, sólo quiero recordarles que lo que he cubierto en esta clase es sólo una fracción de lo que se puede hacer con esos efectos, así que por favor no se limite. Trata de explorar y llegar a algo diferente porque estoy seguro que puedes imaginar algo en lo que yo no hubiera pensado. No puedo esperar a ver lo que creas. Si tiene alguna pregunta en el camino déjalas en las discusiones aquí y me aseguraré de responderlas. Está bien. Muchas gracias por seguir mi clase. Adiós.
