Transcripciones
1. Introducción: Hola, me llamo Kelly Larkin, y soy animadora que vive en Los Ángeles. hoy, te voy a enseñar a tomar tu ilustración y convertirla en una animación preciosa, utilizando el poder de After Effects. Voy a ir por cómo hacer lista tu animación de ilustración, en Photoshop e Illustrator. Además, estaremos saltando a After Effects, y te daré un curso vertiente sobre algunas herramientas realmente fantásticas que puedes usar para dar vida a tu ilustración. Aunque seas usuario por primera vez de After Effects, no te preocupes, te tengo. Te mostraré algunos consejos y trucos útiles y formas de tomar tu ilustración y convertirla en una animación preciosa. Hoy vamos a repasar conceptos como la herramienta Pin de marionetas, dibujos de
intercambio, puntos de pivote, y algunas otras cosas. Espero que disfrutes de la clase y asegúrate de ponerte en contacto conmigo si tienes alguna pregunta, estaré más que feliz de ayudar.
2. Nuestro proyecto de clase: Para el proyecto de clase, estaremos creando un
GIFs animados de 1-3 segundos utilizando las habilidades que hemos aprendido en esta clase. Asegúrate de hacer algo sencillo para empezar como un personaje ondeando o mirando la cámara. Nada demasiado complicado. Una vez que nos metemos en las profundidades de la animación de copias, podemos tener a tu personaje haciendo volteretas de espalda. Pero por ahora, mantengámoslo a un simple gesto, una mirada, o algo que se pueda hacer dentro del marco temporal de 1-3 segundos. Asegúrate de tocar cada tema como capas 3D, dibujos
intercambiados, puntos de pivote y la herramienta de pin de marioneta. Asegúrate de que tu GIF se pueda poner en línea y jugar fácilmente. Una vez que hayas terminado tu GIF, por favor muéstrame y me encantaría darte algunos comentarios.
3. Limpiar tu ilustración: Antes de empezar, quiero decirles que tengo un pájaro. A veces lo oirás en este video y eso está bien. Se llama Romeo y dice Hola. Antes de entrar en cualquier programa, me gustaría repasar los cuatro principios básicos de crear ilustración lista de animación. Mostraré demos y ejemplos sobre cómo se pueden utilizar estas técnicas. Número 1, cualquier cosa que se mueva debe ser su propio objeto. Número 2, podrás ver detrás objetos que normalmente no verías en una ilustración. Número 3, más capas separadas permite más control. Número 4, cosas como brazos, piernas, caderas, cuellos, etc., deben tener esquinas redondeadas para permitir un movimiento suave. Vamos a entrar en estos con más detalle. Número 1, cualquier cosa que se mueva debe ser su propio objeto. Ya sea una cabeza, un brazo, una mano, cualquier cosa que se mueva debe ser su propio objeto. Eso te permite tener mucho control. En mi demostración, la cabeza y el cuello son dos objetos separados, así
como el pelo en la espalda y el pelo en la parte delantera. Esto me permitió, cuando empecé a innovar para conseguir un poco de movimiento único que de otra manera no habría tenido. Número 2, podrás ver
los objetos traseros que normalmente no se ven en una ilustración. Por este concepto, es importante que todo lo que pudieras ver esté rematado. En mi ilustración, tuve que volver atrás y llenar el cabello de esa manera podría rotarlo y no habría ningún problema. También tuve que hacer esto por la mano. Número 3, más capas separadas permite más control. Cuando separas tus capas, que pueden ser adictivas y honestamente, puedes ir para siempre. Permite crear una animación altamente matizada, muy controlada. A modo de ejemplo, separé las pupilas en los ojos de
mi personaje para poder moverlas de forma independiente. También separé los dos ojos el uno del otro porque quería crear un efecto de escorzo más adelante en esta serie usando capas 3D. Número 4, cosas como brazos, piernas, caderas, cuello, etc., deben tener esquinas redondeadas para permitir un movimiento suave. Este es un factor muy importante a la hora de crear una ilustración que esté lista para la animación. Si creas extremos redondeados a extremidades en movimiento, te permite controlar fuertemente tu animación y crear un movimiento realmente hermoso. A modo de ejemplo, separé mi brazo superior, mi brazo inferior, y mi mano, permitiendo que el brazo se doblara y se moviera. Tanto Photoshop como Illustrator tienen una herramienta de pivote, si te transformas en objetos, puedes mover el cursor pequeño. Eso es un círculo con una x en él hasta el punto de tu elección, entonces puedes rotar tus objetos. Esto te dará una buena idea de cómo rotan tus objetos dentro de los efectos posteriores. Aquí hay un rápido lapse de tiempo sobre mí separando mis capas. Se puede ver cómo en profundidad me pongo. Es muy importante tener tanto control como sea posible a la hora de animar. Pero asegúrate de no hacer demasiado para volverte loco. En serio, podría volverme más loca. Podría separar los dedos. Podría hacer los hombros ahí sobre objetos. Podría agregar más de un cuerpo. Pero esto funciona perfectamente para lo que tengo en mente. A continuación, estaremos importando nuestra ilustración terminada en after effects. Mantente atentos.
4. Importar en After Effects: En esta sección, te voy a enseñar a importar tu ilustración desde Illustrator o Photoshop a After Effects. Te voy a contar algunas cosas que ojalá alguien me hubiera dicho como joven ilustrador, en carpetas de Photoshop siempre importarán como composiciones, un poco más sobre lo que eso significa después. En Illustrator, las subcapas siempre importarán fusionadas. De esta manera recomiendo encarecidamente separar todo en capas
separadas y asegurarme de que no tengas ninguna subcapa. También te recomiendo si estás acostumbrado a trabajar en impresión, comprobando dos veces tu configuración de colores. Illustrator tiene un color cambiante particularmente agresivo una vez importado a After Effects, si lo has hecho CMYK. Para importar un proyecto, todo lo que tienes que hacer es hacer clic derecho en la parte del proyecto más a la izquierda. Una vez que hayas hecho eso, sigue
adelante y selecciona el archivo que te gustaría importar. abrirá un cuadro de diálogo que tiene algunas opciones. La opción que vas a querer es la composición retener tamaños de capa. Lo que esto significa es que cada una de tus capas será un objeto editable, y los puntos de pivote dependerán de las
propias capas en contraposición a todo el tamaño de los documentos. Esto nos hará dirigirnos en la dirección correcta. Ahora que tus archivos han importado, ve a tu composición está marcada por un icono que se parece a una película de cine que forma en ella. Haga clic derecho en él y vaya a la configuración de composición. Vas a querer asegurarte de que tu composición tenga al menos dos segundos de duración, o puedes cambiarla si quieres, algo más largo o más corto. Recuerda, nuestro proyecto personal va a tener 1-3 segundos de duración. También quieres asegurarte de que estás usando 24 fotogramas por segundo. Simplemente el estándar actual de la industria para cuántos fotogramas por segundo dentro de su animación. Algunos de ustedes podrían haberse estado preguntando qué son esas extrañas cajas rojas alrededor de mi composición. Eso es algo que me puse para mí al inicio de este proyecto. Sabiendo que realmente quería tener un formato cuadrado, lo
puse ahí para ayudarme a enmarcar más apropiadamente mi dibujo dentro de After Effects. Si hago doble clic en mi composición aquí, puedes ver todas nuestras capas ahora están presentes y visibles. A continuación, vamos a agregar pivotes y vamos a crear
juntas nuestras capas para crear un rastrillo rudimentario. Mantente atentos.
5. Madre con puntos de Parenting y pilote: Bienvenido al mundo de la crianza de los hijos y los puntos de
pivote un juego alternativo a Dungeons and Dragons, malas bromas a un lado, ¿qué es la crianza de los hijos? Esperemos que esta extraña gráfica te pueda dar un poco más de información. Cuando quieres levantar un objeto,
tu hombro y la parte superior del brazo se mueve, lo que ayuda a que tu brazo inferior se mueva, lo que ayuda a que tu mano se mueva. Esta es la idea fundamental de una relación padre-hijo. En secuelas, usamos la paternidad para conectar una capa a otra. De esta manera, cuando movemos una capa, hará que las otras se muevan también. Esto nos permite crear movimiento naturalista, que sólo se verá potenciado por otras técnicas que hoy les mostraré. Si has trabajado en Photoshop o Illustrator, probablemente
tengas cierta familiaridad con los puntos de pivote. Los puntos de Pivot indican al programa que estás utilizando cómo quieres que un objeto gire o se mueva. Si tienes un punto de pivote dentro del centro de una imagen, esa imagen girará en función del centro. No obstante, si mueve el punto de pivote más arriba o más abajo, cambia
el punto en el que gira el objeto. Usando tanto los puntos de crianza como los de pivote, aquí
vamos a sentar las bases para nuestra capa. Al hacer clic en una capa, ves un símbolo en medio de ella, ese es tu punto de pivote. Si subes a tu barra de herramientas y seleccionas la imagen que tiene una línea de puntos con flechas orientadas hacia afuera, esta es la herramienta que usarás para cambiar tu punto de pivote. Para crear relaciones padre-hijo en after effects, vas a asegurarte de tener tu padre y vincular la ventana visible, que debe estar conectada a tu capa. Si no está ahí, intenta presionar la tecla de
modos de barra inclinada de interruptores de alternancia hasta que veas una caja que dice parent y link. Hay dos formas de padres, una, puedes seleccionar el icono espiral del niño que te gustaría y arrastrar lo que llamamos el látigo pick a los padres. Si jugar con espirales geniales no es lo tuyo, también
puedes usar un menú desplegable y seleccionar la capa que te gustaría ser el padre. Para esta sección, voy a llevar a algunos padres e hijos y conectarlos. También voy a cambiar algunos puntos de pivote alrededor, para asegurarme de que mis rotaciones sean lo más naturales que puedan ser. Algo más que voy a hacer en esta sección, es usar algo llamado capa de ajuste, que es una capa vacía que usaré para padres grandes estructuras a. Voy a crear una capa de ajuste que tenga todos ellos pueden enfrentar elementos parentados a ella. Esto es increíblemente útil, lo que significa que si bien tienen la capa maestra facial moviéndose, también
puedo seleccionar a las personas que están parentadas dentro de la capa facial y moverlas de forma individual. Cuando tenga mi descanso todo listo, voy a animar, o al menos comenzar a animar. Si seleccionas la flecha desplegable junto a tu capa deseada, obtendrás una serie de elementos diferentes, como traducir, girar, punto de anclaje, etc. Si seleccionas uno de ellos, obtendrás una clave. Lo sabrás porque en tu línea de tiempo aparecerá un diamante azul. La animación se trata de una buena sensación tanto como lo está estudiando. Mi consejo para ti cuando se trata de comenzar tu animación, es tener una imagen clara de lo que te gustaría que el personaje estuviera haciendo. De esa manera, no hay confusión. Recuerda, también puedes presionar la tecla cero en tu teclado numérico para tener una vista previa de ram o una vista previa precisa fotograma por fotograma de lo que estás viendo. También puedes usar las
teclas de página arriba y abajo para alternar a través de tu animación y mirarla fotograma por fotograma. Para nuestra siguiente sección, prepárate para volver a Photoshop o Illustrator porque vamos a hacer algunos dibujos de swop, así que eso va a hacer pop nuestra animación. Nos vemos ahí.
6. Intercambios de intercambio: Después de animar con puntos de pivote, tuve una animación que se veía un poco así. Se ve bastante guay, pero pensé que podría empujarlo un poco más con la magia de los dibujos de intercambio. En este caso, voy a crear dos dibujos extra para permitir que el personaje parpadee. No obstante, puedes usar dibujos de intercambio para una serie de cosas, como crear diferentes formas de boca. A lo mejor tu personaje está haciendo muecas y pasan a una sonrisa. A lo mejor tu personaje destella un signo de paz desde un puño. Todos estos son un excelente uso de dibujos de swap. Lo primero que vamos a hacer es entrar a Photoshop y crear nuestros dibujos. Se puede ver aquí que tengo dos que he hecho. A continuación, los importamos a After Effects y
vamos a utilizar una técnica llamada Toggle hold keyframe. Fotogramas clave tradicionales o facilidad fácil, que son algunos de mis fotogramas clave, puedes notarlos por el hecho de que se ven como un reloj de arena. Los obtengo haciendo clic derecho y seleccionando esa opción, o presionando “F9" en mi teclado. A diferencia de los fotogramas clave tradicionales que transitan del 0 al 100 por ciento con un gradiente gradual en el medio, fotogramas clave de
retención cambiarán del 0-100 por ciento, al pulsar un interruptor. Alternar la opacidad de las capas deseadas va a crear los swap outs de instancia para nuestros planos spot. Decidí que iba a quedarme con mis alumnos en lugar de dibujar otro set. Terminé creando una máscara usando la herramienta de lápiz y trazando alrededor. Entonces una vez más, usar sostiene fotograma clave para manipular el tamaño de la máscara mientras mi personaje parpadeaba. Ahora que nuestro personaje moviéndose y parpadeando, le
vamos a dar un conjunto entero otro de dimensión mediante el uso de Capas 3D. Te veré ahí.
7. Capas de 3D: Una de mis cosas favoritas que hacer en After Effects es engañar perspectiva mediante el uso de capas 3D. Para poder hacer una capa 3D, debes marcar la casilla que tiene como icono un cubo. Cada capa que quieras hacer 3D debe tener esta seleccionada. Una vez que abras las opciones en tu capa 3D, encontrarás que se cambia bastante. Tienes un nuevo eje con el que trabajar, y tus rotaciones han sido separadas en X, Y, y Z. Con las capas 3D, voy a tomar mi capa de cara maestra y, voy a sesgarla ligeramente. Entonces mi personaje parece que en realidad está moviendo la cabeza mientras nos mira. Además de eso, voy a tomar los ojos y hacer algún tratamiento 3D separado sobre ellos, para empujar aún más la perspectiva sobre ellos, y también para reducir la escala en un lado y aumentar la escala en el otro lado. También haré este tratamiento en los oídos para vender realmente el efecto. Mi consejo general para esta sección es meterse hasta que las cosas parezcan bien. Podrás decir muy rápido si lo has empujado demasiado lejos usando el ojo de tu artista. Puede ser muy abrumador pensar en mover una cara entera en el espacio 3D. Por eso recomiendo comenzar con una sola pieza, en mi caso, la capa maestra. Después ajustando el resto de las capas a su alrededor. Ya casi terminamos con nuestra animación. Lo último que vamos a hacer es crear algunas deformaciones carnosas realmente hermosas usando la herramienta de pasador de títeres. Te veré ahí.
8. Herramienta de Pin con marionetas: El pasador de títeres es fácil de aprender pero difícil de dominar. puede acceder a la herramienta de pin de marioneta yendo a la barra de herramientas superior y haciendo clic en la imagen de un thumbtack. Al colocar tus pines en varias ubicaciones de tu capa, puedes crear un movimiento muy naturalista. Si reviso la caja de malla en la barra de herramientas superior, realidad
puedo ver lo que está haciendo la herramienta de pin de marioneta. Está creando una serie de mallas que están usando tus pines para deformar tu capa. Como puedes ver, estoy usando la herramienta de bolígrafo para hacer que mi movimiento del cabello sea más natural, así
como agregar movimiento extra al mechón extraviado del cabello en los personajes de. También lo voy a usar para darle a mi personaje algún movimiento de hombro, y para aumentar su sonrisa en una ligera sonrisa. Cuando se trata de usar la herramienta de pasador de marionetas para que el brazo agregue un poco de deformación extra, primero, voy a hacer clic derecho en las tres capas que componen el brazo de mis personajes. Voy a hacer clic derecho sobre ellos y voy a precomponerlos, lo que los pone en una nueva composición. De esta forma, puedo hacer que la herramienta de pluma de marionetas afecte a cada capa simultáneamente. Voy a tener que aumentar mi tamaño de malla con esta capa en particular porque es muy grande y se mueve bastante pero realmente me gusta el resultado al final. Te recomiendo hacerlo. Si no aumenta el tamaño de su malla, desafortunadamente, es posible que vea algunos desgarros o escenas a medida que mueve su capa alrededor. Aquí tenemos nuestra animación terminada. Estoy muy contento con ello, y espero que también te guste en lo que estás trabajando. A continuación, te voy a mostrar cómo exportar correctamente tu animación a un GIF animado. Hagámoslo.
9. Exportar tu proyecto y crear un gif: Antes de renderizar nuestro archivo, vamos a la configuración de la composición para asegurarnos de que todo esté bien. Personalmente precompuso mi ilustración animada en nueva composición para obtener las dimensiones correctas. Una vez que esté satisfecho con todo, voy a presionar “Control M” en mi teclado, que es un atajo para agregar nuestro archivo a la cola de render. Para este archivo en particular, recomendaría usar un formato MOV o MP4. AVI es un poco demasiado pesado para lo que vamos a hacer aquí. Una vez que haya seleccionado el nombre y la ubicación de su archivo y seleccionado el formato de video correcto, presione “Render” y luego presione el “Bloqueo Mayús” en su teclado. Esto permitirá que el archivo se renderice más rápido. Desafortunadamente para After Effects, sus herramientas de fabricación GIF no son muy buenas. Vamos a hacer nuestro GIF usando Photoshop. Una vez que haya abierto Photoshop, seleccione Importar fotogramas de vídeo a capas en el menú Archivo. Selecciona tu archivo y pulsa “Ok”. Vamos a utilizar el formato heredado, Guardar para Web. Esperemos que Photoshop reemplace pronto esto por algo más nuevo y mejor porque After Effects simplemente no lo está cortando. Al aumentar el número de colores en tu GIF, meterte con los tipos de dither, y en general simplemente jugando con las pocas opciones desplegables, puedes disminuir el tamaño de tu GIF y
hacerlo un poco más palatoso para el internet. Con eso, tenemos un GIF terminado. Enhorabuena, lo lograste hasta el final.
10. ¡Gracias!: Ese es el fin de la clase. Muchas gracias por acompañarme. Realmente aprecio tu tiempo. Tomamos tu ilustración estática y la convertimos en unas animaciones en movimiento con el poder de After Effects, gran conocimiento. Pasamos por encima de cómo configurar un rig básico y After Effects y mejorarlo con humo After Effects, características
fantásticas como capas 3D, la herramienta de pin de marioneta. Incluso creamos algunos dibujos extra para darle un poco extra a nuestra animación. Muchas gracias por unirte a mí en esta clase y una vez más, siéntete libre de contactarme si tienes alguna pregunta. Estoy más que feliz de ayudar. Una vez más, soy Kelly Larkin. Muchas gracias por acompañarme.
Kelly Larkin, Animator
