Objetos invernales fantasiosos: anima una minicolección en Procreate Dreams

1. Trailer: Hola, en esta clase, tomaremos una acogedora ilustración de invierno y la animaremos usando sueños procretos, explorando todo, desde simples movimientos de loops hasta toques fotograma a fotograma Aprendes a planear una ilustración animada, a dar personalidad a los objetos de acero y a construir una secuencia de lazos suaves que se sienta cálida, caprichosa Soy Julia, y te guiaré a través de la importación una obra de arte procrear en Procreate Dreams, preparando el archivo para el movimiento, organizando capas, importando colores personalizados, relojes y pinceles, y usando el viejo kit No se necesita experiencia previa en animación. Esta clase es totalmente amigable para principiantes. Esto también es parte de una divertida colaboración de invierno de dos clases con la ilustradora Claire Makes things De hecho, puedes animar conmigo la ilustración que creaste en su clase Procreate o simplemente descargar los relojes de obra de arte y colores listos para usar incluidos en los recursos aquí y saltar directamente A lo largo de las lecciones, pondremos un puente entre la ilustración y la animación de una manera práctica y accesible, celebrando la fluidez Procreate y Procreate Sueños trabajan juntos y cómo pequeños movimientos pueden transformar un dibujo de acero en una También grabamos una Q&A juntos donde comparamos nuestros flujos de trabajo, compartimos consejos de ambos lados, ilustrador y animador, y platicamos pinceles, color, preparación, dos y no, y reflexionamos sobre lo que nos enseñó esta Vamos a sumergirnos y hacer que su gabinete de invierno se mueva. 2. Exploración del archivo de ilustración: Hola. En este video, estamos explorando el archivo procret hecho por Claire y averiguando cómo es la estructura, cómo organizó la ilustración, cuál es la estructura de las capas, y si tenemos todo lo que necesitamos para Entonces lo primero es lo primero, estoy echando un vistazo a las capas, cómo están organizadas. Noté que ella los renombró a todos, lo cual es genial y los agrupó cada elemento tiene su propio grupo Por ejemplo, aquí arriba, veo que lo primero es esta capa de boceto, que realmente no necesito. Es muy agradable verlo, pero para la animación en sí, no la voy a necesitar, así puedo seguir adelante y eliminarla. Para ver qué capa o qué grupo es qué, puedes encenderla y apagarla rápidamente y ver qué sucede en el lienzo. Entonces tenemos una capa llamada sparkles con todos estos bonitos efectos de brillo, que son geniales para la animación Creo que usaremos esta capa como referencia porque se puede ver que todos los destellos se fusionan en una sola capa Para animarlos, tendremos que volver a dibujarlos Entonces tenemos un grupo de arañas. Dentro del grupo de arañas, tenemos dos capas. Una es una araña colgada y la otra es esta otra pieza de tela de araña. Voy a renombrar esas capas solo para mayor claridad. En Procreate Dreams, cuando arrastraremos y soltaremos todo el proyecto, cada capa se convertirá en una pista y cada grupo también se convertirá en un grupo Um, ya estoy pensando en la animación en esta etapa, así que me estoy imaginando cómo podría mover a esta pequeña araña, por ejemplo, y creo que podría subir y bajar así Por supuesto, para poder hacerlo tendremos que animar también una máscara Entonces renombro mis capas y sigo adelante. Entonces tenemos una capa de globo de nieve. En este caso, es muy agradable que Claire nos diera cada elemento realmente separado como le pedí, lo cual es genial. Pero en este caso específico, sé que sólo voy a mover la nieve. Puedo fusionar cada elemento bajo la nieve. Porque esas partes de la ilustración no van a estar en acción o en movimiento. Tengo la casa, el fondo, el árbol de navidad todos se funden en una capa luego la nieve y luego encima el globo real. La siguiente capa es el gato. Aquí es muy agradable. Tenemos una capa extra de los ojos abiertos, que podemos usar como referencia o realmente como parte de la animación. Entonces tenemos las luces, esas pequeñas luces de hadas colgando de la repisa. Tenemos las propias luces y luego la cuerda. Los mantendré separados, creo, porque imagino que podríamos animar un resplandor en el medio Sólo voy a dejarlos ya que solo están renombrando las capas para mayor claridad Entonces aquí tenemos al grupo de ratones. En este grupo, tenemos los tres elementos del ratón, las manos, la cabeza y la cola. Voy a cambiarles el nombre para mayor claridad otra vez. Pero entonces este es en realidad un buen ejemplo porque lo que estoy pensando para la animación es animar al ratón saliendo de la tetera Creo que va a ser bastante lindo. Como pueden ver, puedo seleccionar la capa e imaginar lo que quiero que el ratón oculte detrás de la olla, pero como puedes ver, en este caso, el ratón está encima de la olla. Voy a dragón dejar caer la cabeza debajo la capa de olla o el grupo de ollas para que realmente pueda hacer este movimiento. Como puedes ver, ahora la cabeza va detrás de la tetera. Debido a que muevo el ratón y también la cola debajo, probablemente ya no sea necesario el grupo de ratones. Puedo seguir adelante y borrar el grupo y simplemente dejar las manos encima porque tienen que estar por encima de la tetera y la cara del ratón y la cola debajo Sobre la tetera, como puedes ver, tenemos una capa extra para la sombra o para la textura Esos porque sé que no los voy a mover, definitivamente puedo fusionar esas capas para que tenga pistas menos caóticas una vez importe todo en sueños procre El vapor, por supuesto, estará animado, así puedo dejarlo separado. Entonces vamos a la vela. Lo mismo, voy a fusionar cualquier cosa que no se mueva en mi plan. Por supuesto, para la vela, estoy planeando mover la llama y tal vez hasta la luz, voy a poder escalarla y a mejor animar también la opacidad Hemos hecho un grupo con todos los libros. Todos están en capas separadas, pero como son parte del fondo y no van a ser animadas, voy a aplanar al grupo, así que fusiona todo junto Y lo mismo, probablemente los haré por el fondo. En el grupo MA, tengo estos tres malvaviscos. Ya están muy bien separados. Eso es genial. Porque animarán por su cuenta por separado. Simplemente renombraré cada capa para mayor claridad. Y luego los otros elementos de la taza, la cuchara, el chocolate o la taza real no van a ser animados, así que simplemente puedo fusionarlos todos juntos. Para el malvavisco, la animación que estoy pensando y planeando es hacerlos flotar en el chocolate caliente, así que probablemente también los enmascararemos Entonces lo que queda ahora son algunos elementos en el fondo. Probablemente no van a moverse, así que podría fusionarlos. Pero en este caso, solo los agrupo, lo que también es una buena manera de simplificar la línea de tiempo cuando importamos todo Procreate Dreams y renombro algunas capas Me doy cuenta aquí en esta capa tres, que renombro textura. Entonces tenemos esta bonita textura y creo que podría querer animarlo Simplemente mantengo todo separado y lo agrupo en un grupo llamado fondo que se quedará ahí abajo. En realidad, sobre texturas, Claire usó unos pinceles muy bonitos. Y también proporcionó los relojes de colores que puedes encontrar en la sección de paleta. Tenemos este caprichoso relojes de colores invernales. Esos pinceles finales van a ser muy útiles para nuestro proceso de animación. Ten en cuenta que podemos arrastrar y soltar esos cualquier pincel personalizado y cualquier paleta de colores o relojes de colores que tengas en el proyecto Procreate Dreams y veremos cómo hacerlo más adelante Esta es una de las grandes características de Procreate y Procreate Dreams Realmente pueden comunicarse fácilmente, y eso es lo que nos encanta de ello. Creo que ahora tenemos todo listo para importar Procreate Dreams Para recapitular esta primera fase es analizar el archivo de ilustración teniendo en cuenta las animaciones que queremos y comprobar si las capas están, en primer lugar, separadas de la manera que necesitamos para que se muevan, pero también renombradas de manera que no sea confuso una vez que importemos todo en Procreate Ahora que todo está listo para la animación, pasemos a la siguiente lección donde configuramos el proyecto Procreate Dreams 3. Importación a Procreate Dreams y configuración del proyecto: Estoy abriendo Procreate Dreams y porque la ilustración de Claire era cuadrada, voy a elegir la plantilla cuadrada y una vez que esté dentro, simplemente revisaré rápidamente los ajustes En propiedades, estableceré ocho fotogramas por segundo y la duración del proyecto es en este momento de 15 segundos, lo cual es bueno para comenzar aunque creo que lo haremos más corto más tarde. Podemos adaptar estos ajustes en cualquier momento. Entonces simplemente renombro el proyecto y ya estamos listos para ir. Ahora es el momento de importar el proyecto Procreate. Para ello, abre en el lateral Procreate así y luego arrastra y suelta tu ilustración en Procreate Como pueden ver, necesitamos escalarlo un poco. Voy a ajustar la ilustración completa para que se ajuste a nuestra animación Canvas. Y se puede ver en este momento, todo está en una pista, pero necesitamos capas. Necesitamos ver todas las diferentes capas, simplemente vamos a tocar en la pista y hacer clic en Convertir capas en pistas. De esta manera, abriendo el grupo, encontrarás todas las capas a medida que las organizamos. Todo es renombrado y organizado y claro. En este punto, me di cuenta, por ejemplo, que olvidé cambiar el nombre de la capa de la llama dentro de la vela y quiero mostrarte que puedes, por supuesto, también cambiarle el nombre en este punto. Simplemente grabando y renombrando la capa. Pero simplemente me resulta más fácil hacer este trabajo y renombrar capas en Procrit en lugar sueños de Procrit porque como puedes ver, ahora las pistas son un poco más complicadas de navegar y de atravesar, y es un poco más difícil averiguar qué Pero claro, puedes cambiarles el nombre también en este punto. Entonces ahora veamos cómo importar la paleta de colores y los pinceles. Para hacerlo, tendremos que abrir Procreate en su lugar y abrir procrear sueños en el lado Lo contrario de lo que acabamos de hacer para importar el proyecto. Así que abre Procreate y luego con los sueños a un lado, arrastra y suelta los relojes en el proyecto Procerrems Lo mismo ocurre con los pinceles. Puedes elegir cualquier pincel personalizado que tengas o hayas creado en Procreate y luego arrastrarlo y soltarlo dentro de Procreate Se guardarán en la sección importada en la parte inferior. Ahora que tenemos tanto los relojes de colores como los pinceles personalizados que necesitaremos, podemos comenzar con la animación. 4. Planificación de la animación: Antes de saltar a la animación real, quiero pasar rápidamente por la ilustración y el proyecto y planificar la animación, pensar en lo que nos gustaría mover, qué tipo de bucle podríamos crear, cuánto tiempo podría ser la animación. Y qué tipo de vibra general queremos crear con nuestra animación. Si miro la ilustración, antes que nada, noto que es muy acogedora y tenemos varios elementos diferentes, y estoy planeando hacer pequeños bucles, pequeñas animaciones diminutas que mantengan viva la ilustración, pero no tan grandes que distraigan Lo que quiero decir es que estoy planeando animar esos seis elementos de una manera que estén en el mismo nivel y no haya un solo elemento que sea el héroe, digamos, de la pieza No quiero, por ejemplo, el gato haga un salto loco o algo que claramente llame la atención del espectador, sino que cree un loop donde la pieza completa esté constantemente viva y el espectador pueda notar diferentes detalles cuanto más vea. Entonces como mencionamos un poco antes, voy a entrar en detalles y decir lo que estoy planeando o lo que creo que podría funcionar en este caso. Voy a empezar justo desde arriba a la izquierda. Por supuesto, el chocolate y el malvavisco, la animación más obvia que me viene a la mente es tener el malvavisco flotando en el Entonces tenemos la vela. Creo que será muy agradable animar la llama fotograma a fotograma, y entonces el resplandor detrás de la vela también sería bueno tener un poco de brillo quizás Entonces tenemos el ratón. Creo que sería muy lindo ver aparecer al ratón y desaparecer dentro de la tetera y la tetera , Seré amable al animar esta pequeña nube saliendo de la tetera Entonces el gato, como decíamos, va a ser una animación sencilla, no hay animación de personajes realmente. Podríamos simplemente animar los ojos. La cola va a ser muy bonita, pero me temo que es un poco demasiado complicado para una clase tan rápida anime el solapamiento de la cola, así que solo nos quedaremos pegados a la apertura del hielo y cerraremos y tal vez moviéndonos un poco Entonces claro, en la bola de nieve, tendremos la nieve cayendo en bucle de hielo y por último, la araña que cuelga de la telaraña podría simplemente subir y bajar. Creo que podría ser muy gracioso. Entonces este es el plan, y también estoy planeando comenzar por lo más fácil y terminar con lo más difícil para que podamos avanzar con el nivel de dificultad, y por supuesto, también puedes decidir saltar de una lección a otra. 5. Animación de araña: Entonces vamos a empezar ahora con la animación de araña, que creo que es la más fácil. Lo que quiero hacer es ver a la araña subiendo y bajando por la telaraña. Para hacerlo voy a establecer un fotograma clave a 0 segundos y otro a los 3 segundos sin mover nada De esta manera, tendremos el mismo fotograma clave a cero y a las tres, y a 1 segundo, voy a crear otro fotograma clave y esta vez mover la capa con la araña todo el camino como puedes ver, ya tenemos el Hay una flexibilización automática, que está funcionando muy bien en estos momentos y ya es un bucle porque ya configuramos el otro fotograma clave a los 3 segundos Y creo que ya es súper lindo. Pero claro, ahora está el problema de la telaraña suba y no desaparezca como queremos Para ello, creamos otra pista encima de la araña y dibujamos nuestra máscara. Yo uso el amarillo aquí, pero cualquier color funcionaría porque de hecho, se volverá transparente. Entonces tengo que agrandar el fotograma durante toda la duración de la animación, arrastrando la máscara hasta el final Y luego una vez que hayamos terminado, vamos a hacer clic en la máscara de capa y la máscara de capa. Como puedes ver, está funcionando a la perfección. Y nuestra araña ya está haciendo lo que se supone que tiene que hacer. En caso de que tengas algún problema con la máscara y no esté funcionando correctamente, por ejemplo, también un poco de la otra telaraña está enmascarada El motivo es porque la máscara se aplica a todo el grupo. De hecho, la araña está agrupada como vimos antes. Hay dos soluciones para esto. Se puede desagrupar la araña o poner la máscara dentro del grupo El primer elemento ya está hecho, por lo que podemos pasar a la siguiente lección. 6. Animación de globo de nieve: La siguiente animación es la de la bola de nieve. Lo que quiero hacer es dejar que nieva. Lo primero que hago es mover la nieve todo el camino hacia arriba y establecer un fotograma clave ahí fuera del globo, y luego iré alrededor de 5 segundos y estableceré otro fotograma clave y esta vez, moverá la nieve todo el camino hacia abajo fuera del globo de nieve Así. De esta manera, como pueden ver, ya tenemos un poco de animación. Podemos jugar y ver cómo se ve. Hay nieve cayendo y desapareciendo. Está bien, pero creo que es un poco demasiado poco y me gustaría que cayera un poco más de nieve y me gustaría que el bucle fuera un poco más largo. Una vez que tengo listo este primer bucle, duplico mi capa de nieve y me cambié un poco. Aquí estoy intentando 1 segundo. Como pueden ver, digamos capas de nieve se superpondrán un poco y la desplazaré a los 2 segundos. Entonces se superponen un poco, pero no demasiado. Creo que voy a necesitar una tercera, así que duplicaré la misma capa una vez más. Aquí tengo mi tercera copia de la animación de nieve, y esta vez, la cambiaré otra vez otros 2 segundos. Para recapitular, tenemos tres capas de nieve, una que comienza en cero, una a partir de las dos y una a partir de los 4 segundos. De hecho, también dupliqué la primera capa dos veces en la misma pista. Se puede ver que hay una animación doble para que los bucles duren 10 segundos y se ajuste perfectamente a mi plan. Así, tendríamos la nieve comenzando y luego terminando y el bucle funcionaría así. Pero como se puede ver, la nieve aún está fuera del globo de nieve. Para arreglar eso, tenemos agrupar toda la animación de nieve. Y vuelve a usar el truco de la máscara. Aquí en una nueva pista, estoy dibujando la máscara, que es exactamente la misma forma que la propia bola de nieve. Una vez que cree la máscara y agrandé el fotograma durante la duración de la animación, nuevamente, tocaré la máscara y crearé una máscara de capa. De esta manera, como puedes ver, nuestro globo de nieve está vivo y la nieve cae suavemente y en un bonito bucle, desapareciendo y reapareciendo 7. Animación de velas: Ahora el siguiente elemento es la vela. En este caso, como dijimos antes, me gustaría animar la llama y luego el resplandor Animaremos la llama fotograma a fotograma, es decir, esta vez Estoy dividiendo la pista de llamas porque no necesito un marco fijo. Solo necesito un dibujo inicial para poder continuar con mis propias formas de llama dibujadas. Estoy poniendo la piel de cebolla para que pueda ver el dibujo anterior. Y estoy empezando a dibujar y animar en línea recta, lo que significa simplemente seguir el flujo y sin fotogramas clave o sin plan real De hecho, creo que las llamas son un poco salvajes y está bien si solo las redibujamos en diferentes formas, un poco más grandes, un poco más pequeñas, más o menos en el mismo lugar Como pueden ver, dibujé nueve llamas distintas una tras otra. Y si queremos comprobar cómo se ve, podemos pasar rápidamente con el cursor o simplemente podemos acercar la línea de tiempo hasta el final del noveno dibujo, que es en mi caso, un poco después de 1 segundo y ver cómo se ve. Creo que se ve muy bien. Podría ser una llama de aspecto natural, creo. Sólo voy a agrupar todos esos fotogramas y duplicarlos para que pueda cubrir toda la duración de la animación. Aquí tenemos nuestra llama viva moviéndose y ardiendo. Creo que se ve bien. Vamos a pasar al resplandor. Aquí tenemos la capa del resplandor y como pueden ver, estoy planeando moverlo como sierra con una escala para dejar que pulsen un poco como hacen las velas También estoy planeando animar la opacidad de la misma manera. Para hacerlo voy a establecer un fotograma clave en el principio para la escala, pero también para la opacidad posterior Voy a usar este modo de performance, que es un modo muy cool en Procreate Dreams, que nos permite hacer la animación en vivo, digamos, en pantalla, y el programa la grabará para nosotros y establecerá fotogramas clave Después de configurar mi primer fotograma clave y hacer clic en reproducir, animé mi escala Por supuesto, quiero que sea un loop y quiero que dure 5 segundos. Voy a 5 segundos y aquí tengo el último fotograma. Voy a arrastrarlo exactamente a los 5 segundos y cambiarlo a 00 como el inicial, 0011 es el primero Vuelvo a los 5 segundos, arrastre mi fotograma clave final en posición De esta manera, el primer fotograma clave es exactamente como el último y esto puede ser un bucle En este punto del proyecto, me estoy empezando a dar cuenta de que probablemente todo el proyecto va a ser de 10 segundos. Ya tengo la animación de globo de nieve dura 10 segundos y en este caso, hice un bucle de 5 segundos. Posteriormente podré ajustar esas animaciones para que estén en bucle de segundos. Por ejemplo, la vela, simplemente voy a duplicar porque por el momento, dura 5 segundos. Y araña, probablemente duplicaré y haré que la araña se mueva dos veces en este bucle de 10 segundos. Por último, para el resplandor, como dije, quiero animar también la opacidad, la misma manera con el modo performance Por supuesto, establecemos el primer fotograma clave en opacidad al 100%, y luego arrastre el lienzo un poco a la derecha para que pueda ver la opacidad Y con sólo mover el deslizador de opacidad mientras está en modo de rendimiento, el programa va a animar la opacidad, lo cual es Nuevamente, como lo hice antes, voy a ir al último fotograma a los 5 segundos, asegurarme de que el último fotograma clave esté a los 5 segundos y volver a establecer la opacidad al 100% Aquí vamos. Ahora que animamos esos 5 segundos de la vela, podemos agrupar todo, la vela, la llama, y el resplandor, después de agruparlo, podemos duplicarlo dos veces para que la animación dure 10 segundos. Y es encantador ver ya la ilustración cobra vida, como puedes ver. Aún no terminamos. Apenas animamos a Alf de los elementos, pero la ilustración parece ya viva. Este es un bonito recordatorio de cómo solo uno o dos elementos que se mueven en una ilustración de acero ya dan la sensación de vitalidad y en este caso, también un estado de ánimo de magia y caprichosa Pasemos al siguiente elemento, que va a ser el gato. 8. Animación de gatos: Esta es la lección donde le damos vida al gato. Y como dijimos antes, no queremos que la animación sea demasiado o demasiado grande para ser el héroe de la pieza, queremos algo sutil. Y porque ya tenemos esos ojos, como pueden ver, tenemos una capa con los ojos abiertos, encender y apagar la pista ya da este efecto de parpadeo, lo cual es bastante bonito Entonces estoy pensando en un parpadeo y tal vez agregar los alumnos moviéndose Creo que podría ser muy interesante y divertido también si el corte pudiera mirar hacia la derecha donde está la araña. Y ahora solo arrastre la pista de ojos abiertos a 4 segundos para que empecemos con los ojos cerrados y luego alrededor de los 4 segundos, el gato abrirá el ojo. Esto ya funciona y está bien. Pero si queremos que la animación sea un poco más suave, tendremos que dibujar un fotograma extra, que está entre los ojos cerrados y los ojos abiertos. Quiero los ojos medio cerrados justo antes. Estoy escogiendo los colores de la ilustración. Para que tengamos exactamente lo mismo. Estoy tratando de dibujar en el mismo estilo de la ilustración Alf ojo cerrado Ahí tenemos al gato poco a poco abriendo los ojos. Entonces como dije, me gustaría mover a la pupila. Pero en nuestro tracto de ojos abiertos, la pupila no está separada En realidad estoy recreando los ojos abiertos en dos pistas, una con los ojos blancos abiertos y otra con solo las pupilas Mis pupilas están en capas separadas, lo que significa que puedo moverlas. Entonces aquí creamos a los alumnos. Ahora están separados para que el gato pueda mirar al frente. Entonces si seleccionamos podemos poner un marco clave para el movimiento. Como puedes ver, las pupilas ahora se pueden mover hacia la izquierda y hacia la derecha, pero van a salir del ojo para que nos sea más fácil animarlas, vamos a dar click en la pista y convertirla en una máscara de recorte para que quede recortada a la capa inferior a la capa De esta manera, podemos animar fácilmente los ojos yendo a derecha e izquierda El gato ahora está mirando a la araña si queremos. Voy a hacer que las pupilas comiencen en el centro, y luego un par de segundos después deslice hacia la derecha, lo cual es muy bonito. Voy a establecer un segundo fotograma clave. Entonces el gato simplemente cerrará los ojos por cerrar los ojos, realidad copio y pego el en realidad copio y pego el intermedio para que la acción de cerrar los ojos también sea un poco menos abrupta y para que de esta manera terminemos con los ojos cerrados de nuevo y la animación del gato pueda ser un bucle también porque sucede dentro de los 10 segundos Entonces esto también se hace antes de que sigamos adelante. Solo echemos un vistazo a la pieza, miro ahora mismo. Y como dije antes, en este punto puedes ajustar el tiempo ya si quieres. La idea es que siempre tenemos algo pasando en la animación y ningún loop está robando el escenario, digamos. siempre puedas agrupar tus animaciones, moverlas, y sobre todo, para asegurarte de que tenemos los loops durando 10 segundos. En cualquier momento realmente en este proceso, puedes echar un vistazo a todo el proyecto, cómo se están uniendo las pequeñas animaciones y puedes reajustar el tiempo, por ejemplo, cambiando un poco una animación u otra De una manera que tenemos los bucles sucediendo al mismo tiempo, durando 10 segundos y teniendo, digamos, una bonita composición en la línea de tiempo para que no ocurran, claro, todos a la vez, pero están muy bien espaciados en esos 10 segundos de tiempo. Pasemos al malvavisco. 9. Animación de malvavisco: En esta lección, estamos animando los malvaviscos flotando en el Hay dos formas de abordar esto y te guiaré a través de ambas. Aquí está el objetivo. Cada malvavisco debe sacudirse suavemente hacia arriba y hacia abajo en el líquido Pero para que se vea realista, también necesitamos enmascarar la parte inferior de la misma, que desaparezca por debajo de la superficie del chocolate. El método uno es con el modo de rendimiento. Empiezo agregando un fotograma clave al principio y luego usaré modo de rendimiento para mover el malvavisco lentamente hacia arriba y hacia abajo Para este, sólo estoy animando 2 segundos. Los sueños se quedaron un poco rezagados con objetos tan pequeños durante diez segundos completos. Hacer un bucle corto y duplicarlo, es simplemente más eficiente Una vez que se registra el movimiento, descargo los fotogramas clave y los limpio. En primer lugar, como siempre, ajusto el último fotograma clave para que coincida con el primero y eso es lo que lo convierte en un bucle Entonces también ajusté uno de los marcos clave internos porque como puedes ver el movimiento se sintió un poco demasiado fuerte ahí Yo Ahora que se ve bien, creo un camión nuevo y dibujo la máscara. En este caso, la máscara se sienta debajo del malvavisco, por lo que es necesario invertirla Con el último malvavisco, te mostraré la máscara opuesta Además, recuerda si la forma de la máscara no se ve bien, puedes volver a la máscara de capa en cualquier momento y volver a dibujarla o arreglarla, sin estrés Una vez que el bucle de dos segundos se ve bien, simplemente agrupo el malvavisco y la máscara y duplico el grupo hasta que llene los 10 segundos completos En mi caso, cinco veces. Ese es nuestro primer malvavisco hecho. Ahora, para el segundo método, te voy a mostrar el encuadre manual de teclas Esta vez estoy animando todo manualmente, así que no voy a usar el modo performance para que veas la diferencia Esta vez, enmascaro el malvavisco antes de comenzar a animar solo para tener una idea clara de lo profundo que puedo ir debajo Después configuro el primer fotograma clave, salto adelante 1 segundo en su momento y lo muevo suavemente hacia arriba y hacia abajo. Puse cinco fotogramas clave en total para construir un bucle de cinco segundos en el que el malvavisco se sumerge dos veces y vuelve a Entonces duplico ese bucle una vez para llegar a mis 10 segundos. Con la máscara aplicada, se puede ver que el movimiento se siente natural y lo que es más importante, no coincide con el primer malvavisco Siempre quieres ligeras variaciones para que no se muevan en perfecta sincronía. Por eso también no solo animamos un malvavisco y lo duplicamos para los otros dos porque queremos que sean diferentes. Para el último malvavisco, repito el encuadre manual de teclas, pero quiero mostrarte una configuración de enmascaramiento diferente Esta vez la máscara se dibuja encima del malvavisco para que no sea necesario invertirla Y eso es todo, los tres malvaviscos están flotando suavemente en el chocolate y ahora oficialmente tengo hambre Ahora pasemos a animar el vapor. 10. Animación de vapor: Aquí estamos animando el vapor que sale de la tetera. Voy al camión de vapor y noto que Claire, mientras hacía la ilustración, puso la capa en 58%. Para escoger el color exacto, voy a establecer la opacidad al 100% y elegir el color correcto y empezar a animar Quieren que el vapor aparezca saliendo de la tetera y luego desaparezca Puedes notar aquí cómo, por supuesto, la ilustración o la nube de vapor ilustrada por Claire no va a ser el primer fotograma de nuestra animación y ni siquiera el último es una pose intermedia. Aquí divago un poco, pero creo que es interesante notar la ilustración como una pose que cuenta la vieja historia y que transmite el movimiento, pero no es necesariamente una pose clave de la animación Lo que estoy haciendo aquí es cambiar un poco la ilustración porque necesito llegar ahí. Necesito animar primero el vapor que sale de la tetera Voy a escoger un pincel que se ajuste al estilo y estoy listo para ir. Entonces voy en modo dibujado a mano. Pongo mi piel de cebolla para que pueda ver el siguiente dibujo anterior esta vez. Y empiezo a animar recto, imaginando cómo sale el vapor de la tetera Aquí estoy improvisando realmente este movimiento. En línea recta significa que no estamos siguiendo ninguna pose clave. Por supuesto, sé a dónde quiero ir. La dirección a la que quiero ir es la de la ilustración de Claire. Pero aquí estoy animando con bastante libertad como pueden ver, solo hago esta pequeña nube saliendo de la tetera y creciendo poco a poco y llegando a la posición que quiero estar Cuanto más me acerco al dibujo final o al menos a la referencia del vapor, más tengo marcos cerca uno del otro porque quiero que el vapor salga un poco más rápido y luego disminuya y desaparezca suave y lentamente. Aquí estoy probando rápidamente cómo se ve y tendré que ajustar la opacidad de cada fotograma En este caso, voy cuadro por cuadro y bajando la opacidad a 58, que era la opacidad del dibujo de Claire Y otra forma podría ser hacer toda la animación, luego agruparla y luego establecer la opacidad en el grupo Ahora que llegué a la ilustración del vapor, quiero que la pequeña nube de vapor se disuelva y desaparezca. Entonces, antes que nada, estoy animando fotograma a fotograma de nuevo esta nube disolviendo y rompiendo lentamente Pero al mismo tiempo, creo que jugaré con la opacidad también y la haré desaparecer también con la opacidad Entonces otra vez, aquí voy fotograma a fotograma y voy a dibujar de nuevo, Voy a dibujar la nube creciendo un poco más porque quería desaparecer y disolverme poco a poco, partir de ahora, voy a estar un poco más suelto con mis dibujos. También con mi sentimiento, en realidad, voy a empezar a llenar mi vapor un poco menos precisamente, y esto va a dar la impresión de que el vapor se disuelve. Ahora la burbuja o la nube de vapor se está volviendo más redonda y menos precisa y solo voy a hacer garabatos rápidamente lado de ella para que gradualmente se vuelva cada vez menos limpia y cada vez menos De esta manera, veremos aparecer el vapor y luego soplar y luego como una nube de humo a medida que va desapareciendo Como pueden ver, los últimos fotogramas son realmente rudos, y creo que esto va a funcionar bastante bien. Entonces podemos jugar y ver cómo se ve. Por supuesto, por el momento, la opacidad no está puesta a cada fotograma, pero aún así nos hacemos una idea de cómo se ve la animación y creo que se ve bien Acabo de notar un pequeño salto al principio mientras la nube sale de la tetera y voy a arreglarlo en un minuto Ahora estoy bajando la opacidad. En realidad, como pueden ver aquí, lo estoy configurando incluso por debajo de 58, poco a poco más y más abajo 48, 45, ahora 38, para que los últimos fotogramas también se estén desintegrando literalmente y volviéndose cada vez menos visibles Hasta el último que fijé en 30%. Agrupo la animación porque necesito enmascararla. Por el momento, el vapor no está saliendo exactamente del tipot Quiero volver a crear una máscara como hicimos antes, y en este caso, revierto la máscara para que el vapor salga del tepot y esté funcionando bien Entonces noto un pequeño salto en el vapor saliendo del tipot La parte que animé en línea recta. Solo voy a arreglar un fotograma un poco, simplemente agregando un poco de dibujo conectando el vapor con el tipot un poco más para que no sea tan abrupto Por último, nuestro vapor está saliendo del tipot y disolviéndose Este es de nuevo un bonito bucle que podemos duplicar un par de veces a lo largo de la línea de tiempo. Ahora tenemos, de hecho, esta animación, dura menos de 2 segundos. Como pueden ver, voy a agrupar todo como la máscara y la animación de vapor real. Una vez que la agrupe, voy a duplicar esta animación tres veces y difundir esas animaciones a lo largo de la línea de tiempo para que vapor salga de la tetera tres veces en esos 10 segundos Como puedes ver, esto funciona bastante bien. Es otra animación sutil que funciona muy bien con las otras. Se ve genial, en mi opinión, que podamos pasar al siguiente elemento, que va a ser el ratón que salga de la tetera 11. Animación de ratón: En esta lección, animamos al ratón que sale de la tetera Mi idea inicial era animar a este pequeño que salía de la tetera y luego se escondía de Al seleccionar la cabeza, muevo e imagino qué movimiento me gustaría hacer. En la animación, cuando creamos cualquier tipo de movimiento, acción, realmente, existe tal cosa como una anticipación y un sobreimpulso Tanto una anticipación como un sobreimpulso son un movimiento en la dirección opuesta a la acción principal Lo que ayuda a enfatizar el movimiento. En este caso, lo que significa exactamente es antes esconder el cuello y la cabeza del ratón debajo de la tetera, me gustaría que el ratón primero estire la cabeza un poco alto y luego se esconda Y lo mismo irá también al aparecer, aparecerá pero saltando un poco más antes de asentarse en su posición Y sólo ahora, en realidad, lo pienso y me doy cuenta que no tengo este cuello extra ni este espacio extra en el dibujo. Rápidamente estoy agregando un poco de cuello para el ratón. Desafortunadamente, no se puede ver muy bien en estos momentos porque estoy dibujando debajo de la tetera Pero se puede ver en un segundo una vez que termine y aquí está. Esto es lo que hice. Agregué un poquito de cuello para que tenga este espacio extra de estiramiento y pueda animar el sobreimpulso y la anticipación como me pueda animar el sobreimpulso y la anticipación como Antes de animar la acción principal para el ratón, estoy pensando que podría mostrarte un truco extra De hecho, también podríamos hacer que los ojos se abran y cierren y tal vez crear un pequeño parpadeo para el ratón Voy a crear otra camioneta y encima de la camioneta, voy a dibujar los ojos cerrados, y claro, voy a necesitar un poco de fondo gris porque los ojos no están separados en el dibujo principal. Voy a prolongar un poco este marco Por ahora, sólo podemos apagarlo y olvidarlo y lo llegaremos más tarde Por ahora, sólo voy a agruparlo junto con la cabeza y podemos volver a nuestra animación de cabeza. Los fotogramas clave de la animación de cabeza van a estar en el grupo. Entonces como dije, vamos a establecer el primer fotograma clave en 2 segundos con la posición original Después un par de fotogramas después, voy a establecer un segundo fotograma clave y estirar un poco el cuello Después seis fotogramas después, sólo voy a esconder el ratón debajo de la tetera Como puedes ver, hay este pequeño salto antes de que se agote, y este es un truco de animación muy bonito preparar al espectador para la acción y le da un poco de anticipación antes de que ocurra la acción principal Ahora el ratón desapareció detrás, tenemos que traerlo de nuevo. Voy a establecer otro fotograma clave a los 6 segundos para que se quede quieto y oculto durante todo este tiempo Después un par de fotogramas después, voy a fijar el sobreimpulso Un par de fotogramas después, digamos cinco o seis fotogramas después. Aquí está el rebasamiento donde está saltando el ratón y luego le voy a dar cuatro fotogramas para asentarse y volver a la posición original Aquí configuré el último fotograma clave exactamente como el primero con 0011 En este punto, noté que mi sobreimpulso estaba un poco desplazado, por lo que no está funcionando muy bien No es muy natural. Sólo voy a volver ahí en esa posición, el rebasamiento y mover la cabeza un poco más hacia la derecha para que el movimiento sea un poco más natural Es bueno que podamos ir en cualquier momento en cualquier punto de la animación y modificar los fotogramas clave. Así, creo que está funcionando muy bien. Tenemos ahora el bucle del ratón, primero desapareciendo y luego después de un rato, volviendo a subir. Y este es el momento si queremos en el que podemos sumar el parpadeo De hecho, los ojos que hicimos están dentro del grupo, así que ya no necesitamos animar el movimiento hacia arriba y hacia abajo. Simplemente podemos encender y apagar los ojos. Por ejemplo, ahora los enciendo y están constantemente abiertos. Pero lo que quiero hacer es reducir la duración de esta pista para que el ratón abra los ojos al salir del bote y luego cerrarlos de nuevo. Aquí justo antes de salir de la olla, voy a dividir la pista de los ojos abiertos, Edit split, y voy a borrar cualquier cosa que esté antes para que antes de 6 segundos, sus ojos estén cerrados. Entonces los voy a mantener abiertos uno o dos segundos, volver a dividir y borrar la otra parte. Como puedes ver ahora el ratón está saliendo con los ojos abiertos y luego simplemente cerrándolos. Aquí, si queremos, también podemos dibujarnos en el medio para los ojos. Pero creo que porque es un detalle tan pequeño y un animal tan pequeño, realmente no necesitamos hacer que el parpadeo sea más suave Creo que es solo un poco de acción y quiero mostrarte en realidad este truco de esconderte dentro del grupo de la cabeza, algo y realmente animar al grupo mismo Nosotros lo logramos. Animamos seis elementos de esta hermosa ilustración y creamos bucles sutiles que dan vida a esta acogedora escena. Uh, pero aún no he terminado. Quiero animar aún los destellos y las luces de hadas y darte algunos consejos extra sobre cómo hacer viva una Ilustración de acero. Entonces, sigamos adelante. 12. Animación de luces brillantes y hadas: Ahora que animamos todos los elementos principales es momento de dar algunos toques finales. Tenemos estos hermosos destellos, ilustrados por Claire, que son geniales en ilustración también para llenar la composición A mí también me gusta cómo funciona en animación. Voy a animar cada uno de los destellos. En realidad, voy a animar uno de ellos y luego copiar y pegar en una nueva pista, estoy usando aquí un color diferente solo para poder ver mejor y dibujar encima de la referencia Para animar el brillo, ya vimos esto en una clase anterior, pero simplemente voy a hacerlo aparecer y poco a poco crecer cada vez más Es otra animación recta en la que solo estoy dejando que el brillo crezca de un pequeño punto a un gran destello Cuanto más crece el brillo, más se rompe En este punto, se puede ver como los brazos, digamos, del brillo se están rompiendo y el centro volverá a aparecer en un punto y los brazos también se romperán en pequeños puntos y poco a poco los puntos desaparecerán Una vez que hayamos hecho esto, podremos comprobar cómo se ve. Aquí está la animación de 1 segundo. Puede ser más largo, puede ser más corto. Puedes hacer un par de pruebas y ver cómo te gusta. Después selecciono todo y lo agrupo porque quiero reutilizar esta animación de brillo a través la ilustración para los otros destellos Por supuesto, si quieres, puedes crear animaciones de un solo brillo y otras diferentes. Ahora simplemente voy a crear una máscara grande con un color para cambiar el color del brillo porque como viste, usé morado y esto es solo un consejo rápido con una máscara de recorte para cambiar instantáneamente el color de toda una animación Una vez que he hecho esto, tengo una animación de brillo y es muy agradable Como decíamos, es de 1 segundo de duración. Por supuesto, quiero duplicarlo y esparcirlo por ahí como pueden ver, Claire dibujó cinco destellos Voy a duplicar este camión cuatro veces y mover la animación también a tiempo. De hecho, no quiero que los destellos centelleen todos al mismo tiempo Quiero que estas animaciones llenen el espacio de la ilustración, para crear una composición agradable y para capturar el ojo del espectador un poco en todas partes en el marco. Aquí los estoy esparciendo por ahí. Estoy siguiendo la referencia de Claire para decidir dónde colocar mis destellos, pero los estoy cambiando a tiempo para que, por ejemplo, uno esté sucediendo a 1 segundo, otro esté sucediendo a los 2 segundos y así sucesivamente Nuevamente, porque tenemos un bucle de diez segundos podría duplicar o incluso triplicar cada animación para que cada destello parpadee También otra cosa que noté es que junto con los destellos, la ilustración original también agregan esos muy bonitos puntos blancos No los voy a animar, pero quiero que sean de acero de fondo Simplemente estoy borrando los destellos de acero, los ilustrados por Claire de esa capa para que tengamos esos puntos blancos en el fondo Creo que se ve muy bien. Como mencioné, el siguiente paso es duplicar esas animaciones a lo largo de los 10 segundos para que se abran un par de veces. Como pueden ver aquí tenemos nuestras cuatro pistas de destellos. Para cada pista, voy a duplicar la animación y moverla para que se superpongan, pero no completamente para que estén espaciadas en la línea de tiempo pero no se molesten entre sí, digamos Entonces aquí puedes ver claramente cómo estoy reposicionando los destellos, duplicando primero la animación, y luego reposicionando las animaciones de destellos para que estén sucediendo a lo largo Cada capa terminó teniendo tres veces la animación, y como se puede ver en el resultado final, siempre hay un brillo en algún lugar de la canva y creo que este efecto realmente lo une todo y es una guinda para que esta escena ilustrada sea muy mágica y acogedora El siguiente toque final es agregar algún efecto brillante en las luces de hadas Esta vez, no voy a animar la escala, sino simplemente quiero dibujar un resplandor entre las luces de hadas y la cuerda y luego animar la Voy en el grupo de luces y entre la cuerda y la pista de luces, voy a crear otra pista y con un color blanco y usando el pincel que importamos, voy a dibujar el resplandor detrás de cada pequeña luz. Primero probé con amarillo, pero luego pensé que con el blanco, conseguimos un resultado mucho más acogedor y natural. Así que estoy dibujando el resplandor bajo cada luz de las luces de hadas. Una vez que haya hecho esto todo en una capa, voy a prolongar la capa a través de toda la animación Entonces como hicimos antes con el modo performance, voy a animar la opacidad para que las luces de hadas estén pulsando y brillando Una vez más, como antes, asegúrate de que tu fotograma clave final coincida con el primer fotograma clave Entonces una vez que hemos hecho esto, aquí está el look final y también la ilustración final con todos los elementos suavemente animados. Se podría hacer la ilustración animada. Creo que este es un buen resultado. Pero hay una cosita más que quería probar para esta clase y es animar una textura sobre todo para darle aún más vitalidad a toda la pieza Es una manera de hacer que la ilustración parezca aún más viva. Si tienes curiosidad por eso, vemos en la siguiente lección. 13. Toques finales: Técnicamente la animación ya funciona, pero quiero darle un toque final para que todo se sienta un poco más vivo. Claire agregó una textura muy agradable en la ilustración original como vimos antes cuando exploramos su archivo de procrear Voy a recrear eso usando el pincel importado. Estoy creando una textura que es un poco más grande que el lienzo. Entonces voy a desplazarme por modos de fusión hasta encontrar algo que se sienta bien. Creo que multiplicar suele funcionar bien para este sutil efecto de grano. El objetivo aquí no es hacer una nueva animación, es solo traer una suave sensación de movimiento a áreas que son completamente de acero, como los libros o el cuerpo del gato, por ejemplo. Agregará un suave efecto de zumbido o ebullición que hace que toda la pieza se sienta cohesiva Una vez que se establece la capa de textura, estiro a lo largo toda la duración y dejo caer la opacidad para que se mantenga sutil Entonces lo animaré con el modo performance, simplemente moviéndolo rápidamente arriba y abajo izquierda y derecha para crear ese ruido como movimiento Entonces ya está hecho. Si haces zoom en un área plana como el gato, realmente puedes ver el efecto. Es diminuta, pero le da a toda la escena una sensación más cálida y cinematográfica Todos pasemos a la exportación, luego a las preguntas y respuestas y al resumen. 14. Exportación: Tiempo para exportar nuestra animación final. Ve a compartir video y exporta un archivo MP four. A partir de ahí, puedes, si quieres convertirlo en un Jif, por ejemplo, usando fototiendas, guardar para la función web, guardar para la función web, pero ten en cuenta que un bucle de diez segundos puede llegar a ser pesado, por lo que es posible que necesites reducir la resolución o el tamaño Y eso es todo. Ahora tienes una ilustración animada en bucle que puedes compartir aquí en la sección de proyectos o en redes sociales Si Skillshare no te permite subir una animación completa, dudes en soltar un enlace a tu publicación de Instagram Realmente me encantaría ver lo que creaste. 15. Preguntas y respuestas: Oh, hola. Esta es una sesión de preguntas y respuestas con Claire sobre este proyecto colaborativo que hicimos, creando clases hermanas de la clase dos, en realidad Sí. Entonces sí, en estas preguntas y respuestas, pasaremos por algunas preguntas que surgieron durante nuestro proceso colaborativo sobre sueños de Procrit y Procrit, cómo seguimos creando esta caprichosa ilustración y animación esta Tratamos de responder a todas las preguntas. Teníamos en mente, pero si tienes alguna otra solicitud o pregunta, asegúrate de hacérnoslo saber y estaremos encantados de responderte. Sí, entonces saltemos a ello. Bien. Yo diría que podemos comenzar con una especie de recapitulación de esta colaboración y de este proyecto Y una buena pregunta podría ser para los dos qué aprendimos de esta colaboración, Cuál fue, lo más destacado o incluso las luchas. Como mencioné en mis preguntas y respuestas, creo que para mí, destacado fue ver a alguien más tomar mi trabajo y luego convertirlo en movimiento Como, no puedo explicar. Siento que fue genial de ver, y de hecho me motivó a probar más la animación yo mismo. Me encanta ese proceso. Como si fuera tan divertido. Realmente disfruté, probando algo de la animación que hiciste, pruébalo yo mismo y viendo lo fácil que es porque estaba como, no puedo hacer esto, pero podría. Y fue tan fácil. Y me gustó mucho el primero que probé fue el Araña para animar eso, y fue una muy buena sensación poder hacer eso Eso estuvo genial. El momento más satisfactorio para mí fue ver mi ilustración en movimiento. Sí. Eso fue, como, mágico, y probé algunas de tus animaciones como cuando realidad las estabas haciendo en un momento. Y me encantó lo fácil que era. Yo estaba como, No hay manera de que pueda hacer esto. Al igual que, Procre Dreams sigue siendo un misterio para mí. Pero pude hacerlo como en menos de 2 minutos, como animar a la Araña, por ejemplo Y esa fue una sensación increíble poder hacer eso. Tan enorme destaque para mí. Si, esto ya para mi, esto es si, es un gran feedback, antes que nada. Y entonces creo que eso es lo me gusta de este tipo de colaboraciones Como animador, me hace muy feliz escuchar eso, te encantó y me gusta como interpretar tu ilustración y tratar de darle vida Sí, me gusta como ambos trajimos algo a este proyecto. Y me parece interesante que dijiste que querías animar para ver, ya sabes, para probar Y en realidad también estoy muy tentado a hacer mi propia ilustración ahora siguiendo tu clase y luego darle vida Entonces me gusta cómo esta como Chris Cross polinización realmente está funcionando Y espero que esto también inspire a los alumnos de la misma manera porque es muy agradable si eres animador para probar la parte de ilustración o si eres ilustrador para saltar a la animación Absolutamente. Hacer algo desde cero, y luego quiero decir, en general, con ilustración, es muy divertido hacer algo de la nada. Pero entonces hacer que se mueva es un nivel completamente distinto. Y aunque pienses que no puedes hacerlo, como, esto es realmente posible, pero también es tu habilidad. Al igual que, nunca antes me interesaba la animación. Tomé tus clases, y eso me demostró que puedo hacer intervenciones muy pequeñas y hacerlo a una escala muy pequeña y aún así siento que es un gran logro Hago algo muy divertido. La animación no tiene que ser como un movimiento completo de Disney y se superpone y camina ciclos porque no tenemos tiempo para todo eso de todos modos. Entonces sí, eso es cierto, sí. Quiero agregar una comida para llevar de esta colaboración para mí es h de comunicación porque creo que cada vez que colaboramos y como animador, noto que cada vez en una comisión de cliente o en cualquier momento realmente, tienes que colaborar con alguien Mm hm. En un ambiente creativo, pero no necesariamente, es muy importante tener una comunicación clara, poder comunicarse, intercambiar, ya sabes, necesidades e información. Y esto me pareció muy, muy útil. Sí, como recordatorio, pero también todavía por aprender aún más. Absolutamente. Y siempre es bueno recibir comentarios también. Al igual que, trabajar con alguien más, porque como dije, lo que fue una lucha para mí. A veces simplemente pasa color. Al igual que, simplemente no estaba funcionando. Y solo para que me des ideas, inspiración para hacer que esto, ya sabes, funcione para los dos, eso fue enorme. Como, me saqué de eso. Y de lo contrario, tal vez me habría salido yo mismo eventualmente. Pero a veces simplemente termina ahí. A veces cuando me quedo atascado con un ilustrador, simplemente me voy y es como, Bueno, eso es todo. No puedo entender esto. Este es un callejón sin salida. Cuando trabajas con otra persona, no es necesariamente, entonces. Sí, estoy de acuerdo. Creo que siempre es enriquecedor. También lo encuentro colaborando de alguna manera humillado porque te hace dar un paso atrás un poco y estar abierto para el otro um, la entrada de la otra persona o habilidades incluso En animación, tengo esto mucho cuando trabajo con un equipo más grande, y tal vez soy el director de animación, como el que escribió la historia, pero a lo mejor no significa que sea bueno a cada paso, y me encanta dejar entrar a la gente y decir: Bien, eres un guion gráfico Significa que puedes hacer guiones gráficos mejor que yo, y confío en ti y quiero que te dejes entrar en el proceso y en mi historia para traer algo extra Sí. Entonces me gusta esto de colaboraciones que realmente te hacen sentir humilde en el sentido, no puedo hacerlo todo Y estoy feliz de aceptar ayuda. Sí, absolutamente. Entonces, básicamente, este es un llamado para que otros estudiantes encuentren un amigo de Skillshare e intenten hacerlo juntos, tal vez Eso sería genial. Sí, me encantaría ver eso. Alguien tiene que ser el primero, cualquier duda en el post de discusión, por favor, porque estamos aquí para ayudar. Entonces, si solo necesitas comentarios, estamos por alguna parte. Entonces sí, en realidad sería genial si nuestra sección de discusión se convirtiera en un lugar donde los estudiantes coincidan y encuentren a alguien con quien trabajar. Bueno, haz que suceda. Hagamos que suceda, sí. Eso va a ser genial. Esta es una buena pregunta para ti porque como que lo discutimos, pero ¿qué te emociona dar vida a objetos ilustrados Sí, es una muy buena. Como dije, tal vez sea un poco del punto de vista de los animadores, porque dijimos que los animadores es muy Me gusta como animador saltar a los mundos ajenos, de verdad Entonces, cuando recibes una ilustración o un concepto, incluso de un cliente, estás tratando de darle vida a su visión. Y me gusta esta parte de mi trabajo a veces para tratar de entender lo que tenías en mente con esta acogedora ilustración, por ejemplo, y ver, como, ¿cómo puedo hacerla realidad? Mm hmm. Y entonces, antes que nada, sí, me encanta esta parte del proceso en la que trato de ponerme en tus zapatos e imaginar, ¿cómo podemos hacer que esto viva? Sí. Y luego tal vez esté la parte nerd de ello, que es como realmente hacer que suceda Entonces tengo este objeto o esta capa. Quiero obtener ese resultado. ¿Cómo puedo llegar? Sí. Entonces por ejemplo, con el vapor, ahí está noté que tu capa estaba en opacidad, pienso alrededor del 58% Y pensé, Oh, esto es realmente muy bonito. Ella usó la opacidad. Y el vapor, como sabemos, es bastante transparente. Y así en el movimiento, necesito crear un bucle. Necesita desaparecer. Y entonces pensé, bueno, podría animarlo cuadro por cuadro como lo hice, pero también usar la opacidad como herramienta de animación para hacerla desaparecer Y en la clase, animó el vapor para que sí se animara desapareciendo un poco, este tipo de nube Pero al mismo tiempo, también animé la opacidad para que desaparezca por completo Me gusta este tipo de encontrar el truco adecuado que funcione con el estilo del ilustrador. Sí, sí, sí. Creo que es genial ver que cada objeto es un tipo diferente de animación, supongo. Quiero decir, cubres esto en tu clase. Son diferentes tipos de, como, intervenciones, ¿verdad? Pero me parece tan fascinante ver como hay que pensar en como, Bien, tenemos este objeto. Cuál es el movimiento, y luego el aspecto técnico de eso. Es tan fascinante. Y creo que por eso las animaciones son tan interesantes. Sí. Por eso me encanta la animación. Creo que es como lo llamo nerd, este lado nerd de encontrar una solución porque hay muchos Creo que hay una manera. Sólo hay una manera de obtener un resultado. Y así tienes este momento creativo donde tienes que idear una manera diferente animar un objeto diferente Y por ejemplo, con el vapor que era así, y como mencionaste, es cierto, Procreate dreams tiene estas diferentes formas de animar algo podría ser fotograma a fotograma, o hay un modo performance, que es impresionante y solo en Procreate que conozco Y exactamente. Entonces, ¿te toca a ti como animador decidir qué puedo hacer? ¿Qué herramienta puedo usar para alcanzar ese resultado? Sí. Sí. Me encanta esa parte. Es una mezcla perfecta entre lo artístico y lo técnico, creo. Sí. Yo también lo creo. Y es realmente creativo porque nadie más lo haría exactamente como tú. También hay en animación, hay tantos softwares, y cada software que uses te va a dar un resultado diferente Entonces también me gusta esa parte. Puedes ser muy único con tu animación. Sí. Eso es increíble. Entonces, cómo mantener el aspecto y el estilo del ilustrador. Esto está conectado a lo que acabamos de decir, porque como animador, sobre todo si no es tu ilustración, quieres imitar tanto como sea posible ese estilo Y claro, si no tienes que volver a dibujar nada, es más fácil porque solo mueves los objetos que ya están dibujados en las capas Pero en nuestro caso, sí redibujamos un poco. Nuevamente, no fue una animación loca, así que no tuve que volver a dibujar el personaje completo Por ejemplo, si tuviera que animar a un gato saltando en la repisa, sí, habría redibujado el personaje completo muchas veces Pero en este caso, por ejemplo, teníamos la llama, eso es andron o el vapor, ¿verdad? Y como animador o cuando te acercas al plan de animación, empiezo a pensar, antes que nada, pinceles porque claro, son muy importantes y necesarios en el momento en que quieres emular el look tienes que volver a trazar o volver a dibujar algo, y tiene que ser exactamente lo mismo Y en este caso, es perfecto. Procreate te permite soltar con dragón cualquier pincel de disfraz que tengas o hayas hecho o uses en lo apropiado y arrastrarlo en procrear sueños Y eso lo hicimos en la clase, y también hicimos lo mismo para los relojes de colores, lo cual es súper útil. Sí. Entonces, si el ilustrador o tú mismo como ilustrador, prepárate para ti que como pinceles y colores, hace que sea aún más fácil simplemente dejarlos caer en el proyecto Procrit Dreams y usarlos Bueno, yo diría que no lo hice este es un momento extra de lluvia de ideas, pero pensé también en general, el estado de ánimo, tenemos esta escena acogedora, este ambiente acogedor Entonces, al ejecutar la animación, pensé, seguro, no necesitamos que nada capte demasiado la atención. También en términos de línea de tiempo, sabía que habría sido un gran bucle de un par de segundos. En este caso, resultó ser bucle de 10 segundos, y quiero que cada elemento esté equilibrado. Entonces no puedo o al menos no estaba en mi plan. No puedo tener un elemento ni un personaje, cual es el héroe de la escena, ¿verdad? Quiero decir, podría ser una elección. Podría ser que haya pocos movimientos sutiles, y luego el gato haga algo loco, salta o lo que sea. Pero en nuestro caso, tenía muchas ganas de mantener el estilo de la ilustración, que estaba en el mismo nivel, cada elemento. No hay héroe en la pieza, ¿verdad? Y así intenté reflejar el estado de ánimo de ilustración en el sentido de que era esta gran composición y también la animación será una gran composición. Cuando animas una pieza, y tal vez la ilustración sea muy gráfica Entonces la animación también podría ser menos realista, más gráfica también. Oh, sí, en el movimiento, sí. Sí. Si la ilustración es muy realista, tal vez entonces la animación también tiene que ser realista. Así que un poco más como suave y Sí. Pero también, en términos de acciones, imagina un carácter muy realista, como un personaje humano, ¿verdad? Eso tiene realmente, como, proporciones cercanas a las reales. Y luego por otro lado, tal vez un personaje muy caricaturesco, como uno de esos cartoon network muy vanguardista, muy La animación, entonces tiene más sentido ser exagerado o más gráfico o más ágil si el héroe Sí, sí. un poco raro con un poco de disonancia, creo que si el personaje es muy realista y luego animación es muy caricaturesca o al revés Me recuerda a tu clase de bicicleta a pie donde si estás animando un personaje de dibujos animados poco divertido, por ejemplo, el movimiento puede ser un poco aplastado Es un movimiento muy exagerado, que es muy, como, peculiar y es lindo. Pero, imagina con, como, una persona más realista, no pueden estar rebotando así Tiene que ser más sí, natural, supongo. Sí. Creo que entonces depende de ti al sur decidir qué tan blando y qué tan flexible quiere o necesita ser tu personaje o tu trabajo Sí. Es suave como una línea muy delgada, pero creo que en este caso, particularmente para mí fue interpretar el estilo y actuar en consecuencia Creo que funciona muy bien porque al final, quiero decir, queríamos ir por, como, una sensación caprichosa, acogedora, y las pequeñas animaciones lo muestran aún Como, son muy calmantes. Son suaves, y están como, de nuevo, como, encontrar estos pequeños objetos. Como, todavía tienes que seguir mirando, como, lo que se mueve. Y, ya sabes, es como un juego un poco de sí, de objetos ocultos. Sí, eso me gusta. Cuando lo vuelves a ver y volver a verlo, entonces sabes que es algo más Sí, exactamente. Sí. Eso es muy lindo. Acerca de lo caprichoso y el estado de ánimo, ese ejemplo perfecto son los destellos que ya mencionamos en las otras preguntas y respuestas. Destellos estaban ahí en la ilustración, y son la mejor manera de dar algo a este bit Navideño o, como, vibra Sí, entonces Mm hmm. Sí. Eso es lindo. No era una obviedad. Sí. Eso también me encanta, porque eso fue como dijimos en las otras preguntas y respuestas que no era intención Como, acabo de dibujar esos, ya sabes, para la cohesión, por la vibra general del diseño Y luego ver que los animabas también fue muy divertido. Y ahora tiene tanto sentido. Eso es algo que ni siquiera pensé porque no soy animador, así que ilustro como ilustrador, y piensas en otra capa Lo siento. Piensas en otra capa encima de eso, como cómo funcionan las cosas en movimiento. Sí. En realidad, porque estás hablando de esto, voy a conectarme a la siguiente pregunta, ¿ cuáles son los marcos clave? Sí, exactamente. Me parece muy interesante y tuve un momento aha mientras trabajaba en este proyecto para verbalizar esto y voy a intentar ahora darme cuenta recibimos una ilustración con ciertas poses los objetos y los elementos, están en cierta posición y tienen cierta pose Me parece interesante que como animador, esas poses no muy a menudo sean en realidad poses clave de la animación Y entonces, um, me parece interesante comparar las poses de ilustración versus las poses de animación que en realidad son parte del movimiento. Entonces en la animación, como sabemos, hay cosas como poses clave. Ahí está el momento clave de una acción. Y cuando tienes una ilustración, hay algunas poses, pero no se enseñan para el movimiento. Esas poses de ilustración, son fotogramas únicos que contienen ya el movimiento o la narración, algo así como Entonces voy a dar algunos ejemplos para que quede más claro. El vapor, me diste la ilustración con esta muy bien dibujada um nube de vapor que sale de la tetera Y como estaba a punto de animarlo, me preguntaba, Bien, ¿este será uno de los fotogramas clave ¿Será este uno de los marcos en absoluto? Por supuesto, no tengo que partir de esa porque el vapor tiene que aparecer. Entonces empiezo desde un marco vacío y luego poco a poco saldrá el vapor de la tetera Entonces, seguro, no es el primer marco clave. Y a lo mejor ni siquiera es un marco. Y esto me hizo darme cuenta de que la Ilustración y la animación, como decíamos, son similares, pero también son diferentes. Las imágenes de las ilustraciones están diseñadas para sentirse vivas pero no para mover la tarea de los animadores es tomarla y pensar, ¿cómo puedo usar esto o cómo puedo traducirlo en marco real En primer lugar, como dije, esta nube estaba muy bien dibujada, una bonita nube casi simétrica o muy limpia Y en la animación, creo que la usé al final, es parte de la animación. Pero en la animación no necesariamente tiene que estar tan limpio porque existe este movimiento del vapor, y así la nube puede ser más aplastada o más, um, sí, los fotogramas solo fotograma a fotograma Si tomas uno de ellos, no tiene que ser necesariamente hermoso. Sí. Yo sólo trabajo en la secuencia. Y esto me parece muy interesante. Otro ejemplo, que tal vez sea útil es un trabajo que hice en el pasado donde tuve que animar a un malabarista Y el ilustrador me da la pieza, como la ilustración final donde está este hermoso malabarista haciendo malabares con cinco bolas al Y la ilustración era muy gráfica y la composición era muy bonita y simétrica Y las cinco bolas se posicionaron de una manera muy gráfica, como en círculo y muy igualmente distantes. Hermoso para una ilustración. Pero en el momento en que tuve que animar, rápidamente me di cuenta de que esto nunca hubiera sido un fotograma porque un animador tiene que pensar en la física y el movimiento real Y no fue posible hacer un movimiento realista o creíble con cinco bolas en el aire en esta posición circular Si haces malabares, tuve que ver un montón de videos de YouTube de malabaristas No había manera de tener cinco bolas al mismo tiempo en el aire así. Quiero decir, podrías, pero sería sobrenatural tener estas cinco bolas moviéndose así, ¿verdad? Sí. Pero no es así como funciona el malabarismo. Esto creo que es un gran ejemplo de las diferencias entre animación e ilustración y a veces esos pequeños choques de tratar de transmitir lo que el ilustrador tenía en mente, pero también hacerlo posible Sí. Entonces lo pensé durante este proyecto, y vi que podría ser un punto muy interesante para los alumnos a tener en cuenta, especialmente, digamos, cuando abordamos este pequeño bucle o este pequeño proyecto, no hay que comenzar con ese dibujo exacto o ese marco exacto. A lo mejor eso es parte de la animación. A lo mejor está en el medio, a lo mejor es al final. Sí, entonces para recapitular lo que quería decir y lo que aprendí con este proyecto es que como sabemos, ilustración y la animación son diferentes Son similares, pero son diferentes, y sobre todo tienen objetivos diferentes. Y la ilustración está ahí para tener un impacto con la imagen de acero y no está pensando en el movimiento, generalmente la pose que eligió el ilustrador, en realidad, la pose que crea el ilustrador suele ser una pose de acción media. Es un punto dulce que describe el movimiento, pero no necesariamente un marco. Y la animación tiene que pensar en el tiempo y la física. Y así cuando el animador tiene que dar vida a algo, se están animando hacia la intención de la ilustración, diría yo, tratando de darle vida al espíritu de la ilustración Y para hacer eso, tienen que tipo de ingeniería inversa la física para crear un movimiento creíble. Sí. Sí. Entonces básicamente, como una imagen estática en la ilustración no es lo mismo que un fotograma clave porque estoy pensando en una imagen estática, y eso es lo que transmite el diseño Pero para ti, son múltiples fotogramas los que luego hacen la imagen, básicamente. Sí. Como un rompecabezas. Mm hmm. Sí. Es gracioso porque es como los animadores piensan en el tiempo, y los ilustradores piensan en el Sí. Es decir, pienso por qué puede ser difícil para un ilustrador entender el proceso de animación porque estás pensando en la imagen estática de, como, Bien. Y entonces ese es el primero, y luego sigo adelante con otros movimientos como marcos. Pero sí, hay que pensar de una manera diferente. Pero por eso Procreate dreams es una solución tan buena porque hace que sea un poco más fácil de entender porque puedes mover las cosas directamente en lugar de tener que trabajar siempre con fotogramas clave Y entonces creo que es por eso que probar todos estos diferentes objetos, probar todos estos diferentes tipos de animaciones es un ejercicio realmente bueno. Sí, estoy de acuerdo. Y es cierto que realmente procrear y procrear sueños tipo de crear un puente entre los dos mundos Me parece fascinante. Y honestamente ni siquiera sabía que podías importar colores, pinceles, todos tus archivos, como, todo puede entrar directamente en sueños, como, pero no hay problema. Entonces es perfecto. Sí. Creo que esta es una característica clave que ningún otro software tiene así. Tan suave. Sí. Una de las preguntas que hemos anotado fue, ¿necesito animar cada objeto o está bien si solo uno se mueve y se conecta a eso, la segunda pregunta, creo que es, ¿necesito entender principios complejos de animación para comenzar a animar Creo que pueden ir juntos. Y esto me hace pensar también en el episodio de podcast que grabamos hace algún tiempo, que está en YouTube, porque ahí también mencionamos que está totalmente bien, y en algunos casos, es incluso mejor si la animación es sutil. Y no hay necesidad de habilidades locas o acciones locas que son complejas de crear. Sí. Con el fin de hacer una ilustración atractiva y viva. Como mencionamos entonces, y voy a repetir esto porque realmente lo creo, lo más simple que es tan efectivo y tiene un gran impacto es el parpadeo Podrías tener una imagen de acero completa, pero si eres un personaje que no se mueve, pero si parpadeas, repente cobra vida Y es realmente mágico. Como también humanos y animales, somos el momento en que vemos algo parpadeando o vemos hielo por todas partes Y en el momento en que vemos un parpadeo, esto se vuelve instantáneamente vivo. Sí. Entonces este será mi primer consejo para simplemente aprender a animar un parpadeo, que son dibujos de árboles, súper simples, ojos abiertos, como Alf cerrado cerrado, y esto le da gran movimiento ya a Otra cosa que quería mencionar aquí que usamos en la clase era animar una especie de ruido o textura Y me gustó antes en las otras preguntas y respuestas, mencionaste el ruido para conseguir un peso del look plano No sabía esto cuando animé porque ahora estamos teniendo las preguntas y respuestas al final Pero es gracioso porque entonces también pensé que pensé que quería hacer la pieza vieja un poco más viva. Al final de toda la animación, una vez que animamos cada elemento estaba funcionando, y es muy bonito. Pero entonces pensé que podría dar un paso extra y una idea extra para que los alumnos lo intenten, que es dar un poco de movimiento o dar sensación más viva a toda la pieza. Entonces tenemos algunos elementos moviéndose, pero algunos otros son planos o completamente quietos. Y entonces lo que hice fue usar la textura y encima de todo y dar un poquito de película. Sí. Entonces eso le da este efecto de ebullición o así sí, efecto ruido, podemos llamarlo. Sí. Y aunque no todos los píxeles de la ilustración están animados, esto le da al video final una sensación en vivo. De lo contrario, algunas partes de la ilustración o la animación seguirían siendo una ilustración adecuada. Lo cual está bien. Creo que lo mencioné en la clase. Fue una prueba. No es necesario tener un ruido animado encima, pero da una capa extra. Y creo que eso también podría ser algo que la gente pueda probar si quiere darle vida a su ilustración y tal vez tengan un simple parpadeo A lo mejor un ruido en la parte superior puede ayudar a mejorarlo. Sí. Yo también iba a decir, creo que todos estos tipos de animación que agregaste, todos pueden aplicarse a diferentes proyectos, cierto, porque lo sutil es la textura en la parte superior, ahora que sé que la escribí, estoy como, voy a probar esto y otras cosas, también. Y por ejemplo, el parpadeo de los ojos, si alguna vez quieres hacer, como, una ilustración de Halloween y tener, como, un montón de ojos en un frasco o algo así, hazlos parpadear Lo he hecho un par de veces, y es muy divertido. Incluso cuando no tienes habilidades de animación, eso es lo más fácil que puedes hacer. Y, por ejemplo, estas son todas las cosas que pueden aplicarse a otros tipos de animación como el movimiento de araña que podría ser cualquier tipo de aplicación a cualquier tipo de movimiento arriba y abajo, izquierda y derecha. El vapor podría ser, vas a tener una clase de hacer que el vapor provenga de una taza, por ejemplo, que podría ser cualquier tipo de vapor o nubes, creo, nubes de esa manera, el movimiento del ratón. Estoy pensando en todo este tipo de movimientos que también puedes aplicar a tantas otras cosas. Sí, me encantan las gracias por mencionar esto porque realmente me encanta este enfoque y es algo en lo que realmente creo y espero poder transmitirlo a mis alumnos cada vez que hago una clase. No quiero simplemente mostrar una habilidad o un truco que puedas usar para ese proyecto específico, sino ojalá abrir posibilidades que puedas mezclar y combinar todas esas cosas y usarlas en proyectos futuros, colisionar diferentes habilidades y ponerlas juntas Así que sí, idealmente, es una caja de herramientas de diferentes trucos que luego puedes aprender y usar cuando quieras o cuando necesites. Estoy de acuerdo. Abre tantas posibilidades, ¿verdad? Ahora estoy muy emocionada hacer mi propia estantería caprichosa, ya sabes Sí. Solo me ha ido bien, he probado un par de tus animaciones, pero quiero volver a hacer lo completo y, como, tener una buena idea de ello. Y entonces creo que eso me haría sentir mucho más cómodo en P cray dreams, también Y ya estoy pensando en, como, diferentes tomas de este proyecto. Al igual que, podrías hacer otra temporada. Podrías hacer, como, una estantería de verano. Podrías hacer uno de otoño y uno de Halloween. Al igual que las posibilidades son los analistas solo con este tipo de ilustración y movimiento, básicamente. Exactamente. Estaba pensando lo mismo. Me encanta este formato porque te permite hacerlo una y otra vez, pero completamente diferente y probar cosas nuevas y mejorar. También estaba pensando, realmente quiero hacerlo. Después de que hicimos esta colaboración, pensé, quiero hacer lo mismo, pero con sellos. Vi que también ilustraste estos increíbles sellos en la fachada de un escaparate. Sí. Madrid. Y estaba pensando, qué genial sería tener una especie de ilustrados como marcos de diferentes Sí. Sellos y animarlos. Absolutamente. Fresco. Creo que incluso hablamos de esto cuando estábamos haciendo una lluvia de ideas esta idea de en general, tener no sólo una pieza grande, sino una ilustración que se compone de diferentes pequeños objetos Nos decidimos por una estantería con objetos, pero incluso estábamos pensando, ¿Y si se trataba de marcos o qué pasaría si se trataba de sellos Y creo que inicialmente el gato iba a estar dentro un marco como aparecer o algo así o como parpadear, pero como un marco de un Y todavía tengo muchas ganas de hacer eso. Algo con sellos o marcos. Así suena así. Sí, sellos o marco, como dijiste, sería muy bonito, como una pared, diferentes marcos con diferentes formas y en ese caso, también me gusta la idea del marco porque te permite llevar al ajuste de la repisa algo que podría estar afuera o una escala diferente. Para los alumnos si sienten volver a intentarlo o no tiene que ser un objeto que se asiente en una repisa también podría ser una foto de un león y el león está parpadeando Esto abre tantas posibilidades. Una vez que hayas probado todas esas diferentes animaciones que has hecho que todos hagan, creo que puedes aplicarlas a tantos tipos diferentes de movimientos y temas. Funciona muy bien, así que sí. Sí, esto me encanta. Fue una gran colaboración. Sí, lo mismo. Fue increíble. Quiero hacer otra. Ahora, estoy muy emocionada por ello. Sí, yo también. Empecemos Brice Dorming para el siguiente Exactamente. Sí, en general, siento que fue una gran prueba también para nosotros y una gran colaboración. Y sobre esta nota, quiero decir una vez más que realmente, me siento colaborando con otros creativos, también con diferentes campos Siempre es una gran experiencia y abre tantas puertas. Entonces solo recomendaría no solo en este caso específico, un Skillshare sino en general estar abierto a colaborar con otras personas Sí, solo lo recomiendo. Absolutamente. Quiero decir, solo poder trabajar con otra persona, obtener retroalimentación y trabajar con otra persona en un campo diferente es una enorme, una gran ventaja, una gran ventaja, así que Mm. Sí. Sí. Entonces sí, con estas preguntas y respuestas, tratamos de cubrir todo lo que realmente nos vino a la Pero si hay alguna otra duda, claro, estamos muy contentos de responder y de continuar esta conversación. Así que solo asegúrate de escribirlo en los comentarios o en la discusión sobre Skillshare Y vamos a estar muy contentos de seguir adelante. Sí, estaremos aquí. Sí. Y si gente busca gente con quien colaborar, ¿verdad? Hagámoslo en el post de discusión. Lo mencionamos en mis preguntas y respuestas, como si buscas trabajar con alguien, haz como animación de ilustración. como si buscas trabajar con alguien, haz como animación de ilustración Hacer archivo apropiado, como una ilustración juntos. Encuentra a tu gente. Sí, puedes hacerlo aquí. Sí, hagamos de la sección de discusión un buen lugar coincidente donde puedas encontrar tu cuerpo para la colaboración. Eso me gusta. Mm hmm. Bien. Gracias, Claire. Gracias. Se. Bien hecho. 16. Conclusión: Muchas gracias por tomar esta clase. Me divertí mucho trabajando en este formato colaborativo con Claire, y espero que también lo hayas disfrutado. Si quieres ver más clases como esta, por favor házmelo saber. Tus comentarios realmente, realmente ayudan. No puedo esperar a ver tu trabajo, así que no dudes en subir tu progreso o tu ciclo final en la sección de proyectos. Y si tienes alguna duda o sobre comentarios, siempre estoy aquí para ayudarte. Si te gusta esta clase, por favor considera dejar una reseña aquí en Skillshare Esto realmente ayuda a la clase y a mí a crear más clases como esta en el futuro. Por último, si quieres estar conectado, puedes encontrarme en Instagram, YouTube, o a través de mi página web. Hasta la próxima vez, atta