GIF animados en Procreate

1. Gifs de animado de introducción en Procreate: Hola, soy Liz Walker, diseñadora gráfica e ilustradora. Gracias por unirte a mi primera clase de Skillshare, GIF animados en Procreate. Siempre pensé en los GIF como una forma de enviar mensajes divertidos a mi mamá y a mis hermanas. Al igual que el mono lanzando la laptop cuando no tengo ganas de trabajar o la Danza Napoleón o Alice inclinándose para decir gracias. Simplemente algo gracioso para agregar a tu día. No obstante, con la adición de compartir tus proyectos como GIFs directamente de Procreate, realmente me hizo parar y pensar por un minuto, ¿cómo puedo agregar un interés extra a mis ilustraciones? En esta clase, exploraremos unos sencillos pasos para llevar movimiento a tus ilustraciones utilizando Procreate en GIF. Algunos artículos que cubriremos en esta clase son información básica sobre GIFs, ajustes de Procreate, ejercicios excavando en estilos de animación que puedes usar para tus ilustraciones. Por favor siéntete libre de parar y seguir conmigo durante los ejercicios. Ya que me parece una gran manera de construir tus habilidades. Revisar la configuración de exportación y subida. Estaré compartiendo mis consejos y trucos de flujo de trabajo. También cubriremos la búsqueda de inspiración y la importancia de los tableros de humor. Para el proyecto de clase, crearemos un GIF animado utilizando las técnicas de los videos de ejercicios para agregar animación a una ilustración. Empecemos. 2. Gifs y Procreate: ¿ Se puede creer que los gifs han existido desde 1987? Aquí te dejamos algunos conceptos básicos sobre gifs. Gif significa formato de intercambio gráfico. Los gifs usan compresión sin pérdidas manteniendo la calidad de la imagen más alta que los JPEG. En Procreate, cada capa o grupo será un solo fotograma lee de abajo a arriba y debe ser visible para que aparezca. Cuantos más fotogramas tengas en tu panel de capas, más suave será la animación. Así es como configuro mis archivos gif. Tengo una carpeta que se llama build o 00, y en esta carpeta guardo todos los elementos que pueda necesitar, en caso de que me meto o elimine algo y simplemente se puede arreglar fácilmente. Puedo sacar un activo de esta carpeta, y está arreglado. Entonces tengo mi Frame 1, que es el marco con el que vamos a empezar y mi Marco Final, que es el resultado final. De esta manera siempre sabes por dónde vas a empezar y por dónde vas a terminar. Para previsualizar, selecciona “Acciones”, selecciona “Compartir”, luego selecciona “GIF animado”, y verás una vista previa de lo que vas a exportar. En este modo de vista previa, puedes ver los fotogramas por segundo y puedes aumentarlos o reducirlos. Puedes activar o desactivar, tus fondos transparentes. Puede elegir un formato Web Ready o un formato Full Resolution. Exporto la mía a plena resolución porque la Web Ready realmente la comprime, y la ha hecho pixelada. 3. Gran revelación: tengo mi flecha arriba. Voy a seleccionarlo y añadir una Máscara de Capa, después voy a sentir la máscara de capa con negro, y luego seleccionar blanco en tu pincel, añadir una capa guía para que podamos ver qué estamos haciendo abajo y bajar la opacidad. Entonces en la Máscara de Capa, sólo vamos a pintar el blanco para que podamos revelar nuestra flecha. Simplemente seguimos duplicando la capa y la máscara de capa. Estás en la imagen gif de un enlace blanco de esta flecha. Es muy sencillo, pero llega el punto a través. Ahora, echemos un vistazo a cómo podríamos hacer esto con la palabra regalos y flores. Tenemos nuestro primer marco, y dentro de ese marco, voy a duplicar la capa de flores y llenarla con negro y esa va a ser mi capa guía. Voy a tomar la opacidad en eso, y siempre va a ser visible mientras creamos esto. Añadiré una máscara de capa, lo lleno de negro, y luego solo pinto en mis flores. A medida que avanzamos, solo queremos asegurarnos de que estamos renombrando nuestras carpetas para que estemos organizados. Realmente me gusta tratar de mantener mis archivos organizados. A veces me llamo caos organizado porque es como se ven mis archivos. Sólo vamos a seguir pintando hasta que hayamos revelado todas las flores, y quiero que esto se vea muy pictórico, como si las flores apenas estuvieran creciendo fuera de esta palabra. No necesitamos esta capa guía. Vamos a eliminarlo. mí me gusta añadir marco a veces al principio o al final, igual que una pausa en los mismos fotogramas exactos. Pero lo hace para que tal vez puedas leer algo o se sienta en la ilustración antes de que se vuelva atrás. Nuestro siguiente ejemplo, vamos a estar borrando el círculo. Simplemente sigues duplicando el marco, y luego sigues borrando uno por uno. Ahora, vamos a encender todos nuestros marcos y vamos a revisarlo. Para este revelador, vamos a estar revelando la palabra helado. Tengo esta configuración. Tengo Frame 0 como solo una capa en blanco. Esto es como la capa de fondo, no hay nada en ella. Este será el primer marco que veamos. En la siguiente capa, vamos a duplicar el marco de capa de fondo 0, y vamos a tirar eso encima de la capa de helado. Puedes verlo y yo no puedo, y entonces lo que vamos a hacer es borrar la palabra helado para nuestro gran revelador. Voy a usar uno de estos pinceles comprados que tienen aquí dentro, y apenas empieza a pintar. Puedes ir a cualquier parte con esto. Tengo esos dos spots, entonces voy a duplicar todo ese fotograma. Voy a nombrar a este Frame 2, y voy a seguir trabajando. Elegí este bolígrafo de pincel porque quería mostrar algo de la textura. Voy a acelerar esto para ustedes para que no tengan que sentarse y mirar, y esperar. Ahora, lo tenemos revelar. Echemos un vistazo a cómo se va a ver. Ahí va. Hola, helado. Es tu turno. Ahora es un buen momento para parar y practicar este estilo de animación con algunos de tus trabajos o simplemente hacer un ejemplo sencillo. Es realmente bueno solo tomarte unos minutos y explorar. 4. Vamos a moverlo: Para el movimiento, GIF, vamos a estar usando las herramientas de liquify para animar el cabello de esta sirena. Para seleccionar la herramienta licuada, vaya a Ajustes, Liquificar. Voy a usar la herramienta de empuje para empujar alrededor de su cabello. Quiero que esto parezca que está flotando bajo el agua. Ahora podemos sumar movimiento a las plantas marinas. Yo quiero que estas plantas parezcan estar balanceándose de ida y vuelta en el agua. Para lograrlo, voy a utilizar la herramienta warp. Se puede tirar de cada punto de la cuadrícula para mover el objeto alrededor. He mantenido cada planta separada para poder deformar individualmente. Voy a ajustar las partículas y hacer que parezcan que están cambiando bajo el agua para añadir sólo un poco de magia extra. Además, voy a añadir más partículas después girar para rellenar los espacios que antes no tenían partículas. Me encanta agregar textura extra a mis ilustraciones. Una vez he ajustado todas las plantas un duplicado la capa o grupo de marco, y empiezo de nuevo licuando el cabello, deformando todas las plantas, y sigo así. Lo mejor es seguir trabajando hacia adelante aquí porque estás sumando al fotograma anterior. Por lo que cada pequeño movimiento se suma al siguiente cuadro. Ahora es un buen momento para parar y revisar nuestro GIF y ver con qué estamos trabajando, y también si necesitas volver atrás y reajustar algo porque realmente no te gusta la forma en que se ve, eso no es un problema. Si necesitas sacar algo que has trabajado de una manera que es poco demasiado como lo he hecho aquí. Simplemente puedes sacarlo de tu archivo de compilación y arreglarlo. Es tu turno. Ahora es un buen momento para parar y practicar este estilo de animación con algunos de tus trabajos. O simplemente hacer un ejemplo simple, es realmente bueno tomar sólo unos minutos y explorar. 5. Sigue tu camino: Siguiendo una ruta o capa guía. Para este camino, voy a elegir sólo una capa que sea realmente obvia, y dibujar mi camino por aquí que quiero que esta mariposa vuele. Ahora la capa de fondo y este archivo está todo aplanado porque no voy a animar nada ahí. Entonces tengo la capa de mariposas. Lo que voy a hacer con la capa de mariposas es que voy a quitar una de las mariposas usando la herramienta de selección, haciendo el toque de tres dedos, arrastre hacia abajo para subir el menú de copiar cortar pegar. Voy a cortarlo y pegarlo en una nueva capa. Cuando esta mariposa vuela por este camino, se ve rara porque las mariposas no vuelan con las alas bien abiertas. Duplicaremos la capa de mariposa, nos quedaremos con una, solo vamos a borrar la mitad de la mariposa y luego duplicar eso otra vez y rotarla para darle alguna dimensión, combinamos eso juntos, y luego comenzaremos duplicando y moviendo esta mariposa por el camino. Recuerda cuantas más mariposas y marcos tengas, más suave será tu animación. Entonces cuando llegue a esta curva, sólo voy a voltearla horizontalmente, voltearla y girarla. Ahora está volando erguido y directo a las flores. Para revisar esto, voy a apagar la capa guía y la capa de fondo porque agregará un flash. Yo sólo quiero ver dónde estamos ahora mismo antes de seguir avanzando. Se puede ver cuando lo revisamos, se ve bien. Voltear la mariposa no se ve extraño ni nada. Vamos a seguir adelante. El siguiente paso es combinar la capa de fondo y la mariposa. Para cada mariposa tiene que tener su propia capa de fondo. Se pueden hacer dos cosas. Podrías aplanarlos juntos o ponerlos en grupos de marcos. A mí me gusta ponerlos en grupos hasta que sepa que he terminado con algo y siento que no voy a cambiar esto. Nombro todas estas carpetas en el camino para asegurarme de que todo esté etiquetado y organizado. Una vez que lleguemos al final, lo vamos a revisar. Se ve bastante bien. Es tu turno. Ahora es un buen momento para parar y practicar este estilo de animación con algunos de tus trabajos. O simplemente hacer un ejemplo simple, es realmente bueno tomar sólo unos minutos y explorar. 6. Todo en la ojos: Veamos un ejemplo de un boceto que hice de mi mamá y mis hermanas, y cómo fácilmente puedes agregar algo de animación a esto solo para agregar solo un poco extra o agregar algún interés a esto. Vamos a abrir y cerrar los ojos. He separado todos los ojos de las hermanas, creado versiones cerradas y abiertas para todos, excepto para mi hermana única, hermana C. Voy a usar la herramienta de selección y dibujar alrededor de sus ojos. Entonces voy a un toque de tres dedos para que salga este menú, y voy a cortar y pegar y lo que eso hace es que lo haga en sus propias capas separadas. Para que podamos encender esta capa y podemos apagar esta capa. Después voy a duplicar algunos ojos cerrados de mi hermana A, trasladaré a la hermana C, luego los ajustaré en su cara. ver ahora, entonces los voy a apagar, porque no los quiero ahora mismo. Vamos a duplicar, hacer un nuevo marco. Entonces voy a pasar y sólo voy a ajustar los ojos, apagarlos y encenderlos. Voy a seguir haciendo esto, sólo abriendo y cerrando. Puedes usar la herramienta de selección y voltearlos horizontalmente, para que estén buscando en una dirección diferente y ajustarla un poco. Echemos un vistazo a cómo se verá esto una vez que se exporte. Ahí están, se están mirando el uno al otro. Simplemente agrega un poco extra de diversión e interés a esta ilustración. Echemos un vistazo a mi chica de pelo azul como ejemplo en el corto Jeff. Cada vez que parpadea, se ruboriza y su cabello sopla en el viento y pequeños corazones poblan. Simplemente manténgalo sencillo y agrega un par de cosas a tus ilustraciones y solo agrega un poco de diversión extra. Es tu turno. Ahora es un buen momento para parar y practicar este estilo de animación con algunos de tus trabajos, o simplemente hacer un ejemplo sencillo. Es realmente bueno solo tomarte unos minutos y explorar. 7. Exportación: Está bien, entonces ahora estamos listos para exportar esto. Vamos a nuestro GIF animado, vamos a exportar una resolución completa y voy a poner esto en mis discos compartidos. Cuando estamos exportando esto, no se puede exportar directamente desde Procreate y luego ir a Instagram o Facebook. Necesitas pasar por otra app, y puedes pasar por Giphy. Tengo una cuenta configurada para mí. Lo que haces es agregar, seleccionarlo, y aquí está dentro. Es este último, seleccionas “Elegir foto” o “Usar”. Ahí está, luego seleccionas subir. Se tarda un minuto mientras procesa. Quieres asegurarte de que tu GIF tenga al menos tres segundos de duración. No hay edición que puedas agregar en Giphy, luego seleccionas esto. Selecciona “Enviar”, y luego puedes seleccionar a dónde te gustaría enviarlo. No se publica directamente en tu cuenta. Ahora otro método sería llevarlo a otra app. Hay muchas apps. Para este voy a usar GifVid. “ Gif to Video” es lo que seleccioné. Aquí voy a seleccionar la resolución más alta, y esto puedes controlar la velocidad de tu reproducción, o también puedes agregar bucles de video deseados para que te asegures de tener al menos tres segundos. Puedes seleccionar desde el menú donde te gustaría subirlo, y debe conectarse directamente a tu cuenta. 8. *Inspiración extra, y pensamientos de la tablón de inspiración: ¿ Alguna vez has pensado, “Está bien, estoy listo. Voy a dibujar esto ahora mismo”, y tú abres tu cuaderno de bocetos o tu iPad o sacas tu lienzo, y luego piensas, no sé qué hacer. Mi cerebro está en blanco. ¿ Qué voy a hacer? No estás solo. Todos luchamos con esto. Algunas cosas que me gusta hacer cuando me siento así son volver atrás y mirar algunos de mis viejos trabajos, y tal vez pueda tomar una de esas piezas y renovarla y hacerlo un poco más interesante o nuevo giro en ella. También trato de dibujar todos los días. Sé que es algo difícil dibujar todos los días pero a veces se trata sólo de aparecer. Algunos días puede que tengas más tiempo que otros días. Hace poco estaba haciendo un reto de dibujo con mi hermana y un día me envió un mensaje y dijo: “Simplemente no creo que pueda hacer esto hoy”. Nuestro prompt fue la sirena. Le envié un mensaje de vuelta que decía: “Sólo dibuja una sirena palo. Entonces apareciste”. A día de hoy cada vez que me siento sin inspiración, solo creo que palo sirena. Algunos días solo tienes que aparecer. Además, puedes intentar calentarte con una práctica de simplemente bosquejar, encender algo de música, sentarte afuera y simplemente empezar a bosquejar sin propósito, y luego te llevará a más de un propósito. Otra cosa que me gusta hacer es que me gusta recolectar tableros de inspiración o también tableros de humor. Un gran lugar para hacer esto como en Pinterest. Puedes categorizar tus tableros. Puedes hacer, si dices que quieres rosas y verdes o quieres amarillos y rojos, y revisar esas tablas y mirar e inspirarte en ellas. Piensa en cómo puedes usar esos colores o si tienes algo específico en mente, es realmente genial tener un tablero de humor y construir eso. Para que puedas ver de qué te inspiraste. 9. PROYECTO DE CLASE: Ahora es tu turno de practicar lo que hemos aprendido hoy completando tu propio proyecto de clase. Acuérdate de encontrar algo de inspiración. Tal vez cree un nuevo tablero, y luego tome su ilustración única, y piense en las formas en que puede agregar algo de animación a eso. A lo mejor es un gran revelador. A lo mejor sólo estás agregando un poco de movimiento. Tienes algo volando, tienes un pequeño camino, que nos lleva a tu ilustración. Cuando hayas terminado, no olvides subir tu proyecto a la galería de proyectos y compartirlo con todos para que podamos inspirarnos en ti. No puedo esperar a ver lo que creas. 10. **Actuación** Barra de animación: Oye, ahí. Tengo una actualización de mi curso revisando la nueva característica, Animate Assist, y cómo puede ayudarte con tu flujo de trabajo. Para encender tu Animate Assist, seleccionas las herramientas de este menú aquí arriba, una pequeña llave inglesa. Animate Assist está aquí mismo, y sólo tienes que activar este interruptor. Entonces en la parte inferior de la pantalla aparece un menú y aquí es donde vamos a hacer todo nuestro trabajo de animación. Te voy a mostrar cómo se ven mis capas. En mi panel de capas, tengo esta capa superior que es mi firma, mi marco uno, construir capas por si acaso las necesito, y la capa de fondo. En este menú de aquí abajo, el menú Animate Assist, si seleccionas el primer fotograma, que fue nuestra capa inferior, mi capa de fondo, puedes seleccionar el toggle y convertirlo en tu capa de fondo. Esto significa que el fondo se mostrará a través de toda la animación y no tienes necesidad de duplicarla, desperdiciando tu cara con agregar la misma capa una y otra vez. Pasamos a esta última capa, que es mi capa de firma, que era la capa superior en el panel de capas y puedes seleccionar eso y hacer que sea tu primer plano para que eso siempre quede encima. Si hay una animación que quieres estar pasando continuamente por encima, podrías tener que eso suceda. Te voy a mostrar cómo añado simplemente animación simple usando este menú y lo fácil que es. Revisaremos todas las opciones haciendo esto. En primer lugar, vamos a duplicar esta capa. Qué hizo eso en tu panel de capas, lo verás duplicado toda la carpeta lo cual es tan cool. Entonces voy a añadir mi herramienta de pincel y tengo estos corazones de acuarela. Lo que sólo voy a hacer es agregar sólo un par, déjame hacerlos más grandes. Lo que voy a hacer es añadir sólo un par de corazoncito. Yo consigo el tamaño, ¿verdad? Pareja pequeños corazones saliendo de esto. Entonces aquí abajo, lo duplicaremos de nuevo y yo voy a hacer lo mismo. Yo sólo voy a añadir algunos corazones más. Mira eso. Eso son más corazones. Lo que es realmente bonito de este menú es que no tienes que ir como antes. Tenías que ir a esto y luego tenías que hacerlo ahí y luego tuvo que previsualizarlo. Ya no tienes que hacer eso. Puedes previsualizarlo aquí mismo. Simplemente realmente agradable. Si bien eso se mueve realmente rápido, cómo vamos a arreglar eso es que puedes cambiar toda la duración como muchos fotogramas. Estos marcos sostendrán, esto sólo mantendrá el mismo marco exacto más tiempo. Yo voy a hacer eso por cada uno de estos y luego podemos ver esto. En el menú de ajustes, puedes cambiar tus fotogramas por segundo allí, que solías cambiar en el otro menú. El marco de piel de cebolla muestra que es como una transparencia para mostrarte tus animaciones de antemano. Puedes ver como estás animando cómo se ve eso. Se reproducirá tu video. De un solo disparo, bastante autoexplicativo, toca justo directamente a través de él hasta el final. Looping, se remonta al principio. Brazo labial simplemente sigue yendo de ida y vuelta entre el principio y el final, simplemente rebotando, lo que puede agregarlo realmente bien. Hace que sea realmente fácil agregar un marco. Si haces clic en “Añadir un marco”, es diferente a duplicar un marco. Seleccionas el marco real para duplicar y puedes seleccionar estos marcos que hiciste accidentalmente, no sé por qué hice eso, y solo los borras. Si querías agregar un marco en blanco en el medio para dibujar sobre arriba, y puedes ver dónde están tus fotogramas reales aquí abajo porque los que tienen toda una duración están en gris. Después puedes ir a tu menú y puedes ir a compartir y seleccionar “GIF Animado”, MP4. Este es nuestro menú de exportación donde te muestra una vista previa mucho más grande que antes. Siempre selecciono “Resolución máxima” al exportar y tú [inaudible] tengo antecedentes, pero si quisieras hacer eso, podrías hacerlo. Después seleccionas “Exportar” y estás listo para ir. Muchas gracias chicos por ver y espero que ustedes tomen esto y siéntanse libres de etiquetarme en cualquier cosa que hagan. Hacer cualquier pregunta. Gracias. 11. Gracias: Muchas gracias por unirte a mi primera clase de Skillshare: GIF animado en Procreate. Recuerda publicar tu proyecto de clase en la Galería de Proyectos. Significaría tanto para mí si revisaras mi clase, le darías un like, y seguirías mi perfil de Skillshare, por lo que te avisan cuando publique clases futuras. Gracias, otra vez.