Transcripciones
1. Introducción: ¿ Alguna vez has estado en YouTube y has visto a esa chica escalofriándose, trabajando en su tarea? Todos hemos visto esas animaciones del Super Bowl y
realmente vimos cómo vibra la ilustración con las playlists. ¿ Alguna vez has pensado en hacer uno de esos y parece realmente desalentador, como realmente, realmente desalentador? Bueno, no te preocupes estás de suerte. Mi nombre es Akeem Roberts, y soy ilustrador con sede en Brooklyn, Nueva York. En esta clase, enseñaré los tres elementos esenciales de cualquier animación: el tiempo, el espaciado, y los arcos. No te preocupes, también nos centraremos en los 12 principios de la animación también, pero realmente nos estamos centrando en el tiempo, el espaciado y los arcos. Ya sea principiante o simplemente refresca neo y noggin, únete a mí mientras te enseño a llevar una ilustración simple al siguiente nivel añadiendo algunas animaciones sutiles. Así que agarra tu tablet, agarra tu ratón o lo que sea, y sigue.
2. Thumbnailing: Está bien. Primero lo primero, antes de empezar con cualquier animación, vamos a necesitar algunas miniaturas. Las miniaturas son algo que generalmente atraviesa el mensaje muy rápidamente en pequeñas, pequeñas ilustraciones. De esa forma, puedes hacer múltiples ideas y encontrar la mejor muy rápidamente. Para el escenario de miniaturas, me encanta usar solo un trozo de papel liso. Siento que esa es la forma más rápida de transmitir mis ideas. A partir de aquí, quieres asegurarte de que hagas pequeños cuadrados de ilustración de figura dentro de ella. Yo sólo los voy a hacer de uno a la vez. No necesariamente tienen que ser exactamente iguales. Por ejemplo, no hay necesidad de sacar una regla, pero más o menos, deben tener alrededor del mismo tamaño. Ahora aquí está la última. A mí me gusta hacer seis al menos. De esa manera, obtienes suficiente para hacer al
menos tu primer par de ideas que crees que son geniales, y para las 5 y 6, realmente
estás luchando por sacar algo, pero a veces esas ideas son aún mejores. Siempre que estés haciendo un boceto en miniatura, me encanta tener primero el punto del horizonte. De esa manera, puedo saber de dónde viene esta perspectiva. Para este, estoy pensando que algo hermoso como una puesta de sol realmente golpea las líneas por lo que estoy pensando para las playlists. Estoy pensando en algo muy amapola y EDM-y. Yo sólo gesto rápidamente las formas de las nubes, y la puesta de sol, y la montaña. Entonces empiezo a sombrear. De esa manera, puedo saber lo que todo se sienta en primer plano. Al igual que algo es el primer plano, el fondo, el medio terreno. Intento separarlo por valores. Por ejemplo, la montaña es muy oscura y dejaré que la otra sea un poco más ligera para decir
que está un poco más lejos de la cámara. Apenas algunas aves, agregan algo de vida a la imagen. A lo mejor algunas estrellas. Para mi miniatura, estoy pensando en algo completamente diferente. El primero fue muy parecido la naturaleza y estoy pensando en algo más hecho por el hombre para este enfoque, tal vez en algún lugar de una ciudad, el personaje es justo como el skateboarding o algo así. Casi me olvido de poner mi punto de perspectiva. Dibujando en unos pequeños botes de basura, un encorvado, portones pequeños. Se trata de edificios pequeños en la distancia. Pequeño, diminuto Brooks. Recuerda que las miniaturas no necesariamente tienen que ser tan detalladas como las estoy haciendo. También pueden ser incluso una interpretación más holgada. También pueden tener una interpretación más holgada. Aquí está. El personaje es el skateboarding. Eso es lo que estoy pensando para este. Este sería simplemente como la gota de la ciudad va a estar pasando mientras
el personaje patineta a través. Para éste, estoy pensando en algo sencillo. Algo donde un personaje está en la tabla de surf en medio
del océano simplemente tendido y escalofriante. Dibujo una forma para nuestra tabla de surf, lo siento si parece tal vez un poco fálica. Ahí hay un personaje, él sólo está tirado encima, pensé que añadiría unas olas, y tal vez algunos peces están saltando. Como dije, estas miniaturas no tienen por qué ser tan detalladas. En realidad es solo para que entiendas lo que estás pensando. Básicamente una taquigrafía para tu cerebro creativo. Este, estoy pensando que volveremos a algo más parecido a la ciudad, pensando en este personaje conduciendo un auto y simplemente escuchando música. Su cabello fluye en el viento. Que BG está parado por el fondo y que básicamente el fondo se estaría moviendo ya que el personaje sólo está conduciendo. Este, sigo continuando con el tema del auto. Creo que tal vez hay una forma genial de que podrías estar conduciendo por las cosas mientras miras por la ventana del auto. Entonces tal vez verías su cara en el espejo retrovisor y él simplemente estaría asintiendo con la cabeza a los Beats. Simplemente está conduciendo por tal vez las montañas, un poco de sol alcanzando su pico. Por supuesto, estoy poniendo de nuevo el sombreado para mostrar lo que está más cerca de la cámara y algo que no tiene sombreado, está realmente, muy lejos. Este es el boceto final. Para este, estoy pensando volver a una raíz de la naturaleza, tal vez algo que es casi como el principio donde hay una puesta de sol y el personaje lo está mirando. Estoy pensando que tal vez haya un árbol aquí arriba. Parece un personaje justo sentado en el árbol, sólo mirando la puesta de sol, admirando las vistas. Sólo estoy desbaste en algunas nubes. Déjame
asegurarme de volver a hacer el sombreado para mostrar lo que está más cerca de la cámara, lo que está más lejos. Por supuesto, no necesariamente hago esto por todo, pero es como un poco de taquigrafía para mí personalmente así que sé qué hacer al pasar al siguiente paso. Ahí abajo también hay un pueblito. No está mirando la puesta de sol. Ahora que tenemos todas las miniaturas hechas, puedes elegir con cuál quieres seguir adelante. Personalmente me encanta este de abajo justo aquí. Nos vemos en el siguiente video.
3. Ilustración en Photoshop: Whoa. Antes de empezar en algo, necesitamos una ilustración. Esto realmente me recuerda uno de los principios de la animación: Dibujo sólido. El dibujo sólido es cuando tomas una forma 2D y le das forma, como convertir un triángulo en una pirámide o un cuadrado en un cubo. Acabamos de abrir el Photoshop o el programa en el que estés dibujando. Me gusta tener el tamaño del archivo configurado para un 1920 por 1080P con el DPI de 300. Pero el ajuste depende realmente de ti siempre y cuando mantengas tu animación del mismo tamaño que tu ilustración. En lo principal en lo que quieres enfocarte cuando estás dibujando el fondo es el dibujo sólido y lo hacemos agregando líneas de perspectiva a la ilustración. De esa manera podrás conocer exactamente la profundidad de tu ilustración y poder planear tu terreno medio, tu fondo y tu primer plano. Intento que mis valores reflejen en lo que quiero que el espectador se centre en una ilustración. Al tener mayores contrastes en el área en la que el espectador debe clavar. También trato de dibujar idealmente donde quiero que esté el personaje dentro de este momento, pero no estoy realmente seguro. Una vez que hayas completado tu ilustración, asegúrate de exportarla como dos PNG separados. Uno donde es sólo ilustración y luego el otro donde es la ilustración con el personaje envuelto. Ahí lo tienes. Tienes una ilustración. Puedes usar el tuyo propio, o puedes descargar el para [inaudible] para este video y seguir adelante.
4. Diseño de personajes: Está bien. Ahora que tenemos los antecedentes hechos, es hora de que pasemos al diseño del personaje. Esto realmente me recuerda a un principio de animación conocido como Appeal. Apelar es cuando le das una historia a un personaje. En la animación, los artistas utilizan el principio de apelación para crear personajes interesantes que atraigan al público. animación atractiva no significa necesariamente que tenga que ser esponjosa y linda, sino que cree un diseño visual claro que capte el interés del público. Por ejemplo, este personaje podría haber sido sólo una manzana con ojos grandes sonriendo a ti, pero en cambio, le di un poquito de historia sobre tener un gusano saliendo de ella. ¿ Cómo llegó ese? ¿ Cuándo se conocieron por primera vez? ¿ Qué edad tiene esta manzana? Este es el tipo de preguntas solo están
repasando por tu cabeza mientras miras a través de este diseño de personajes, y puedes decir que no son enemigos, son amigos, y mucho más. Otro consejo para crear personajes buenos y
atrayentes es usar siempre el principio pequeño, mediano, grande. Es cuando te aseguras de tener formas que se ajustan a cada uno de esos tamaños. Por ejemplo, la forma de manzana grande es la forma grande de mi personaje, los ojos son el medio, y las piernas son las pequeñas. Está bien. Ahora que tenemos nuestro personaje hecho, es hora de que lo pongamos dentro de la animación. Ahora, como dije antes, puedes usar los archivos que también he proporcionado en este video donde el personaje ya está inculcado a la ilustración, o puedes hacer los tuyos propios.
5. Proyección de la composición: Ahora que tenemos al personaje hecho, todo lo que tenemos que hacer es ponerlo dentro de la animación. Una vez que lo
hagamos, pasaremos a los siguientes pasos. Empecemos a armar esto. En primer lugar, vamos a abrir el documento y asegurarnos de que sea 1920 por 1080p a 12 fotogramas por segundo. Desde aquí, vamos a importar ambos para esos PNG que tienes antes, ya sea tuyo o los que se proporcionan con este video. vas a agarrar y también ponerlos dentro de este documento. Asegúrate de alinearlo y morir todo se ve bien. También quieres asegurarte de que estén en capas
separadas para que el boceto esté realmente por encima de él. De esa forma nos deshacemos del boceto más adelante en el proceso, la animación se sentará finalmente en la ilustración. También levantamos el diseño del personaje para que todo se quede en modelo. Esto realmente me recuerda otro principio de animación. Puesta en escena. La puesta en escena es una presentación de una idea que está completamente en inequívocamente clara. Si bien estamos aquí, esto realmente me recuerda algo muy importante. Se usa muy a menudo en anime. Se llama retenciones de carácter. Esto es cuando todo el personaje no se mueve excepto una cierta parte de su cuerpo. En anime, por lo general es la boca o solo el cabello y a veces solo los ojos. Estas son cosas que se utilizan para hacer la animación simple y fácil de hacer pero todavía se siente alto presupuesto. Ahora por esta animación, sé que quiero que el personaje esté quieto, excepto por su pelo o su hoja, esté fluyendo en el viento, y que su cuerpo sea vibrio también. De esa manera el cuerpo principal sólo va a ser el sostén del cuerpo. Simplemente puedo colorear fácilmente esto en. Se completa la puesta
en escena puesta
en escena. Para la siguiente parte de esta clase, vamos a estar hablando de movimiento, cómo se mueve todo, lo
adivinaste, artes.
6. ARCs y tiempo: Nos llevó mucho tiempo ir en el aire, finalmente haciendo algo de animación, y eso me lleva a un importante principio de animación. Es decir, todos los principios son importantes. Pero me gusta mucho este se llama Arcos. Arcos es sobre el movimiento de la animación. Nada realmente se mueve lineal si es orgánico y animación. Por ejemplo, la forma en que giré esa es un arco, y la forma en que muevo mis brazos es un arco, y la forma en que hay cabello fluye en el viento es un arco. ¿ Cómo establecemos realmente un arco en la animación? El modo en que lo hago es dibujando la forma que se va a mover primero, y luego dibujo el arco, y luego divido el arco con líneas como si fuera una línea de tiempo. Cada momento y esa línea representa un marco, y para asegurarme de que tengo el cronometraje correcto, siempre salgo fuera de él en una capa separada y lo pongo abajo a un lado de la misma. De esa manera cuando lo reproduzca, puedo saber exactamente cómo se mueve el tiempo o si es demasiado rápido o demasiado lento sin tener que animar nada. Ahora que tenía eso planeado, voy a pasar a dibujar el arco real para la animación. Empecé mi arco en la parte superior de la hoja. De esa manera puedo saber exactamente dónde voy a seguir adelante con esto. A partir de ahí, me aseguro de dibujar las mismas líneas de tiempo, y luego muevo el punto medio de la hoja por todos esos puntos, y luego solo trabajo mi camino de vuelta hacia arriba, y ahí la tienes la hoja fluyendo bellamente en el viento. Está bien, y ahora que tenemos el arco hecho, es hora de seguir adelante y empezar de cero.
7. Aplicar el calco y el Stretch: Uno de los primeros principios de la animación es la calabaza y el estiramiento. Pero, ¿qué significa eso en realidad? En este apartado, te lo voy a descomponer. Ahora vamos a animar el gusano o semilla como me gusta llamarlos. En primer lugar, empiezo con planear el movimiento porque el movimiento es un movimiento de arriba y abajo, solo
estoy haciendo un gesto rápido que asegura que el movimiento y los fotogramas clave estén realmente alineados. En squash y stretch le da una sensación de peso y flexibilidad a un objeto animado como este baile que la semilla va a hacer. El punto más alto de su animación como tramo y el punto más bajo es como squash. Tener estiramiento de calabaza aquí da poco peso a ese baile y muestra esa semilla como parte de Johnny Applene al igual que en flotar en el espacio. Esto en realidad me da la oportunidad de hablar de otro principio de animación, animación
directa versus pose para posar animación. animación recta es cuando la animación se hace de frente, como como hice la hoja para la cabeza de Johnny. Si bien, pose to pose es donde se crean fotogramas clave importantes, a veces conocidos como extremos que describen toda la acción, luego volver atrás y crear los fotogramas clave en el medio. Algo así como estoy haciendo este baile para uno. De acuerdo, así que eso fue squash y stretch en el siguiente video nos vamos a centrar en la exageración y por animar de formas grandes a pequeñas.
8. Transición grande a las formas pequeñas: Que no perdamos ningún impulso, sólo
vamos a saltar de vuelta a donde lo dejamos. Algo que es súper importante y sobrio en la comunidad de animación son las pruebas a lápiz. Ahora, atrás en la prueba de lápiz
de día requería agarrar todos tus marcos y tomarlos fotos uno por uno, y esperar que tu tiempo fuera correcto. Es probable que las cosas sean un poco más rápidas en estos días, por ejemplo, yo estaba reproduciendo esta animación de Sid y realmente no parecía que estuviera rebotando lo suficiente para mí. Eso fue porque no hubo suficiente exageración en la pose superior de su animación. exageración se utiliza para amplificar una acción o una idea. Básicamente, hay que exagerar la emoción para que el público la atrapa. Ahora, ven aquí para Sid, estoy dibujando su cosita de cuello alto, en realidad no
sé el nombre de lombrices de tierra pero así lo he estado llamando. Básicamente, dibujando primero todo su cuerpo, y luego centrándome en este pequeño detalle, me
hace más fácil tener la consistencia de forma y forma. Siempre que estés animando algo, no
olvides ir siempre de grande a pequeño, esa manera puedes mantener tu volumen lo más consistente posible. Ahora que tienes la esencia de esto, agilicemos a este chico malo. Ahora, que Apple Jack y Sid están animados, y los estoy mirando a todos juntos, no
parecen encajar realmente en el fondo. Para mis personajes, le agrego un poco de tinte encima. Yo saco un color del fondo y lo tiño encima de ellos, esa manera que se sientan más sincronizados con el fondo, y todo parece estar trabajando juntos. Ahora que hemos visto animados, es hora de que nos enfoquemos en pequeños detalles en el siguiente video.
9. Construir la anticipación: Ahora que Apple, Jack, y Seed están animados. Es hora de que nos centremos en los pequeños detalles como el cielo nocturno, es tan vibrante y perfecto. Pero sólo si había algo más,
algo así como una estrella fugaz. Otro principio de la animación es la anticipación, una pose o dibujo que es una acción principal de una escena animada. Por caso, Apple y Seed están en un bucle constante de animación, por lo que no hay forma de anticipar ninguna acción. Para esta animación, decidí que la anticipación vendrá a través de las estrellas, una estrella fugaz de hecho. Lo que empiezo a hacer por esto es haciendo un destello de la estrella. De esa manera se ve que primero antes realmente se cruza por la pantalla, dándole
así una anticipación antes de la acción. Ahí vas. Apple, Jack, y Seed viendo el cielo nocturno. En el siguiente video, nos vamos a centrar en algunos otros pequeños detalles, algo así como [inaudible]
10. Comprender los árboles y el tiempo: Como dije, nos vamos a centrar en el viento. ¿ Recuerdas cómo hice que el pelo o la hoja de Apple Jack fluyera hacia el viento? Necesitamos algo más para exagerar esa moción. Tenemos todo funcionando desde la estrella fugaz para con anticipación verlo en este pequeño baile. Pero ahora es igual que la hoja de Apple Jack fluye sin razón alguna. Pero si le agregamos una apariencia de viento ahí dentro, esa manera tendrá sentido. Entonces, ¿cuál es la mejor manera de hacer eso? Al agregar una hoja. Muy bien, aquí es donde traemos todo lo que hemos hablado de todo este video juntos. Ya que estamos haciendo el viento y nos gustaría hacer una
forma orgánica muy libre de forma que muestre el camino que, borrar a este tipo. A partir de ahí tenemos marca todos los marcos clave. De esta forma se puede tener una buena idea de exactamente dónde va a estar la hoja y cuántos marcos tomará. Ahora que tenemos los tres de esos caminos alineados y marcados para nuestro tiempo. Ponemos los puntos en su lugar. Una vez que todos los puntos estén en su lugar, lo
reproducimos para ver si es exactamente lo que queremos. Si el cronometraje se ve justo a partir de ahí, debes dibujar todas tus hojas rectas y tendrás tu animación final. De acuerdo, ahora que tenemos todo animado, es hora de que exportemos a este chico malo. Voy a repasar con más detalle sobre eso en el siguiente video.
11. Exportación y reflexiones finales: Estamos en el video final, exportando tu animación y poniendo toda la música de tu lista de reproducción. ¿Cómo hacemos eso? Está bien. Ahora que todo está configurado, asegúrate de exportarlo en 1920
by1080p y te aseguras de que la ubicación esté en algún lugar que puedas encontrar fácilmente. Yo instalo el mío para el escritorio. Sólo para que pueda encontrar la copia de este video. Una vez que haces eso, abres After Effects, abres un nuevo proyecto e importas varios archivos. Los archivos que en realidad debo agarrar son la animación y la lista de reproducción. Una vez importado, abro un comp completamente nuevo y me aseguro de nombrar la animación comp, playlists y la configuro en 1920 por 1080P. cambié el tiempo sobre la longitud de la lista de reproducción. Una vez que tengo ese comp hecho, me aseguro de importar todos esos archivos directamente a ese comp, la playlist y la animación. Como ves, la animación es un poco pequeña, ahora mismo, solo corre unos tres segundos. Para cambiar eso, subo al archivo de animación, hago
clic derecho y sí interpreto el metraje. A partir de ahí. Se acaba de ver que el metraje está en 12 fotogramas por segundo, y desde ahí se puede recorrer el metraje todo el camino en la parte inferior. Yo lo bucle alrededor de 20 veces. Muy bien, ahora que está totalmente ahí, podemos exportar este video para la animación de playlist. Vamos a ir a Adobe Encoder para poder exportarlo. A partir de ahí, quieres asegurarte de que estás configurado en el H0.264 y que tu fuente de beat esté coincidiendo. De esa forma se puede exportar MP4. Yo elijo exportarlo en el escritorio. Entonces a partir de ahí solo tienes que hacer clic en él y comprobarlo. Ahí vas. Tienes tu animación terminada lista para subir en plataforma de video. Ahí vas. Ahora tienes una animación de playlist propia.
12. Conclusión: Ahí vas. Hicimos una animación para YouTube y la subimos. Parece que esa chica Lo-Fi va a tener alguna competencia. Además, si quieres hacer lo tuyo o solo necesitas un poco de ayuda, también la tengo justo debajo, un chichi GIF. Te enseñaré todos los principios que he enseñado aquí, pero de una manera
más rápida, más digerible, por si acaso no quieres volver a pasar por el video. Sea lo que sea que hagas por tu cuenta, me encantaría verlo justo debajo, así que no olvides añadirlo y etiquetarme. Eso es todo de mi parte. No puedo esperar a ver qué vas a poner abajo.
Akeem Roberts, He/Him | Illustrator | Animator
