Transcripciones
1. Introducción: Hola, me llamo Carminys Guzmán. Soy animador, ilustrador, y guionista con sede en España, originario de República Dominicana. En este curso, te enseñaré cómo crear
divertidos bucles basados en personajes que a la gente le encantará ver de nuevo, nuevo y de nuevo. Soy el cofundador de Operary.com, un estudio de animación con sede en Madrid. Tenemos más de nueve años de experiencia produciendo hermosos videos animados explicadores para cientos de empresas en todo el mundo, como Intel, Deloitte, Bayer, Porsche, y muchas más. Estoy muy emocionado de compartir mis conocimientos con ustedes. Empezaremos a preparar los diseños en Adobe Illustrator para que podamos trabajar de manera efectiva en After Effects. Entonces nos pondremos en contacto con la interfaz After Effects y prepararemos a nuestro personaje para animarlo de forma sencilla. A continuación, te mostraré cómo animar fácilmente al personaje y cuatro formas diferentes de crear increíbles bucles animados. Para terminar, harás un ejercicio extra para aplicar todo lo que has aprendido haciendo una animación desde cero. Se pueden descargar los archivos del proyecto. De esta forma, podrás seguir las instrucciones en tiempo real y te será mucho más fácil aplicar lo que estás aprendiendo. Este curso es ideal para animadores, ilustradores, diseñadores gráficos, artistas creativos, y en general, cualquier persona que quiera aprender a hacer animaciones
increíbles con facilidad y en el menor tiempo posible. Este es un curso fácil de seguir. No obstante, si no has usado After Effects antes, puedes tomar mi curso anterior, Animate Your Illustrations in Record Time Usando Adobe After Effects, primero. No hay tiempo que perder, únete ahora, ¡y empecemos!
2. Proyecto: Al finalizar este curso,
estarás desatando tu creatividad creando tu propio look animado. Te mostraría cuatro maneras diferentes de hacerlo. Después de terminar una lección, te
daré algunas indicaciones. Por favor, no se lo salten; síguelos y practica para obtener los mejores resultados. Siéntete libre de descargar y usar mi obra de arte para practicar si no tienes tiempo para crear tu diseño desde cero. Además, al finalizar este curso, harás un ejercicio extra para aplicar todo lo que has aprendido. Tengo muchas ganas de ver tu trabajo. Por favor subirlo a la galería de proyectos del curso. Si tiene algún comentario o pregunta,
por favor, publíquelos en la pestaña de discusiones. No puedo esperar a ver qué se te ocurre. Diviértete.
3. Elaboración de archivos: Hola ahí. En esta clase, veremos cómo organizar nuestros elementos de diseño para trabajar eficientemente en After Effects. Hemos utilizado Adobe Illustrator para diseñar nuestro personaje. Puedes descargar el archivo ilustrador de proyectos y recursos, para que puedas aplicar todo lo que aprendas durante el curso en tiempo real. Para preparar el archivo para After Effects, separaremos los elementos que animaremos en capas. Empezaremos desde el brazo delantero. Haga clic en el símbolo aquí para crear dos capas, una para el brazo y otra para el brazo delantero. Con un doble clic, los nombramos. Después arrastramos los elementos dentro de sus respectivas capas. Ahora, necesitamos crear dos capas más, una para la cabeza y otra para el cabello. Como hemos hecho antes, nombramos a las capas y arrastramos los elementos dentro de la capa correspondiente. Si desactivamos la capa de cabeza, podemos ver que hay una segunda cabeza abajo. Hemos creado dos cabezas para nuestro personaje porque
usaremos esta animación para dos cosas diferentes, una para el gráfico completo de la chica jugando ping-pong y otra para el primer plano siguiendo el movimiento del balón. En primer plano, animaremos tanto las cejas como la boca. Crearemos tres capas más, una para la boca, una para las cejas, y otra para la segunda cabeza. Nuevamente, arrastramos los elementos a sus respectivas capas. Ahora podemos volver a encender la capa de cabeza. Antes de seguir creando capas, echemos un vistazo a la animación. Si te das cuenta, el dedo está por encima de la paleta de ping pong, pero no sigue su movimiento. Además, el balón también se mueve de forma independiente. Tenemos que crear tres nuevas capas, una para el balón, una para el dedo, y otra para el paddle de ping pong. Una vez más, arrastramos los elementos dentro de sus respectivas capas. Ya que el cuerpo, las piernas, y la camisa no tienen ninguna animación, podemos poner todo dentro de la misma capa. Lo vamos a llamar cuerpo y piernas, por ejemplo. Ahora sólo necesitamos organizar el brazo que está jugando ping-pong. Como hicimos antes, creamos dos capas, una para el brazo y otra para el antebrazo y arrastramos los elementos. Con estos chicos, nuestro personaje está listo para ser importado a After Effects. Por último, vamos a guardar estos cambios, eso es muy importante.
4. Primeros pasos y atajos: Antes de empezar a animar los proyectos, pongámonos en contacto con la interfaz After Effects y además veamos los atajos que usaremos en este curso. Trabajaremos con el espacio de trabajo estándar, pero puedes elegir la opción que prefieras. El primer paso es crear una nueva composición. Vamos a Composición y seleccionamos Nueva composición. Abriendo nuevo 1920 por 1080 compensación a 24 fotogramas, nombra, y dale cuatro segundos. Como segundo paso, importaremos nuestro diseño de Adobe Illustrator. Vaya a Archivo, seleccione Importar archivo
y, a continuación, seleccione el archivo deseado. Cuando importamos un archivo en capas, en la opción Importar como, debemos seleccionar Composición Conservar tamaños de capa. Como se puede ver, se ha creado una composición y una carpeta con capas. Vamos a trabajar en la composición. En primer lugar, arrastre la composición importada a la composición principal. Activaremos la opción Toggle Transparency Grid haciendo clic aquí para ver mejor el diseño. Ahora echemos un vistazo a la interfaz de After Effects. El panel donde se ven los personajes es el Viewport. Este panel es donde veremos los resultados de nuestros diseños y animaciones. En la parte inferior, se puede ver el panel Línea de tiempo. Este panel es donde pasaremos más tiempo creando las animaciones. A partir de aquí, podemos modificar fácilmente las propiedades de transformación de la capa. Si miramos a la izquierda, podemos ver el panel Proyecto. Aquí es donde aparecerán todas las composiciones que creemos y todos los archivos que importamos. En la parte superior, podemos encontrar las herramientas esenciales. Ahora echaremos un vistazo a los atajos de teclado más conocidos para este curso. Los accesos directos hacen referencia a las propiedades de las capas y a las herramientas que utilizamos con mayor frecuencia. Veamos cómo abrir las propiedades de capa con un solo clic. Pulse “A” para el Punto de Anclaje, P para la Posición, S para la Escala, R para la Rotación, y T para la Opacidad. Además, si mantenemos pulsada la tecla Mayús, podemos abrir varias propiedades simultáneamente. Ahora vamos a ver cómo acceder a la herramienta principal con el toque de una llave. Presione “V” para la Herramienta de selección, mantenga presionada la barra espaciadora para la herramienta de mano, Z para la herramienta Zoom, W para la herramienta de rotación, e Y para la herramienta Pan Detrás. Se trata de la práctica. En Proyectos y Recursos, tienes un archivo PDF disponible para descargar con los atajos más útiles.
5. Rigging de personajes: Clase, en esta lección, prepararemos a nuestro personaje para la animación. Pero antes que nada, vamos a preparar el fondo de esta escena. Para ello, crearemos una capa de forma. Para asegurarnos de que creamos una capa de forma y no una máscara, tenemos que ir a Editar y Deseleccionar todo. Ahora hacemos doble clic en la herramienta de rectángulo y se crea
una capa de forma con el tamaño de la composición. Desde aquí podemos cambiar el color a nuestro gusto. Haga clic en “Ok”, y arrastre la capa debajo del diseño. Para nombrar la nueva capa, presionamos la tecla “Enter”. Con un doble clic entramos en una composición de ping pong. Pero aguanta. Salvemos el proyecto antes de que lo olvidemos. Vaya a “Archivo”, seleccione “Guardar” y guarde el proyecto. Empezaremos a colocar los puntos de anclaje en las capas para aplicar animación en su rotación. Los puntos de anclaje serán los puntos de referencia alrededor los
cuales girarán las capas cuando las animemos. En primer lugar, para facilitar la localización de los puntos de anclaje, seleccionamos la primera capa de todos y abrimos la opacidad. Recuerda poner en práctica para trazar caso que vimos en la lección anterior. Vamos a la parte inferior con la primera capa seleccionada y con la tecla “Shift” presionada, seleccionamos la última capa. De esta manera, se seleccionan todas las capas. A continuación, bajamos la opacidad. Al reducir la opacidad, podemos ver mejor dónde empieza y termina nuestra capa. También podemos ver dónde están las intersecciones de las capas. Es muy sencillo. Seleccionamos la herramienta pan detrás, luego seleccionamos la capa y colocamos, los puntos de anclaje en los puntos de referencia alrededor de los cuales queremos que roten las capas. Si no está seguro si ha colocado a los puntos de anclaje en el lugar correcto, con la herramienta de rotación puede girar la capa y comprobar si funciona la rotación. Haremos el mismo proceso con los brazos, el cabello, y el ping pong paddle. Si te das cuenta no hemos colocado los puntos de anclaje en las capas que conforman la cabeza. Sólo los hemos colocado en el cabello, esto es porque para controlar los movimientos de la cabeza, vamos a crear un objeto nulo. Un objeto nulo es una capa invisible que se puede crear para controlar los movimientos de otras capas. Para crear un objeto nulo, vamos a “Capa”, “Nuevo” y seleccionamos “Objetos nulos”. Podemos llamarlo controlador de cabeza. Al igual que con el resto de las capas, colocamos esto para que el punto de anclaje de los objetos nulos
sean los puntos de referencia alrededor de los cuales queremos que gire la cabeza. Por último, quiero mencionar que no hemos colocado los puntos de anclaje en el dedo ni en la capa de piernas del cuerpo porque no vamos a animar su rotación. Genial. Ahora podemos volver a seleccionar todas las capas, y restablecer la opacidad a un 100 por ciento. Ahora veamos cómo usar la técnica de crianza de los hijos. En este momento, si movemos alguna de las capas con la herramienta de selección, se mueven de forma independiente. Pero necesitamos que, por ejemplo, cuando el brazo se mueve, el brazo de delante siga sus movimientos. Empecemos vinculando todas las capas que componen la cabeza con el controlador de la cabeza. Para ello, arrastre el látigo de pick de estas capas al controlador de cabeza. Ahora bien, si rotamos el controlador de cabeza, la cabeza también se mueve. Podemos desactivar la primera cabeza para ver que la segunda cabeza también se está moviendo. Volvamos a encenderlo y seguir haciendo el mismo proceso. Vamos a enlazar el dedo y la paleta de ping pong con el antebrazo. Para terminar vinculamos las capas del antebrazo con las capas del brazo. En esta animación, no necesitamos vincular las capas de los brazos con el cuerpo porque no se moverá. Ahora es necesario vincular el balón con cualquier capa porque se moverá de forma independiente. Eso es todo. Ya tenemos a nuestro personaje listo para la animación.
6. Cómo obtener un bucle: Antes de animar el primer bucle, hay
que entender algunos conceptos básicos. Tener un bucle perfecto dependerá de la duración del movimiento respecto a la duración de la composición. Como ya sabéis, nuestra composición tiene una duración de cuatro segundos. En nuestra animación, haremos que los movimientos de nuestro brazo delantero duren dos segundos. Un segundo para girar a la izquierda y otro segundo para girar a la posición titular. El resto de las partes del cuerpo harán un movimiento completo cada segundo, cada 24 cuadros. Para garantizar que nuestros bucles funcionen bien, sólo
necesitamos dividir la duración de nuestra composición por la duración de las animaciones. Si el resultado es un número entero, funcionará perfectamente. De acuerdo chicos, teniendo esto en mente, podemos empezar con el proceso de animación. Nos vemos en la siguiente lección.
7. Bucle 1: Ahora que el personaje está listo, es hora de empezar con la parte divertida, la animación. Empecemos con el brazo delantero. Seleccionamos la capa Arm 1 y abrimos la propiedad Rotación. Para animar la rotación de la capa Arm 1, necesitamos crear el primer fotograma clave. Hagámoslo dando click en el cronómetro. A mí me gusta la pose inicial del brazo, por lo que dejaré la rotación en cero. Ahora, avanza un segundo en la línea de tiempo. Se puede ver el contador de tiempo a la izquierda, y giramos hasta lograr el resultado deseado. Estamos buscando un movimiento muy suave para el brazo delantero. Vamos a rotar muy poco. Nosotros vamos a hacer lo mismo con la capa Antebrazo 1. Nuevamente, vamos al inicio de la línea de tiempo, creamos un fotograma clave y giramos ligeramente, avanzamos un segundo y giramos en dirección opuesta. Perfecto. Ahora que hemos creado nuestros fotogramas clave, vamos a crear una expresión para ahorrar tiempo. Tenemos que hacer click en el cronómetro mientras mantiene pulsada la tecla Alt para aplicar una expresión. A continuación, escribimos una expresión de ping-pong LoopOut. Copiaremos la expresión que hemos aplicado en la rotación de capa Arm 1 para ahorrar más tiempo y la pegaremos en la capa Antebrazo. Para ello, haga un clic derecho en la rotación y seleccione “Copiar sólo expresiones”. A continuación, seleccione la capa Antebrazo 1 y pegue la expresión con Control V o Command V en Mac. Si presionamos cero en el numpad, podemos ver que gracias a la expresión LoopOut ping-pong, los movimientos de las capas Brazo y Antebrazo vienen y van por toda la composición. Como vimos en la lección anterior, la animación del brazo delantero dura dos segundos, un segundo para girar a la izquierda, y otro segundo para volver a la posición inicial. Pero el movimiento es un poco áspero. Para suavizarlo, seleccionamos los fotogramas clave, haga clic con el botón derecho en “Asistente de fotogramas clave”, “Facilidad fácil”. También puedes aplicarlo seleccionando los fotogramas clave y presionando F9. Si echamos un vistazo, podemos ver que la animación ahora se ve más suave. Ahora hagamos lo mismo con la cabeza. Seleccionamos el Head Controller y abrimos la propiedad Rotación. Vamos al inicio de la línea de tiempo y giramos la cabeza hasta lograr el resultado deseado. No podemos olvidar crear la primera clave haciendo clic en el cronómetro. A continuación, avance un segundo en la línea de tiempo y gire la cabeza en la dirección opuesta. Hacemos lo mismo con la capa Cabello. Creamos un fotograma clave y giramos. Avanzar de nuevo 12 fotogramas, y girar en dirección opuesta. Oh no, antes de aplicar el segundo fotograma clave del controlador de cabeza en el lugar equivocado, debe estar en el fotograma 12. Lo seleccionamos y lo ponemos en el lugar correcto. Recuerda que a excepción del brazo delantero, el resto de los elementos harán un movimiento completo cada 24 cuadros. Es decir, cada segundo, 12 cuadros para ir y 12 cuadros para volver a la posición inicial. Seleccione los fotogramas clave y pulse F9 para suavizar el movimiento. A continuación, copiamos la expresión que hemos aplicado en la rotación de capa Arm 1, haga clic derecho en la Rotación y seleccione “Copiar sólo expresiones”. Lo pegamos en las capas Head y Hair con el Control V o Command V en Mac. Echemos un vistazo. Posteriormente, le agregaremos más fluidez a la animación, pero por ahora está bien. Ahora vamos a animar el brazo trasero. El proceso es exactamente el mismo que lo que hemos visto hasta ahora. Seleccionamos la capa Arm 2 y abrimos la propiedad Rotación. Creamos un fotograma clave y giramos el brazo. A continuación, avanzamos 12 fotogramas en la línea de tiempo y la rotamos en dirección opuesta. Nuevamente, hacemos lo mismo con la capa Antebrazo 2. Seleccionamos los fotogramas clave y aplicamos los ECE con la tecla F9 y pegamos la expresión, copiamos antes con Control V o Command V en Mac en las capas Arm 2 y Antebrazo 2. Echemos un vistazo. Genial. Ahora sólo tenemos que animar el paddle de ping-pong y el balón. Animar el paddle de ping-pong es muy sencillo, ya que aplicaremos el mismo método que hemos utilizado hasta ahora. Creamos un fotograma clave y rotamos la paleta, avanzamos a nuestros fotogramas, y lo rotamos en dirección opuesta. Ahora aplica ECs con tecla F9, y de nuevo, pegamos la expresión con Control V o Command V en Mac. Es una buena práctica revisar la animación durante el proceso para asegurar que todo vaya bien. Antes de animar el balón, mejoraremos la animación. El objetivo es imitar la inercia creada por los movimientos más exagerados del cuerpo para que la animación parezca más natural. Para ello, basta con seleccionar los fotogramas y moverlos en la línea de tiempo. El remo sigue la inercia del movimiento de su brazo, por lo que moveremos la animación dos cuadros. Por otro lado, el cabello sigue la inercia del movimiento de la cabeza. Vamos a hacer lo mismo,
seleccionar los fotogramas clave y moverlos dos fotogramas. Antes de revisar, seleccionaremos tanto los fotogramas clave del cabello como los de la cabeza, mientras mantenemos pulsada la tecla Control o la tecla Comando en Mac, y vamos a moverlos dos fotogramas. El motivo de esto es que quiero que el inicio
del movimiento de cabeza coincida con el inicio del movimiento de paddle de ping pong. Si te das cuenta, el movimiento de paddle de ping pong inicia en el cuadro 2. De acuerdo, vamos a previsualizar. Ahora, la animación se ve mucho más natural y fluida, y la hicimos moviendo ligeramente los cuadros. Ahora vamos a animar el movimiento del balón. Hagamos que el charco golpee la pelota en el marco 6, por ejemplo. A continuación, vamos a la capa Ball, abrimos la propiedad Posición y creamos un fotograma clave, y ponemos la pelota encima de la paleta de ping pong. Avanza 12 cuadros para enmarcar 18 específicamente y mueve el balón hacia arriba. Nuevamente, copiamos la expresión LoopOut ping pong que aplicamos previamente en la rotación de las otras capas. Cuando copiamos y pegamos expresiones entre diferentes propiedades, necesitamos seleccionar la propiedad directamente, en este caso, la posición, y luego pegarla. Echemos un vistazo. Ahora suavizaremos el movimiento cuando el balón llegue a la cima para hacerlo más realista. Para ello, seleccionamos el segundo fotograma clave y aplicamos ECE con F9. No tenemos que aplicar ECE en el primer fotograma clave porque el balón debe rebotar bruscamente contra la paleta de ping-pong. Podemos ver que no es suficiente, necesitamos suavizarlo aún más. Existen dos formas de hacerlo; a través del Editor Gráfico, y la otra es modificando la influencia del movimiento. La segunda opción es mucho más simple y es igual de efectiva como la primera, por lo que seleccionaremos esta. Una vez que hemos aplicado ECE algunos el fotograma clave, hacemos clic con el botón derecho en “Velocidad de fotograma clave” y establecemos la influencia en 80 por ciento. Cuanto mayor sea el valor, más suave será el movimiento. Ahora, si volvemos a previsualizar, podemos ver que nuestra animación está casi terminada. Se ve muy bien. Hasta el cuadro 6, no todas nuestras animaciones están funcionando. El balón, por ejemplo, está flotando ahí aire los primeros fotogramas clave, esto hace que el look no sea perfecto. Para resolver esto, simplemente seleccionamos todas las capas y las arrastramos
al primer fotograma clave de la bola está al principio de la línea de tiempo. Arrastramos las capas hasta el final de la línea de tiempo. Ahora tenemos nuestro primer bucle terminado. Pasemos a la composición principal para ver cómo se ve con el fondo. Agradable. Estoy muy contenta con los resultados. ¿Lo estás?
8. Bucle 2: Hola, clase. Aprovechando la animación que creamos en la lección anterior, crearemos el bucle número 2. Vamos por ello. En primer lugar, iremos al panel del proyecto. Desde aquí duplicamos la composición de ping-pong, seleccionamos, y con Control D o Command D en Mac, la duplicamos. Con un doble clic, entramos a la composición ping pong 2. En primer lugar, desactivaremos la capa de cabeza ya que no la vamos a utilizar. Entonces también voy a mover la capa de cabello por debajo de la capa de cabeza 2. Empezaremos animando la boca de nuestro personaje. Estamos buscando la boca para abrir y cerrar cada 12 cuadros siguiendo el movimiento del balón. Seleccionamos la capa bucal y abrimos su propiedad de escala. Creamos un fotograma clave al inicio de la línea de tiempo. Lo escalamos hacia abajo, y luego nos movemos al marco 12 y lo escalamos hacia arriba. Seleccionamos la tecla y presionamos F9 para suavizar el movimiento. A continuación, copiamos la expresión que hemos aplicado en la lección anterior sobre la rotación del controlador de cabeza, por ejemplo. Seleccionamos la propiedad de escala y pegamos. Acerquemos para ver mejor. Habiendo aumentado la escala de la boca por encima del 100 por ciento, la capa se ha vuelto un poco pixelada. Para resolverlo, activaremos la opción rasterizada continuamente haciendo clic en este recuadro aquí. Si no puedes ver esta opción, haz clic en “Alternar conmutados/Modos” hasta que no puedas verla. Al activar esta opción, podemos ampliar la escala de nuestras capas sin que nos pixelen. Mejor aún, activaremos esta opción en todas las capas ya que posteriormente escalaremos toda la composición para hacer el primer plano de la cara. Ahora vamos a animar la posición de las cejas. Seleccione la capa de las cejas y abra su propiedad de posición. Creamos un fotograma clave al inicio de la línea de tiempo, luego avanzamos al fotograma 12 y los movemos hacia arriba. Seleccionamos los fotogramas clave y presionamos F9 para suavizar el movimiento, y pegamos la expresión loop out ping-pong. Seleccionamos la propiedad de posición y pegamos. Echemos un vistazo. Genial. Ya tenemos nuestra segunda animación lista para el bucle. Vamos al archivo del proyecto, y desde aquí duplicamos la composición del bucle 1, y con un doble clic, ingresamos a la nueva composición del bucle 2. Arrastra la composición de ping-pong 2 en ella y escalala hasta 280 por ciento, por ejemplo. Gracias a que antes de haber activado la opción continuamente rasterizada dentro de todas las capas, ahora sólo necesitamos activarla en la composición para que ya no quede pixelada. Vamos a voltear nuestra animación haciendo clic derecho Transformar, Flip Horizontal. Perfecto. Colocaremos a nuestro personaje de tal manera que la paleta no sea visible. Podemos ampliar un poco más esta escala. Esto es perfecto. Ahora vamos a crear el bucle. En primer lugar, vamos a la segunda en la línea de tiempo. Seleccione la composición de ping-pong y cree un fotograma clave en la propiedad de cada posición. Ya que queremos que la animación desaparezca de la parte superior de la pantalla, avanzamos a los segundos dos y movemos nuestra composición fuera de la pantalla. Seleccione los fotogramas clave y pulse F9 para suavizar el movimiento. Ahora queremos que la composición ping-pong 2 siga su movimiento. Para ello, ve a los dos segundos, justo donde hemos creado este segundo fotograma clave en la composición de ping-pong, y vincula la composición de ping-pong 2 a la composición de ping-pong. Si previsualizamos, podemos ver que ya tenemos la mitad del trabajo hecho, pero el movimiento no es lo suficientemente fluido. Para mejorarlo, hacemos un clic derecho en los fotogramas clave en los que previamente hemos aplicado Easy Easy Easy. Seleccione Velocidad de fotograma clave y establezca la influencia en 80 por ciento. Vamos a previsualizar de nuevo. El movimiento ahora es mucho más fluido. Asesoraríamos en la línea de tiempo a los segundos tres y crearíamos un fotograma clave en la posición de ping-pong 2 capas. A continuación, avanza hasta el final de la línea de tiempo y mueve al personaje fuera de la pantalla hacia el lado izquierdo. Seleccione los fotogramas clave y pulse F9 para suavizar los movimientos. Nuevamente, fijamos la influencia en 80 por ciento. Ahora echemos un vistazo. Parece que tenemos que moverlo más a la izquierda para que el balón también desaparezca de la pantalla. Genial, ya lo tenemos. Ahora selecciona la composición de ping-pong y duplica. Pasar al inicio de la línea de tiempo antes de haber aplicado algún fotograma clave. Al hacer clic en el cronómetro, eliminamos los fotogramas clave que ha aplicado. Una vez hecho esto solo tenemos que desplazarnos hasta el final de la línea de tiempo y vincular la composición de ping-pong con la composición de ping-pong 2. Ahora tenemos nuestro maravilloso bucle terminado.
9. Bucle 3: Hola ahí. Bienvenidos a esta lección. Crearemos el bucle número 3 animando esta escala del personaje. Verás lo sencillo que es. Empecemos duplicando la composición del bucle 1 desde el panel del proyecto. Entonces se creará una nueva composición llamada loop 3. Al hacer doble clic, entramos dentro. Ahora vamos a duplicar la composición de ping pong de la línea de tiempo. Antes de animar algo, necesitamos colocar el punto de anclaje en el punto que queremos que tome como referencia para animar la escala. Si miras, dependiendo de dónde esté el punto de anclaje,
esta escala se comportará de manera diferente. Vamos a dejar el punto de anclaje en este punto de aquí. A continuación, pasamos a los segundos dos en la línea de tiempo y creamos un fotograma clave en esta propiedad de escala. Después, avanzamos al fotograma clave 3 e incrementamos esta escala hasta que el personaje desaparezca de la pantalla. Al aumentar la escala, E se pixelará. Para así resolver esto, tenemos que activar la opción, rasterizar
continuamente tanto en la composición como en las capas internas, igual que en la lección anterior. Podemos terminar de escalar la composición. Seleccione los fotogramas clave y pulse “F9" para aplicar Easy Easy Easy. Una vez más, fijamos la influencia en 80 por ciento para mejorar nuestra animación. Ahora solo necesitamos ir al segundo tres, donde se
encuentra el segundo fotograma clave de la primera capa y vincular la segunda capa con la primera. Tan simple como eso. No queremos que se muestre la segunda animación durante la primera mitad del bucle. Para resolverlo, simplemente cortamos la animación tirando de aquí y arrastramos hacia adentro. Podemos incluso hacer que empiece un poco más tarde, para que esté mejor integrado. Esto es perfecto. Eso es todo. Otro gran lazo hecho con mínimos esfuerzos.
10. Bucle 4: Bienvenidos a esta clase. Vayamos por el cuarto y último bucle. En esta lección, aprenderás a crear bucles
animados animando la rotación de los personajes. Al igual que en la lección anterior, comenzaremos duplicando la composición del bucle 1 desde el panel del proyecto. Entonces en tu código de composición se creará el bucle 4,. Al hacer doble clic, entramos dentro y duplicamos la compensación de ping pong desde la línea de tiempo. Colocaremos el punto de anclaje en los puntos de referencia alrededor de los cuales queremos que roten las capas. Vamos a colocarlo aquí. A continuación, pasamos a la segunda herramienta de la línea de tiempo y creamos un fotograma clave en la propiedad de rotación de la primera capa. Avanzar a los segundos tres y aplicar una rotación de menos 180 grados. Vamos a desactivar la capa de abajo para que veamos lo que hemos hecho. A continuación, seleccionamos los dos fotogramas clave y presionamos “F9" para suavizar el movimiento. Echemos un vistazo. Está bien pero puede ser mejor. Vamos a mejorar nuestra animación aplicándole un poco de anticipación. Para estos, vamos al primer fotograma clave y avanzamos cuatro o cinco fotogramas más o menos. Gire ligeramente en la dirección opuesta a la que se produce la rotación. De esta manera, creamos una anticipación que nos ayude a leer mejor la animación y agrega más dinamismo. Vamos a previsualizar de nuevo. Se ve bien, pero voy a reducir la duración de la anticipación en un fotograma. Genial, ya lo tenemos. Voy a mover un poco el segundo fotograma. Por lo que los segundos tres. Ahora, localice a la altura del segundo fotograma clave en la línea de tiempo y lleve la segunda capa a la primera. Eso es todo. Si
previsualizamos, hemos creado otro bucle rápido y fácil.
11. Tu turno: Hola ahí. Si has llegado tan lejos, significa que eres capaz de hacer divertidos bucles animados. Ahora, es tu turno. Desde Proyectos y Recursos, puedes descargar el diseño que ves en la pantalla. Después aplicando todo lo que has aprendido durante el curso, te
invito a crear un bucle similar a It. Es más sencillo que el que hemos hecho durante el curso. Ya has aprendido todo lo que necesitas para hacerlo. Si te sientes listo, te
invito a pausar este video y probar el ejercicio por tu cuenta. Si no lo ves con claridad, no te preocupes. En la siguiente lección, voy a explicar las claves para hacerlo sin problemas.
12. Solución del ejercicio: Hola ahí. En esta lección, estoy haciendo un desglose del ejercicio para que puedas hacerlo fácilmente. Durante el curso, has visto todo lo necesario para hacer este ejercicio. Recuerda, si tienes alguna pregunta, por favor ponlas en la pestaña de discusiones. Vamos por ello. En primer lugar, he separado al personaje en capas. Aquí, a la derecha, se
puede ver cada una de las capas. Por ejemplo, la mecedora y la capa corporal se compone de la silla, el cuerpo, y partes de las piernas. He creado una nueva composición con los mismos ajustes que los proyectos del curso; 1,920 por 1,080 composición a 24 fotogramas, de cuatro segundos de duración. Después he importado el diseño en after effects y arrastrado la composición importada a la composición principal. Dentro de después de efectos, he colocado los puntos de anclaje. En la capa de mecedora, el punto de anclaje debe colocarse en la base para que la animación funcione bien. A continuación, he vinculado las capas siguiendo el esquema que se ve en la pantalla. En este ejercicio, hay que vincular los brazos y las piernas con una mecedora, y capa corporal ya que estará en movimiento. Siguiendo el mismo método visto durante el curso, he animado la rotación de las diferentes capas. A continuación, tengo una plaga fácil facilidad por lo que los marcos clave y la expresión LoopOut pingpong. Para facilitar la creación del bucle, he hecho que los movimientos dure dos segundos. De esta manera, al aplicar la expresión LoopOut pingpong, todos
los movimientos duran cuatro segundos, exactamente igual que la duración de la composición. Recuerda que para ahorrar tiempo, puedes copiar la expresión y pegarla en el resto de las capas. Te recomiendo previsualizar la animación a menudo para comprobar que todo funciona bien. Como se puede ver, el proceso es exactamente el mismo que hicimos en la lección del bucle 1. Animamos la rotación, suavizamos la animación con facilidad, y aplicamos la expresión LoopOut pingpong. En el caso de la boca, he seguido el mismo método, pero animándolo a escala. Esta sombra no es animada. Los brazos, las piernas y la cabeza siguen la naturaleza de la mecedora y la capa corporal. Vamos a mover la animación a cuadros. Por otro lado, la cabeza sigue la inercia de los movimientos de la cabeza. Por último, para crear un bucle perfecto, he seleccionado todas las capas y las arrastre para que el primer fotograma clave aplicado a la cabeza esté al principio de la línea de tiempo. Por supuesto, en este ejercicio, he ampliado todas las capas hasta el final, y eso es todo. Ya tenemos la animación completa. Para terminar, vaya a la composición principal, anule la selección de todo y cree una capa de forma con un doble clic. Aplica el color que más te guste. Voy a eliminar el trazo blanco que se ha creado y mover la nueva capa de forma por debajo de la composición para dormir. Por supuesto, también puedes hacer diferentes estilos de bucles siguiendo estos pasos que has visto en las lecciones anteriores. Una forma perfecta de aprender es abrir el archivo After Effects con la animación aplicada y analizarla. Por lo tanto, les he dejado un archivo con todos los bucles aplicados para el ejercicio. Espero que te guste.
13. Perfecciona tus habilidades: Si realmente quieres hacer regalos extraordinarios animados profesionales desde cero, necesitas dominar tres habilidades: escritura de guiones, ilustración, y por supuesto, animación. Desde mi perfil, puedes acceder a la sección de fundamentos de animación donde
encontrarás fantásticos cursos para mejorar estas habilidades. Una vez que hayas aprendido lo básico, recomiendo que te especialices en temas más específicos para desarrollar tus habilidades de animación. En Skillshare, encontrarás una extensa colección de increíbles cursos. Aprovecha para seguir aprendiendo y mejorando día a día. Espero verte en mis otros cursos al final de éste.
14. Renderización: Ahora que tenemos los proyectos listos, es hora de exportarlos. Tenga en cuenta que se exportará la composición que actualmente tenemos abierta. Para ello, vamos a Composición y seleccionamos Agregar a Adobe Media Encoder. Media Encoder nos ayuda a exportar proyectos de manera más eficiente. En primer lugar, elegimos el códec. En este caso, usaremos H264. Exporta el video en MP4, el formato más utilizado para la web. En cuanto a la resolución de salida, podemos elegir la opción de tasa de bits alta o media fuente de coincidencia para evitar errores y exportarla en el mismo tamaño que hemos trabajado en el proyecto. Por último, elegimos la ubicación donde exportaremos el video y le daremos un nombre al archivo. Para terminar, haga clic aquí en el botón de reproducción. También puedes exportar tus animaciones como GIF. Para ello, vuelve a After Effects y envía el video de vuelta al Media Encoder. Elegimos el códec GIF animado y la opción GIF Animado, Match Source. Nuevamente, elegimos la ubicación y le damos un nombre al archivo. Finalmente pinchamos aquí en el botón play. Con estos, chicos, todo estará listo. Una vez finalizado el proceso, puedes abrir el video y empezar a compartirlo en tus redes sociales.
15. Reflexiones finales: Enhorabuena y bravo. Tú lo hiciste. Espero que encuentres útil esta información. Ahora puedes crear bucles increíbles para tu página web de redes sociales, portafolio, o cualquier lugar que quieras mostrar tus talentos. Tengo muchas ganas de ver tu trabajo. Por favor, subirlos a la galería de proyectos del curso. Si disfrutaste del curso, por favor déjame una reseña. Estaré muy agradecido. Sígueme y sé el primero en conocer nuevos cursos y más. Nos vemos pronto.
Carminys Guzmán, Motion grapher
