Animación en Procreate: Exprésate creando sencillos GIF de calcomanías

1. Introducción: Hola ahí. Soy Cé Marina, ilustrador y diseñador gráfico boliviano con sede en Barcelona. Mi trabajo se centra principalmente en la ilustración, pero di un paso más allá y aprendí ¿cómo puedo dar vida a mis ilustraciones? Aquí es cuando la animación entró en mi vida. Siempre me encanta experimentar haciendo regalos y pegatinas. Desde que era niña, siempre me encantó coleccionar pegatinas. Me gusta mucho el hecho de que fuera alguna nueva forma de expresión para mí. No obstante, con el tiempo no pude encontrar las pegatinas adecuadas que reflejen mi identidad creativa. Cada uno de nosotros tiene algo especial que decir y mostrar. Por último, deja que la gente se entere de tu identidad creativa viendo tus pegatinas en las redes sociales. Las redes sociales son una herramienta útil para expresarnos y utilizar nuestra creatividad de nuevas maneras. Mediante el uso de pegatinas, podemos comunicarnos más sobre el trabajo creativo. hoy, te voy a llevar en un divertido proceso para crear y animar una bolsa de pegatinas para mostrar tu identidad creativa. Empezaremos por aprender los fundamentos de la animación y los principios que podemos aplicar. Haremos un ejercicio práctico para este asunto. Este proceso se puede aplicar a una comisión de un cliente real. Después de eso, pasaremos a la acción. Transformaremos nuestras ideas en pegatinas GIF. Antes de terminar, aprenderemos a exportar estos GIFs adhesivos y como paso final, te mostraré formas prácticas de utilizar tus GIFs. Esta clase es genial, principalmente para ilustradores y artistas, pero también es ideal para fotógrafos de cine, estafadores laterales o incluso homistas. Si tomas algo de esta clase, espero que sea una nueva forma de expresarte y mostrar tu identidad creativa. ¿ Estás listo para jugar y dar vida a tus dibujos de una manera sencilla? Yo estoy más que listo. Vámonos. 2. Resumen de la clase y del proyecto: Como nuestro principal proyecto para hoy, vamos a desarrollar un paquete de cinco pegatinas animadas para comunicar nuestra identidad creativa. Este proyecto será la introducción perfecta para que juegues con las herramientas de animación que tiene Procreate. Esta clase es principalmente para principiantes, pero si quieres revisar y refrescar esos conceptos, eres más que bienvenido para tomar esta clase. Para que suceda, vamos a aprender algunos principios de animación. También vamos a aprender las herramientas de animación que tiene Procreate. Definiremos lo que significa para nosotros nuestra identidad creativa. Después bosquejaremos y decidiremos nuestra paleta de colores principal. Y acción, te guiaré mientras creo pestañas de stickers gifs usando el arco y los principios de slow in y slow out. Posteriormente, aprenderemos a exportar nuestras pegatinas. último, pero no menos importante, como bono, te enseñaré a subir tus gifs de pegatinas a GIPHY para que puedas usarlos más adelante en Instagram. Las herramientas que vamos a necesitar para esta clase son tu iPad, la app Procreate, un pedazo de papel o cuaderno de bocetos, y un lápiz. ¿ Estás listo para dar vida a ilustraciones simples y mostrar tu identidad creativa? Hagámoslo. 3. Conceptos básicos de la animación: Hola, bienvenidos a la primera lección. En esta lección, aprenderemos lo básico de la animación antes de sumergirnos en el mundo de los GIFs de pegatinas. El objetivo principal de la animación es crear una ilusión de vida. Por ello, conocer los principios básicos nos ayudará a tener los recursos para crear animaciones más creíbles. Piénsalo como cuando estás aprendiendo a tocar un instrumento, no podrías empezar si no conocieras las notas musicales. Como dije antes, animación crea la ilusión de movimiento y vida. Esto es creado por diversas imágenes secuenciales jugadas en rápida sucesión. Para aclarar mejor usaremos el ejemplo de flip book. Seguro que has visto uno de estos. Echa un vistazo que con la ayuda de los dibujos secuenciales, creo la ilusión de movimiento. cada una de estas imágenes se le llama marco en animación. ¿ Y la velocidad a la que se muestran estas imágenes? Esa es la velocidad de fotogramas. Por ejemplo, si hago uno realmente rápido, o tal vez si hago uno lento. En el cine, puede haber hasta 24 dibujos por segundo, pero normalmente hay 12 dibujos por segundo en animación. Cuando trabajas con la animación GIF de la pegatina, ralentizas la velocidad de los fotogramas por segundo porque no necesitas mostrar muchos detalles. Aclararemos y practicaremos mejor este concepto cuando hagamos nuestros GIF de pegatinas en más lecciones. Será útil para esta clase y en general, estos principios se basan en el libro Ilusión de vida de Frank Thomas y Ollie Johnson. Eran animadores clave en Disney a principios de la década de 1930. Crearon 12 principios básicos basados en su experiencia. Esos principios permiten que la animación se sienta más realista, sobre todo cuando se trabaja con animación de personajes. Cubriré cada uno de los principios, pero dejaré algunos enlaces en la página Recursos si quieres profundizar teclear más allá. Te explicaré los tres principios que van a ser útiles para desarrollar algunas de las pegatinas. El tiempo. Es un director técnico. Es la cantidad de fotogramas que lleva la acción para pasar de un punto A a B. Esto se refiere a la velocidad de la acción misma. Si tienes más dibujos para representar una acción, la animación es lenta. Pero en cambio, si dibujas menos pasos y lo mantienes lejos el uno del otro, la acción será rápida. También es útil saber qué significa espaciado, porque va de la mano con el tiempo. Define la velocidad y lectura de la acción. Un lento adentro, y despacio. Este principio agrega realismo a un movimiento. Crea ilusión de que tu objeto o personaje se está acelerando al principio de la acción, y disminuyendo al final. Piensa en el movimiento de alguien cuando está a punto de correr o a punto de detenerse. Al animar, añade más dibujos al principio, menos al medio, y más nuevamente al final de la acción. De lo contrario la acción será vista como mecánica. Los arcos. El movimiento de la mayoría de los creadores vivos sigue un camino circular. Tómate un momento para pensar en cómo mueves el brazo al agarrar algo. El movimiento de tu brazo forma un arco. Si este no va a ser el caso, parece un movimiento robótico. Ahora hablaremos de los GIF de pegatinas. ¿ Cuáles son los GIF de pegatinas? Probablemente los hayas visto creando un video de historia de Instagram. En lugar de un GIF en movimiento, los GIFs de pegatinas, por ejemplo, si busco la palabra trabajo, un corto y sencillo en movimiento dibujado GIFs con transparencia alrededor de los bordes. Al igual que por ejemplo, esto. Requiere al menos 20 por ciento de la imagen para ser transparente. Puedes crear pegatinas planas como las que ves, por ejemplo, en WhatsApp, o puedes crear GIF como ves en Instagram, así por ejemplo, un GIF en movimiento. Antes de sumergirse en el núcleo principal de esta clase, era realmente importante conocer algunos de los principios básicos de la animación. Ahora, con esto en mente, podemos aprender las principales herramientas que tiene Procreate respecto a la animación. 4. Herramientas de animación en Procreate: En nuestra última lección, aprendimos los principios básicos. Ahora es el momento de aprender las principales herramientas que vienen con Procreate. En primer lugar, empecemos con la Ayuda de Animación. Aquí en la galería, en la herramienta de llave. Se puede activar por herramienta en. The Animation Assist es una línea de tiempo visual de tus fotogramas. Tiene opciones como piel de cebolla, reproducción, y otros ajustes que veremos en un minuto. El cronograma. Mostrará cada fotograma de su animación. Como ven aquí. Yo uso el mismo ejemplo, mirar flip book para esto. Verás que cada partitura aquí es un marco como las páginas que vimos anteriormente en el libro de volteo. Considera que también las capas que verás en tu documento se mostrarán como marcos. El otro se muestra aquí de izquierda a derecha. Si usted, por ejemplo, crea ahora una nueva capa. Esto se mostrará a la derecha de tu último fotograma. Además, puedes agregar una capa tocando este botón aquí y cerca del último fotograma y hacer clic aquí y agregar un nuevo marco. Si tocas uno de los enlaces DOM, se mostrará la capa real en la que estás. Por ejemplo, si un top aquí, aquí, aquí, voy a ver la capa real. Verás que está subrayado en azul. Por ejemplo, si toca el botón Configuración aquí, verá que hay un panel de opciones donde puede cambiar, por ejemplo, las opciones de reproducción. Aquí. El fotogramas por segundo variable. Estos fotogramas por segundo variable, cambiará la velocidad de tu animación como te mostré antes en el ejemplo de animación flip book. Esto puede hacer que tu animación se mueva más rápido o se mueva más lento. Puedes ralentizarlo agregando también más fotogramas entre cada uno de tus fotogramas. Continuar con la configuración. Vamos con los marcos de piel de cebolla. The Onion Skin es una herramienta que desvanece los cuadros anteriores. Se está haciendo visible cuando estás dibujando y muestra tu último dibujo. Por ejemplo, aquí puedes ver mi dibujo anterior. También, por ejemplo, si estoy aquí mi último fotograma y agrego un marco, voy a ver el dibujo anterior que hago. Además, aquí en la configuración, puedes establecer los marcos de piel de cebolla y puedes establecerlo en ninguno. Puede mostrar el fotograma actual y nada más o por ejemplo, establecerlo en un máximo de 12 y siguientes fotogramas. Pero no sugiero hacer esto mayormente porque cuando estás empezando te confundes un poco. Como puedes ver aquí, hay muchas líneas. Son realmente opacos, pero puedes confundirte. Para empezar es mejor ponerlo en uno o tal vez dos. El opacidad de la piel de cebolla es, lo que dije hace un minuto, se trata de la opacidad en la que se pondrá tu piel de cebolla. Por ejemplo, siempre lo puse entre el 40 y el 50 por ciento. El color de los marcos secundarios es realmente útil cuando tienes muchos marcos. Por ejemplo, si lo activo, voy a ver que mi último fotograma se mostrará como rojo. Es una indicación para mí ver el cuadro anterior que vi. Puedo dibujar el siguiente. Si también tocas un marco, por ejemplo, tienes tres opciones. Se puede mantener la duración. Esto creará una pose al reproducir el mismo dibujo sobre múltiples fotogramas. Se puede ver que aparece en gris. Estos marcos múltiples. También puedes duplicar fácilmente. Por ejemplo, si quieres establecer el mismo marco para la siguiente escena, puedes duplicarlo aquí. Como ves, es lo mismo. También si lo hiciste por error, por ejemplo, o si no estás seguro, puedes eliminarlo aquí. Entonces puedes ver que por ejemplo, si presiono aquí o en el último, puedo hacer de éste como primer plano. Los registros de primer plano están enmarcando para colocar como elemento de primer plano consistente. Si pongo esto en primer plano, voy a ver la hoja apareciendo en cada uno de los marcos. En cada uno de los marcos. No quiero eso, pero quizá esto pueda ser útil, por ejemplo, para establecer un fondo. Lo que sugiero que hagas es que por ejemplo, dije esta línea curva como fondo porque quería ser mantenerla en todos y cada uno de los marcos. Si quieres configurarlo, puedes hacer clic en el primer fotograma y luego cambiar para configurarlo como fondo. Hablemos de los bucles. Existen tres opciones para configurar la reproducción. Puedes configurarlo en bucle. Ese es el medio que tu animación se reproducirá sin fin hasta que físicamente los impones de hacerlo. Por ejemplo, veamos qué pasa si presiono “Loop”. Presionaré “Play”. Entonces mi animación se reproducirá sin fin, como te dije. El ping-pong reproduce tu animación hacia atrás y hacia adelante. A ver cómo se ve. El ping-pong, lo que hace es reproducir la animación desde el principio hasta el final y el final hasta el inicio. No es como el bucle. No sé si puedes conseguir la hoja. Es como jugar atrás. A veces este efecto es realmente interesante. Pero si quieres, por ejemplo, en este caso, quieres mostrar que la hoja está creciendo, tienes que ajustar la reproducción a bucle. Si quieres demostrar que la hoja está disminuyendo, puedes jugar con el ping-pong. El one-shot, como dice su nombre, es un juego de un solo tiro de tu animación. Como vieron, mi animación, mientras hablaba, se ha detenido. Eso es todo. Es quiero reproducir tu animación. Además, otra cosa que es realmente importante es hablar de la organización de las capas. Por ejemplo, es realmente importante señalar que en este caso, que dibujo, por ejemplo, cada una de las fases de esta hoja creciendo. Pero por ejemplo, si quiero agregar algo como otra hoja y no quiero que esta hoja sea separada de su imprimible, puedo agruparlas y esta puede ser una nueva capa juntos. A ver cómo se ve. Ya ves. Detendré los marcos secundarios de la columna. Ya ve, es parte de un marco. Se pueden agrupar dos fotogramas o dos capas para que sean un fotograma. Es realmente importante organizarlos porque de lo contrario, puede ser realmente caótico encontrar dónde están tus capas. En esta lección, aprendimos a usar unas herramientas que vienen con Procreate. Sé que esto es un poco de teoría, pero en las próximas lecciones, vamos a aplicar si aprendemos. No te preocupes. 5. Define tu identidad creativa: Como los primeros pasos, y antes de hacer otra cosa, vamos a averiguar cuáles son las palabras objetos esenciales que dibujaremos para mostrar nuestra identidad creativa. Considera que tu cuenta de Instagram no solo ayuda a la gente a conocer tu trabajo, sino quién eres tú también. Esta lección se basa en mi experiencia real al hacer una comisión creativa. Siempre empiezo con un breve que consiste en los principales conceptos, ideas, voy a representar. Para esta lección, en la primera parte, haremos una lluvia de ideas de todas las ideas posibles. En la segunda parte, esbozaremos las principales ideas que crees que encajarán para el proyecto. Definiremos el mundo creativo respondiendo algunas preguntas. Para ello, utilizaremos la hoja de trabajo número uno que puedes encontrar en los recursos de la clase. Para hacer este ejercicio, tómate un momento contigo mismo. Juega con tu canción favorita y escucha tus pensamientos. ¿ Cuáles son las 10 o más herramientas principales sin las que no puedes vivir en tu vida creativa? Para ayudarte un poco, creé esta hoja de trabajo para que puedas jugar, escribirla las cosas más importantes. Piensa en qué objetos llevarás a una isla. Por ejemplo, si eres artista, pinturas gouache, tu iPad, pinceles, papel, un cuaderno. Si eres fotógrafo, por ejemplo, puedes tomar tu cámara, o tal vez puedes tomar tus luces o un micrófono, etc. Lo principal de este ejercicio es pensar en las herramientas más útiles e importantes que representan nuestra identidad creativa en nuestro mundo creativo. Piensa en eso. Se te cubrirá con comida e Internet en la isla. No tomes y cuentes eso. Importante es recordar que estas herramientas representarán tu mundo creativo y también serán tus principales objetos para representar tus pegatinas de regalos. También puedes incluir palabras. Incluiré un ejemplo de la palabra, como verá más adelante. Ahora, empecemos. Lo haremos juntos. A la palabra o las combinaciones de palabras, eso es WIP, y significa trabajo en curso. Porque creo que estoy todo el tiempo, tratando de demostrar que estoy haciendo una ilustración o haciendo un proyecto, así que siempre estoy haciendo trabajo en progreso. Ahora, para el próximo ejercicio, es importante que decidas desde la lista principal que ya hicimos cuáles son los cinco y los más fáciles y esenciales para ti de estos 10 para dibujar o las cosas o herramientas más esenciales te se llevará contigo si sólo tienes que recoger cinco. El siguiente ejercicio se trata de elegir de dos a tres adjetivos que reflejen tu identidad creativa o tu mundo creativo. Estas palabras pueden transmitir tu vibra. Por ejemplo, puedes escribir optimista, dedicada, etc. Entonces verás que también hay una página en blanco donde puedes garabatear. Verás por qué es importante garabatear antes del bosquejo en la siguiente lección. Pero el punto principal de este ejercicio es marcar el movimiento o las acciones de las herramientas que escogiste antes. Lo explicaré más adelante en la siguiente lección. En esta lección, aprendimos a crear los principales conceptos que guiarán nuestras ilustraciones [inaudibles]. Utilizamos el método cuando trabajé para un proyecto real. Esos consejos no sólo son valiosos a la hora de hacer el proyecto principal de la clase, sino para comisiones reales. 6. Vamos a pensar en las acciones: Como te dije en la última lección, la página en blanco que dejé en la hoja de trabajo, puedes hacer una lluvia de ideas sobre un gol. Cuales serán las principales acciones de los objetos. Por ejemplo, creé estos, pero también puedes hacerlo en la hoja de trabajo. Pero por ejemplo, puedo pensar en qué va a hacer una laptop, qué va a hacer el iPad, el lápiz, cómo puedo representar la música, también, y cómo puedo representar la palabra wip. Porque esto nos dará la idea de cómo más tarde podremos trabajar nuestros bocetos. Si es necesario para ti, puedes consultar ejemplos. Por ejemplo, Google Images, YouTube, o Vimeo para ejemplos de animación. Pero prefiero que hagamos esta lluvia de ideas con nosotros mismos. Piensa brevemente en las acciones que quieres que estos objetos representen. Por ejemplo, en la primera, elijo la laptop. Pensaré en la acción. Puedo demostrar que estoy trabajando en algo, por ejemplo, abriendo la laptop. Haré un garabato. Esta página es para hacer garabatos, no es un boceto real. Esta página está destinada a ser solo para garabatear y para marcar el movimiento de tus objetos. Pero por ejemplo, si eres fotógrafo, puedes mostrar la parte frontal de tu cámara por ejemplo. Vamos a hacer garabatos ásperos en este paso. El punto principal de este ejercicio es más tarde, después de que hagas el garabato para marcar el movimiento o acciones que hará la herramienta que elijas. Por ejemplo, puedes elegir rojo, y marcar con una flecha el movimiento que hará tu objeto. Por ejemplo, aquí lo marco que mi laptop estará abierta, que se abrirá, y también puedo dibujar, derecha abierta. Por ejemplo, el iPad, puedo mostrar que, por ejemplo, en esta perspectiva, el iPad y tal vez que estoy dibujando con el lápiz, y puedo decir que ese lápiz se moverá, por ejemplo. Depende de qué movimiento entonces tal vez aparecerá cara feliz en la pantalla. Esto para el iPad, por ejemplo, para el lápiz. En este caso, quiero el lápiz a este camino, es como si estuviera dibujando sin la mano pero puede ser divertido. Estoy señalando las flechas para ver el movimiento, desarrollemos el resto. Ya verás que dije las acciones que, por ejemplo, indica de la música. Me doy cuenta de nuevo hago las notas musicales que aparecen en la wip. Por ejemplo, me gustaría que cada carta muestre una a la vez para demostrar que estoy trabajando en progreso. Eso es todo, ahora que tenemos la idea básica del tipo de movimiento para nuestros objetos o palabras, en la siguiente lección, los vamos a bosquejar. 7. Cómo bocetar tus calcomanías: Es hora de agregar más diversión a nuestros ejercicios. Ahora que tenemos desarrollados nuestros conceptos para pack de pegatinas, los vamos a dibujar. Antes de hacer bocetos, tenemos que encontrar referencias de nuestros objetos. Creo que la mejor solución es fotografiar estos objetos. Para este asunto, le pediré que primero abra su iPad, abra la cuadrícula de bloque y cree un nuevo archivo. Creé un archivo de 1080 por 1080 píxeles. Escogeremos un pincel básico en Procreate del panel de bocetos, lápiz Procreate es el mejor para mí. Puede importar su primera imagen habilitando el panel de referencia en Procreate. Simplemente ve a la herramienta Llave aquí en el menú, ve al lienzo de acción, y simplemente desliza el botón. Puedes elegir también el tamaño. Sí, así puedo ponerlo aquí a la derecha o a la izquierda o donde prefieras, la referencia de mi laptop. Si no eres ilustrador, puedes trazar la imagen. El único paso diferente que tienes que hacer es hacer clic en “Llave herramienta”, agregar, e insertar una foto. Te lo redimensionas así. Establecerás la opacidad en 29 por ciento aquí en la capa, y luego crearás una nueva capa, y luego podrás empezar a trazar la imagen. Este es boceto, recuerda. Entonces lo refinaremos y le agregaremos color y todas las demás cosas. Si desea configurar algunos otros botones, por ejemplo esto o agregar esto, no hay necesidad de agregar algunos detalles, ilustración muy detallada no es el punto. El punto es que si no sabes dibujar, puedes hacerlo trazando y luego altura tocando en esta plaza aquí y puedes ver tu cámara, por ejemplo. Otra opción podría ser crear y trazar una palabra. Por ejemplo, creé la palabra WIP en el último ejercicio, así que te mostraré cómo hacerlo. En la herramienta Llave, vas a agregar y arriba, en texto. Ya verás, aparecerá la palabra texto, pero por supuesto puedes editarlo. A ver, escribiré WIP, y aquí en la AA, podemos echar un vistazo al panel de evasión. Por ejemplo, puedo establecer el tamaño para que me guste esto. No me preocuparía por esto, y puedo cambiar su estilo de Regular, Italic, Light. Por ejemplo, puedes elegir entre todas las opciones aquí que viene por defecto en Procreate, o también puedes agregar una fuente de tu preferencia. Escogeré, por ejemplo estos, o tal vez elegiré esto. Se puede jugar un poco con este panel, así que puedo ponerlo aquí o aquí, o subrayado, o tal vez delineado o en el lado vertical. Para moverlo, puedes usar la flecha aquí en el menú del panel, puedes hacerlo aquí o tal vez, por ejemplo, si quieres separar cada letra para estar en cada una de las capas. Se puede duplicar, clic en la letra en el texto, y seguir haciendo. Si quieres mover las tres, puedes deslizarte así para seleccionar las capas. Para que puedas mover las tres de las capas. Recuerda mantenerlo simple o no hacer una gran pegatina Gibbs, así que elige un tipo sencillo. Seguiré dibujando el resto de las pegatinas, cada una en una capa diferente. Estamos tan cerca de estudiar animar. El siguiente paso es definir una paleta de colores consistente para aplicarla a nuestras pegatinas. Vámonos. 8. paleta de colores;: Siempre le doy mucho valor a la paleta de colores. Puede darle un aspecto consistente a nuestras pegatinas y reflejar nuestra identidad creativa. Insisto en el hecho de nuestra paleta de colores reducida porque confía en mí, tenemos muchos colores, puedes crear un ruido visual. Especialmente cuando se trata de crear animadas es pegatinas pequeñas y simples. Mejor permanecer en un lado de paleta de colores reducido. Echa un vistazo a algunos de estos ejemplos de comisiones reales donde guardo una paleta de colores reducida para hacer un look coherente. Estos son algunos de los sitios web que uso como referencia para elegir colores. En primera mano está enfriadores, en este sitio web, se puede buscar entre miles de hermosas espinillas de color. Por otro lado, teníamos a Khroma. Aquí está el otro generador de IA. Podemos empezar también, y esto es importante en la primera vez que elijas conjunto de tus 50 colores favoritos. Para estos, tienes que establecer un tiempo porque hay muchos colores y después de eso tal vez proporcionarán el resultado del tipo de colores que te gustará siguiendo algunos aspectos que elijas antes. Además, puedes tomar sus khromacolors de Instagram, y luego puedes ver, por ejemplo, que generan paletas. Te mostraré con un ejemplo cómo elegir una paleta de colores en función de cómo quieras reflejar tu identidad. Por ejemplo, si quieres representar dada es actitud positiva, etc, puedes empezar a pensar en usar naranja o amarillo y escoger más colores que funcionen bien con ese color. Por otro lado, si tienes un concepto que está más relacionado con una vida elegante, sofisticada, puedes empezar a pensar en el azul y grandes colores más. De cualquier manera este es nuestro referente para que empieces. Por ejemplo, si comienzas con amarillo, puedes continuar, por ejemplo, con una paleta de contraste como lo hice aquí en esta paleta. Por ejemplo, si estás usando la referencia de las páginas web de las que hablé. Se puede empezar con el amarillo y luego se puede buscar otras opciones, que se puedan ver disponibles que comiencen con amarillo o que tenga naranja en él para transmitir este tipo de actividades y vibras y lo mismo para el azul y luego negro. Si quieres más orientación, puedes tomar mi última clase donde expliqué la teoría del color en una de las lecciones. En esta lección, descubrimos muchos recursos para elegir la paleta de colores de las revisiones para un proyecto. Fue realmente divertido, ¿no? Tenemos todo lo que necesitamos para empezar a animar tus stickers. ¿ Estás listo para empezar? No puedo esperar. 9. ¡Y ...acción! Animación en arcos: Ahora, es hora de dar vida a nuestra pegatina de ilustraciones. Daré consejos mientras trabajamos en ello. En esta lección, transformaremos nuestras ideas en pegatinas GIF en movimiento, ten en cuenta que tienes que dibujar más de una acción de ilustración. Porque esta será la parte animada. En Procreate, seleccionaremos una de las ilustraciones a hacer. En este caso, seleccionaré aquí la laptop en la misma capa. Comprueba eso. Lo seleccionaremos aquí con esta herramienta. Menú que tiene como una forma de una S. a mano alzada. Con eso, deslizaremos hacia abajo con tres dedos así, y activaremos un panel de opciones en Kiran este panel de opciones. Seleccionaremos Copiar. Después en la galería, crearemos otro archivo. Estableceremos como tamaño de núcleo a 720 por 720 píxeles, dependiendo de los detalles de tus pegatinas, puedes comprobar el tamaño de archivo más grande, como 18,000 por 18,000, pero creo que con el primer tamaño estará bien. Tan solo para comprobar el tamaño del lienzo, puedes venir aquí a la llave para lienzo de acción, Recortar y Redimensionar. Puedes ir a ajustes y comprobar que creo 720 por 720 píxeles. DBI dice que está bien. Si quiero reiniciar antes de hacer la ilustración, esto es realmente importante. Puedo cambiarlo a 18 mil. Veremos que es mucho más grande. Esto depende, por supuesto, de los detalles de sus pegatinas GIF. Ahora, iremos al panel de menú aquí a la izquierda, y tocaremos en la herramienta llave seleccione Agregar, y seleccionaremos Pegar. Ahora vamos a hacer un redimensionamiento aquí en la esquina con nuestro lápiz. Verá que nuestra ilustración anterior del otro archivo ha sido pegada a este nuevo archivo. Esta ilustración servirá de guía. No olvides, que dibujaremos primero los bocetos de nuestra animación. Esto se debe a que queremos echar un vistazo a cómo se verá nuestra animación antes de aplicar colores. Te sugiero que empieces a dibujar el primer y último fotogramas y luego los dibujaremos entre. Realmente importante. En esta fase, piensa en lo suave que quieres que sea el movimiento de tu pegatina. Pero no olvides que cuanto más suave quieras que sea, más marcos tienes que dibujar. Además, considera que tu pegatina será pequeña y tal vez no se noten los detalles de una animación más elaborada. Esta clase es para hacer las animaciones más fáciles, para que posteriormente puedas seguir aprendiendo a crear animaciones más elaboradas. Antes de empezar, un buen consejo es que sugiero que vuelvas a encontrar tu boceto porque la ilustración copiada está un poco pixelada, como puedes ver aquí. Esto sucede porque agrandamos el tamaño. Si recuerdas si haces clic aquí en la flecha, si alertas más, la ilustración se verá cada vez más pixelada. Creamos una capa a continuación. Estableceremos click aquí al final. Estableceremos la opacidad en 20 por ciento. Crearemos el lápiz Procreate, lápiz básico. Reencontramos nuestra ilustración. Es muy importante cuando estás haciendo tus bocetos antes de animar, que tengas que empezar ya sea con el primero o el último fotograma. Empecé con el último cuadro. Esta será la última imagen que se mostrará en mi propio GIF. Podemos facilitar el proceso habilitando la asistencia de animación. Como recuerdan, podemos ir al lienzo y mision assist, y tiene nuestro marco previo. Ahora, puedo, en los ajustes, establecer la opacidad en 40 porque creo que es mejor. Voy a empezar. Ahora, tengo que comprobar que entre el primer y el último fotograma, estoy haciendo realmente bien el principio del arco. Como se puede ver, esta es la forma del arco. Tenemos que comprobar eso primero. Entonces seguiré dibujando el segundo, tercer marco basado también en esta flecha. Añadiré un marco entre dos cuadros. En primer lugar, voy a dibujar, como laptop está abierta un poco, pondré los marcos de piel de cebolla en uno porque esto me permite tener la referencia de mi fotograma anterior. Puedes pulsar “Play” para echar un vistazo a cómo va la animación. Si ves que va demasiado rápido, puedes cambiar la variable de fotograma por segundo aquí bajo ajustes. Está fijado en seis. Si lo ponemos a tres, podemos ver que es mejor. Podemos ver el movimiento del arco reflejándose aquí mientras la laptop se abre. No importa si todos los detalles no son perfectos. Para mí, esta es la parte esencial de la pegatina que da que puede estar en movimiento. Si no es del todo detallado o refleja la realidad para mí, no importa en este caso. Pero si tienes una comisión donde es realmente importante que mantengas reflejada la realidad, por favor intenta copiar el último fotograma lo mejor posible. Ahora que tenemos nuestras capas y nuestros marcos, ahora podemos pasar a colorear las ilustraciones. Usaré mi paleta y pondré el rosa como color principal para mi laptop. Voy a crear una nueva capa. Olvídate de la línea de tiempo de animación ahora porque esta parte se trata de colorear tu ilustración. Si es mejor, sacaremos todos los marcos, y concentraré todo mi esfuerzo en esto primero. Pondré el color arriba para poder ver si estoy pintando bien dentro de las líneas. Pondré la opacidad en 37, por ejemplo, y empezaré a colorear la ilustración. Siempre dibujo colores diferentes en cada capa porque si quiero cambiar algo, por ejemplo, más adelante la ilustración, no tendré que borrar toda la ilustración. Por ejemplo, aquí en mi nueva capa, seleccionaré este color y pondré parte en blanco. Además, se puede agregar un borde negro a la ilustración para dar más definición. Es muy importante, como les dije al principio de la clase, nombrar sus capas. Voy a renombrar esta capa porque podría confundirme en cuál es el boceto o cuál es el original. Voy a renombrarlo Sketch 1 porque es el Frame 1. Vamos a agrupar aquí cada una de estas capas de color y capa de borde porque estos grupos serán los fotogramas de la animación. Te expliqué esto en las primeras lecciones. Este grupo ahora, si activamos la Ayuda de Animación, ahora es nuestro marco. Si lo pongo así, si lo activamos, veremos que cada una de las capas será un marco. Para evitar ese grupo, los elementos que coloreas. Este grupo, ahora como ven en nuestra línea de tiempo, es nuestro marco. Ahora, seguiremos con los próximos cuadros. Si echamos un vistazo a la asistencia de animación y a la línea de tiempo, veremos que tenemos los dos dibujos principales. Seguiré dibujando. También puedes agarrar y poner los bocetos en los marcos y renombrar también Frame 2 porque no lo tienes. Ha activado esta capa por lo que no la mostrará. Creo que eso es todo. Revisaremos nuestros looks de animación habilitando el Asistente de animación. Tengo que revisar todos los marcos. Para fines prácticos, ocultaré el color de fondo porque como les dije en las primeras lecciones, una pegatina dar tiene que tener un fondo transparente. Veamos cómo es. Como te dije antes, siempre puedes cambiar la duración del fotograma. En este caso, me pondré a cinco para ver cómo se ve. Es bastante rápido. Pondré a cinco. A ver. Voy a fijar a cuatro. Además, como te dije antes en lecciones anteriores, también puedes aguantar la duración de cada uno de tus cuadros, por lo que puede durar una gran cantidad de tiempo. Tendré la duración del último porque quería prestar más atención a eso. A medida que agregué más fotogramas, ahora puedo ajustar los fotogramas por segundo a seis o tal vez siete. Sí, se ve bastante bien. Recuerda que cuanto mayor sea el número, más rápido irá. Por ejemplo, si lo pongo a 20, parecerá que mi laptop se está volviendo loca. O, por ejemplo, si está en uno, va a llevar algún tiempo hacerlo, y no es el caso. Creo que fue genial en siete. Se ve bien. Ahora puedes leer la palabra trabajo al final. Si ves que no es legible, por ejemplo, en mi caso, mantendré la duración a cuatro, por ejemplo. A ver cómo se ve. Sí, es mejor. A pesar de que esta fue una gran lección, aprendimos paso a paso sobre cómo crear nuestra primera pegatina basada en un principio de animación. Además, te di muchos consejos útiles. Espero que te guste el resultado. En la siguiente lección, te mostraré cómo crear otra de la pegatina para que puedas volver a revisar el proceso, pero con otra ilustración. ¿Estás listo? 10. Animación de entrada y salida lenta: En esta lección, vamos a crear otra pegatina para que veas un ejemplo más. Elegí hacer un lápiz que se mueva. Esto puede ser útil cuando estás creando un boceto y quieres mostrar el proceso y complementarlo con una pegatina GIF. Elige otro de tus bocetos del archivo original, del archivo de bocetos, selecciónalo y luego con una acción de tres dedos, puedes copiarlo. Voy a crear un nuevo lienzo. Es el lienzo con las mismas características que el que hicimos antes. Este es el tamaño de núcleo 2, 720 por 720 píxeles. Como lo hicimos anteriormente, haga clic en el, “Rango, Cortar y Pegar”. Verás que la ilustración que copiaste está pegada en tu nuevo documento. Al igual que hicimos en el ejercicio anterior, es que lo vamos a refinar. Estamos listos para refinarlo, por lo que eliminaré el boceto. Ahora es el momento de aplicar el color a lápiz. No olvides hacerlo en capas separadas por si quieres cambiar algo después. Aplicar el trazo de borde para tener más definición. Podemos ocultar esta capa. Agrupar todas las capas. Para este caso específico, haré que el lápiz se mueva en cierta dirección, por lo que para el caso, trazaré una línea de referencia en otra capa. Esta línea de referencia dictará el movimiento que hará mi lápiz. Puedes establecer esta línea, como fondo o como primer plano para que no aparezca como parte de la animación y será tu guía. También puedes establecer la opacidad en 30 por ciento, 20 por ciento. Para este ejercicio, recuerden los principios, en este caso, vamos a aplicar el slow in y el slow out. Para el caso, vamos a duplicar más lápices en un principio. Voy a rastrear aquí. Uno cercano a otro, menos, y no tan cerca en medio y más cerca al final. Para ahorrar un poco de tiempo, estamos creando un marco a partir del panel de capas. Se puede crear y hacer clic en el, “Marco” y elegir duplicado, por ejemplo. Al igual que en este caso, vamos a comprobar que estamos en el marco y la capa correctos. Vamos a elegir duplicado y vamos a mover el lápiz a la línea indicada. Vamos a seguir haciendo lo mismo por los demás. Ahora que creo que hemos terminado, podemos comprobar la velocidad del cuadro. A ver. Pondré los fotogramas por segundo para monitorear cómo se ve. O vamos a tal vez, como se puede ver al principio, el movimiento del lápiz es más lento que en el medio. Creo que tenemos demasiado en el medio, borraré y cambiaré de posición. A ver cómo va. Si piensas que a pesar de que es demasiado lento, puedes descuidar algunos cuadros aquí en el centro o aquí en el principio, aumentar el fotograma por segundo. Ves, tienes que jugar con esto hasta que veas que estás satisfecho con el resultado. A ver. Los agruparé o seleccionaré todos solo para redimensionarlos. Son un poco menos grandes, mejor. Ahora es mejor. Puedes esconder tu primer plano. Ahora verás el camino que estos lápices están siguiendo ahora. También para un enfoque más realista, podemos hacer invisible la capa del fondo. Podemos ver cómo va a hacer nuestro lápiz en un fondo transparente. Aprendimos a crear otro tipo de movimiento usando un principio diferente. Fue realmente divertido y fácil de hacer. Espero que tus pegatinas se vean bien. 11. Animación de texto: Te voy a mostrar cómo puedes animar el texto con unos sencillos pasos. Ahora vamos a hacer la animación de texto. Para esa manera, vamos a trazar o dibujar la primera letra. Os enseñaré a ambos, así que empecemos con el rastreo. Agregaremos texto como te mostré en lecciones anteriores. Voy a escribir WIP, voy a aumentar el tamaño. No olvides seleccionarlo, y aumentar el tamaño. Si quieres aumentar el tamaño pero ves que la palabra está cortada en el medio, puedes extender tu caja ajustando este punto aquí. Creo que lo mejor es mantenerlo así. Trataré de separar una letra de otra. Ahora, puedo moverlo un poco y creo que cambiaré la fuente. Ahora por rastreo, como ven ese es mi tipo de proceso. Siempre configuro la ocapacidad de una capa anterior y luego trazaré en esta capa. Para el caso, elegiré un color para mi W, por ejemplo. Para la siguiente letra, crearé otra capa y tal vez pueda cambiar el color si le toca a ti. Soy de la última letra P, también cambiaré el color. Los haré visibles esta capa. Pintaré estas cosas que no se hacen del todo. Ahora, vamos a dar clic en la asistencia de animación en una línea de tiempo y presionaré “Reproducir”. Creo que es realmente rápido, así que en la configuración, podemos establecer el marco por segundo por ejemplo a cuatro. Sí, es mejor pero creo que también es muy rápido. A lo mejor dos o tres. Como ves, mantengo el bucle de juego. Por ejemplo, si hago un ping-pong, lo va a hacer en reversa también. Lo mantendré en bucle. También borraré el fondo. Creo que es bastante bueno. Además, agruparé estas capas. Puedes hacer esto con tu lectura. A lo mejor los voy a redimensionar un poco, y en también la configuración es la misma. A lo mejor puedo poner el marco por un segundo un poco más. Si la última forma de representar palabras puede ser de esta manera, agruparé, luego crearé una nueva capa, desaparecerá esta capa. Se pueden redibujar las letras para que se perciba movimiento. Te mostraré cómo es mejor turno expresando con palabras. Lo repetiré este WIP. Tendremos una sola capa y una sola pantalla con WIP. Después agregamos un nuevo marco y redibujaremos todas las letras. Como ven, estoy dejando atrás algunos lugares y algunos spots. Pero esto creará un efecto interesante. Haré uno más y es un juego por un segundo Afortunadamente. Como ves, es como si el mundo se mueva alrededor, sobre todo con este pincel que usé. Hicimos invisible el fondo. Seleccionaré esto, lo pondré en el medio. ¿ Qué opinas? También podemos establecer los marcos por segundo a siete, así que es realmente divertido. Creo que depende de ti de lo movido que quieras que sea este efecto. Es como si la palabra fuera juguetona y realmente divertida. Sigue haciendo el resto de los regalos de pegatinas. Nos reunamos en la siguiente lección para saber exportarlos. 12. Exporta tus Gif: Terminamos de trabajar en nuestros GIFs de pegatinas. Ahora es el momento de saber exportarlo para que puedas usarlo más adelante en tus historias de Instagram. Para que tus GIFs de pegatinas aparezcan en historias de Instagram u otra plataforma, deben subirse como pegatina y no como GIF normal. Esto significa que tienes que subir tus pegatinas GIF con un fondo transparente. Te explicaré cómo con tu archivo Abrir en Procreate, usaré en este caso la laptop. No sé si te acuerdas. Iré al menú en el icono de la llave inglesa. En las Acciones, presionaré Compartir, en la parte inferior, buscaré GIF animado. Aquí, verás que hay abierto algún panel. Aquí se pueden ver tres opciones. Habilitarás el último que sea un fondo transparente. Esto permitirá que tu GIF sea una pegatina, no un GIF. De lo contrario, tu pegatina GIF tendrá este fondo blanco. Este no es el caso y no es lo que queremos, así que queremos este fondo transparente. Se puede jugar con el umbral Alfa. En este caso, lo mantendré en 30 por ciento porque creo que si voy a subir hasta el 100 por ciento, estos pequeños puntos que dejo sin pintar, aparecerá así que no me gusta. Lo viviré en 30 por ciento. También vas a cambiar aquí los fotogramas por segundo. Por ejemplo, si quería animación más rápida, puedo cambiarla aquí, y la mantendré tal vez siete u ocho, está bien. Al exportar, puedes presionar Exportar y puedes decidir qué vas a hacer. Se puede copiar o se puede guardar la imagen. Para más adelante, puedes transferir esto a tu computadora. Si deseas usar tu GIF como publicación en Instagram, necesitarás exportarlo como animación MP4. Tenemos nuestro GIF exportado y listo para compartir. Ahora, el siguiente paso es crear una cuenta en Giphy, y pedir un canal de artista. Para que puedas subir y ver tus GIFs más adelante en Instagram. 13. Extra: solicitud a Giphy: Estamos llegando al final de la clase pero antes de la conclusión, es un aguinaldo. Ahora que tenemos nuestro GIF exportado, seguiremos una serie de pasos para subir sus pegatinas a GIPHY para que posteriormente las utilices en Instagram. Cualquiera puede encontrar y usar sus pegatinas, creo que es la mejor manera para que se descubra su trabajo. Vámonos. Estos son los pasos para aplicar a un canal de artista en GIPHY. En primer lugar, vaya a giphy.com. Si no lo tienes ya, crea una cuenta de GIPHY. Como requisito antes de aplicar a un canal de artista, tienes que subir al menos cinco o más GIF de pegatinas para ser considerado. Por eso también creamos una bolsa de cinco GIFs animados en la clase. No olvides consultar las especificaciones sobre transparencia en un 20 por ciento y configurar tu reproducción de animación en bucle antes de subir. Después, en tu página de perfil, haz clic en el botón “Subir” y luego arrastra tus GIFs de pegatinas para subirlas. Verás que por cada pegatina GIF, hay que añadir etiquetas. Este paso es realmente importante para que se descubran tus GIFs de pegatinas. Te sugiero que escribas tu manejador de Instagram en cada una de las etiquetas de descripción de pegatinas porque cuando las busques en Instagram y otras plataformas, será más fácil escribir tu manejador de Instagram como etiqueta y luego descubre tus pegatinas. Además, puedes añadir etiquetas relacionadas con las acciones de tus stickers. En mi caso, como ven, estoy incluyendo mi mango Insta y otros mundos como laptop, trabajo, trabajo, etc. Entonces vaya al enlace que está en la descripción del proyecto. Haga clic en el botón, únete a nosotros un artista o una marca, y luego pulsa el botón, selecciona “Artista”. Creo que para el caso específico de esta clase, vamos a aplicar como artista. Complete la siguiente información de su perfil con su nombre, imagen de Avatar, y enlaces sociales. Especialmente agrega tu enlace a tu cuenta de Instagram y también si tienes un sitio web que te será útil también. Después de eso, paciencia queridos estudiantes. En una semana o así, debes recibir un correo electrónico de confirmación como éste en el que se diga que tu solicitud fue recibida y aprobada. Al día siguiente estos son los pasos sobre cómo encontrar tus stickers en Instagram. En primer lugar, ve a tu cuenta en Instagram, selecciona “Crear una historia”. Toma una foto de ti mismo o cualquier otra cosa. En este caso, tomé una foto de mi mesa. Después ve a la cara cuadrada sonriente en la parte superior, busca GIF, y luego en la barra de búsqueda, escribe el nombre de la etiqueta que usas al subir tu pegatina GIF. Recuerda dije que escogiera tu nombre de mango de Instagram. Sí. Si lo hiciste, ahora, será más fácil encontrar tus pegatinas. Como ves en mi caso, escribí mi mango de Instagram y ahora puedo ver todos los GIF de pegatinas que creé. Si también ves tus pegatinas, selecciona una y empieza a crear. Estos son los lugares alternativos donde puedes usar tus pegatinas GIFs además de Instagram. Primero como imagen de cortesía en tu web o en tu portafolio. Yo uso WordPress para este asunto. Escribí un texto y luego inserté mi imagen GIF. Como ves, mi GIF se está moviendo y funcionando realmente bien. Además, puedes añadirlo en la firma para enviar más correos electrónicos originales. Solo tienes que arrastrar tu regalo al correo electrónico y redimensionarlo. ¿ Qué tan guay es esto? Nuestras pegatinas están alrededor del mundo de Internet en este momento. ¿ Qué tan emocionante es esto? Espero que este proceso te haya sido útil y fácil. No obstante, si alguna vez tienes problemas para subir o crear tu perfil, avísame en el panel de discusión. 14. Consejos finales: Llegamos al final de la clase. Muchas gracias por acompañarme hoy. Cubrimos todo el proceso para mostrar tu identidad creativa haciendo sencillos stickers GIF. Desde el aprendizaje de los principios de la animación, las útiles herramientas de Procreate, para hacer pegatinas GIF, exportarlas y hacerlas públicas de uso e historias. Entre cada lección, te di recomendaciones para las prácticas más comunes. Si hay algo que espero que te quites de la clase, es que siempre trabajas con base en un concepto. Desarrolla tus ideas a través de animaciones simples para dar vida a tus ilustraciones. A partir de ahora, podrás explorar más en el mundo de la animación. Se trata de un proceso que requiere práctica, pero eso no significa que puedas divertirte en el proceso. Si quieres sumergirte más en la animación, puedes complementar tus conocimientos con más clases sobre Skillshare y otros recursos. Te dejaré algunos enlaces para que lo compruebes. Te animo a subir tus GIFs de pegatinas de respaldo de proyecto aquí en la sección Proyecto. Estos son algunos consejos para subir. Para el proyecto en sí, por favor sube tu formato GIF. Al subir, selecciona “Imagen”, parece extraño abruptar tu GIF en movimiento como una imagen, pero confía en mí, el GIF mostrará animado. A modo de opción, para exportar tu proyecto como video, también puedes explorar tu nos dio un MP4 y luego subirlo a la sección Proyecto como video. Para la imagen de portada, exporta una de tus pegatinas GIF como una imagen fija como lo hice aquí en la sección Proyecto. Me encantaría echar un vistazo a lo que has desarrollado. También me encantaría si me etiquetas cuando las usas en tus historias de Instagram. Si tienes algunas dudas, por favor no seas tímido preguntar en el panel de discusión. Además, si quieres aprender más de mí, por favor consulta mi última clase de ilustración de personajes. A lo mejor puedes complementar tus conocimientos y animar a un personaje ilustrador. ¿ Quién sabe? Sígueme aquí en Skillshare y también en Instagram para actualizaciones sobre nuevas clases, color para recursos de ilustración y más. Gracias por estar aquí queridos estudiantes. Fue muy divertido crear juntos nuestros GIFs de pegatinas. Adiós.