Crea archivos GIF divertidos en Procreate: Guía de animación para principiantes

1. Introducción: Oye, mi nombre es Maya. Soy ilustrador y diseñador canadiense y me encanta crear imágenes audaces y coloridas. Normalmente trabajo en los campos de la publicidad, edición, el embalaje, y la ilustración editorial. En esta clase, quiero mostrarles cómo podemos explorar las características de animación en Procreate. Verás qué tan rápido podemos crear una familia de divertidos GIFs y llevar tu obra de arte más allá de las imágenes fijas. Después podrás usar tus GIFs para enviar a tus amigos y familiares o para darle vida a tu presencia en línea como me encanta hacer en Instagram o Facebook. Simplemente me encanta la idea de poder animar directamente al iPad sin tener que tocar otro software o incluso una computadora. Eso significa que puedes estar animando en un café o en la playa o en el partido de futbol de tu hijo o incluso en el baño, aunque no necesariamente aconsejaría esa. Esto es posible gracias a las funciones de Animation Assist en Procreate. Se trata de una herramienta muy sencilla y práctica que nosotros como artistas podemos utilizar para dar vida rápidamente a nuestras ideas y explorar principios básicos del movimiento. En este curso, vamos a estar repasando tres de mis conceptos básicos de animación, la técnica de movimiento, la técnica de parpadeo, y la técnica de flujo de animación. Vas a aprender a crear o implicar movimiento a partir de tus propios bocetos y también te voy a estar dando algunos ejercicios extra en los que puedes trabajar para ponerte cómodo con la interfaz y el flujo de trabajo de Animation Assist. Verás cómo estas tres técnicas simples se pueden estirar en una miríada de diferentes animaciones y te dan la confianza para explorar técnicas de animación más avanzadas en el futuro. También vamos a estar cubriendo todos los detalles técnicos como cómo configurar tu lienzo, cómo elegir tu paleta de colores, cómo exportar tus GIF y cómo usarlos fuera de Procreate. Además, si estás activo en Instagram, también te mostraré cómo puedes solicitar un perfil de artista de Giphy para que puedas poner tus GIFs disponibles para que todos los usen en línea. Esta clase es para cualquiera que haya jugado un poco en Procreate y esté buscando explorar más allá del dibujo. No tienes que ser animador en absoluto para tomar esta clase. De hecho, no soy uno. Si te interesa hacer que algo de magia suceda en tan solo un par de fotogramas de animación, reúnete conmigo en la siguiente lección y podemos empezar. 2. El proyecto: En este curso, vamos a estar creando una familia de GIF animados explorando tres técnicas diferentes de animación fotograma por fotograma en Procreate. lo primero que vas a estar entregando o de algunos bocetos y algunas compas de color basadas en la paleta que elegimos. Tu primer proyecto después de eso va a ser un GIF animado de movimiento, luego vamos a pasar a la animación parpadeante, y la animación fluida, así que en ese punto, tendrás una serie de GIF. También te mostraré cómo puedes postular a GIPHY y poner tus GIFs disponibles para que otras personas los usen. Yo quería hacer este curso porque recientemente descubrí las características de asistencia de animación en el iPad y me sorprendió absolutamente lo rápido que podemos convertir un boceto plano en algo divertido y emocionante. Me encanta utilizar estos GIFs para hacer que mis regalos en línea sean más únicos y personalizados. También quería compartir algunas formas fáciles de explorar diferentes avenidas creativas, si eres ilustrador o artista aficionado. Antes de que empecemos, aquí hay un pequeño consejo. Quiero que tengas en cuenta que todas las lecciones y técnicas que vamos a estar repasando en este curso son bastante simples y puedes aplicarlas a prácticamente cualquier idea o ilustración que puedas tener. Mantén la mente abierta y por favor no seas tímido y comparte tus proyectos en los proyectos de clase de abajo, porque tengo mucha curiosidad por ver hasta dónde puedes llevar estos conceptos muy sencillos. Además, si quieres aprovechar al máximo este curso, asegúrate de descargar los ejercicios extra que puedes encontrar en los recursos del proyecto. Esto es para que puedas ponerte realmente cómodo con el software antes de pasar a técnicas más avanzadas. Ahora que estás todo listo, empecemos. 3. ¿Qué son los archivos GIF?: Antes de entrar en la animación, hablemos de los GIFs y de lo que incluso son. Un GIF es básicamente un formato de archivo en el que podemos almacenar imágenes. En el contexto de esta clase, nuestros GIFs van a estar conformados por un montón de diferentes imágenes estáticas que cuando se reproducen bastante rápido una tras otra en un bucle, van a crear unas animaciones simples. Para darte una comprensión más concreta disecemos un GIF en el equipo usando la vista previa para que podamos ver cada fotograma que conforma toda la animación. Guardé este genial GIF del ilustrador español Magoz en mi computadora. Esto es lo que parece. Si lo abro usando la vista previa, podemos ver todos los diferentes fotogramas que componen esta animación. Si hago clic en cada uno de ellos, uno por uno, poco se puede ver un poco de movimiento en cada imagen. Cuando obtengo una vista previa de todos estos fotogramas muy rápidamente presionando la tecla de flecha abajo, en realidad se puede ver la mayor parte del bucle animado. Si este gráfico fuera nuestro GIF, cada uno de los círculos blancos sería un marco de la animación. Cuando los jugamos rápidamente, uno tras otro, podemos ver el movimiento que creamos con nuestras ilustraciones. Ahora que sabemos exactamente qué son los GIFs y cómo funcionan, puedes conocerme en la siguiente lección y vamos a echar un vistazo a cómo podemos crear tu propia paleta de colores para nuestra familia de GIF. 4. paleta de colores;: Personalmente me encanta el color y es una parte enorme de mi estilo de ilustración. Creo que si vamos a estar creando una familia de animaciones, quisiera que se sintieran como si pertenecieran juntas. Esto le va a dar a un proyecto un campo homogéneo y consistente, y creo que va a hacer que nuestra familia de regalos vea un poco más profesional y curada. Hay muchas maneras diferentes en las que podemos ir para crear nuestra paleta. Podemos buscar inspiración y las cosas que nos rodean como si pudiera ser la decoración de tu hogar, podría ser el aire libre, algunas fotos que tomaste recientemente, o tal vez incluso tu atuendo. Ahora, personalmente me gusta escoger los colores con los que voy a estar trabajando incluso antes de meterme en el boceto. Sólo porque me va a quitar la mente de los colores, ni siquiera tendré que preocuparme por ello y podré concentrarme en el propio boceto. Además, me va a dar una idea para el tema que tal vez quiera ir o el estilo que voy a ir. Para este proyecto específico, como dije, me inspiran los colores de mis marcadores aquí. Lo que voy a hacer es simplemente sacar una foto de ellos muy rápido directamente al iPad, así como así, y entonces tengo que ser perfecto porque vamos a estar ajustando los colores de todos modos. Voy a seguir adelante y abrir Procreate, golpear el signo más para crear un nuevo lienzo, y solo hacer tamaño de pantalla por ahora ya que realmente no importa. Todo por lo que estamos haciendo es crear nuestra paleta que se va a integrar en Procreate. Voy a traer mi imagen golpeando ese pequeño ícono aquí, el ícono de acción, insertando una foto, agarrando, comentando tu imagen, podría haber estado un poco sobreexpuesta, pero vamos a trabajar con eso. Este es un comienzo bastante bueno, pero estoy buscando tal vez agregar algunos colores. Lo que voy a estar haciendo es simplemente saltar a Google, buscar un par de cosas que tal vez me inspiren o creo que podrían funcionar con estas, y añadirlas a este lienzo, y luego voy a estar escogiendo el color de todo. saltar a Safari, acabo de hacer una búsqueda cerámica turquesa porque siento que a esta paleta le vendría bien un elemento turquesa. Me está costando hacer zoom en una foto, así que sólo voy a tomar una captura de pantalla, recortarla un poco más pequeña para poder conseguir una variedad de tonalidades, y guardar en mis fotos. Entonces también estaba buscando estos rábanos de sandía que recientemente comí en una ensalada, y sólo pensé que eran tan hermosos. De verdad me inspiró, así que voy a copiar esta foto aferrándome a ella, y luego voy a volver a saltar a Procreate. Volveré a golpear el ícono de acción y pegaré éste. Aquí vamos, tenemos los rábanos. Voy a volver al menú Acción, toca Insertar una foto y traer mis tonalidades turquesa. Ahí vamos, eso debería ser suficiente para que al menos empecemos a trabajar en un palé. Para hacer eso, voy a presionar mi botón de capa y voy a crear una nueva capa encima de éstas. Esto es en lo que voy a estar probando colores. El modo en que voy a hacer esto es básicamente por recolección de colores, y el icono de selección de colores en Procreate es este pequeño cuadrado de esquinas redondeadas por aquí. Si tocas este y luego haces clic en un color, puedes igualarlos directamente y lo configurará como tu color de pintura. Golpeé el ícono, sostení el lápiz hacia abajo y sólo voy a golpear este rojo por aquí. Entonces con el fin de ajustar ese color, solo puedes hacer clic en el color aquí arriba a la derecha. Simplemente voy a ir a la vista clásica aquí abajo al fondo, y aquí soy capaz de ajustar ese color y llevarlo a algo que me gusta. Cuando se trata de color, sugeriría escoger algo alrededor de cinco o seis tonos principales para ir con. Una buena manera de seguir creando tu paladar sería buscar algunos colores más cálidos, algunos colores fríos, y luego algunos tonos neutros y algunos oscuros. En este caso específico, quiero algo que vaya a destacar en redes sociales, así que voy a ir con colores muy fuertes y voy ir 50/50 con tonos cálidos y tonos fríos. Creo que me gusta adónde va esto. Tenemos unos tonos cálidos, tenemos unos tonos más fríos, y ahora que tengo mis muestreos, voy a poder convertirlos en una paleta. Para ello, cuando vuelva a hacer clic en mi icono de color, voy a ir a Paletas. Golpeo el botón más aquí, creo una nueva paleta, debería estar en la parte superior aquí, creo que podría haber hecho dos, y lo voy a establecer como predeterminado. Voy a volver a mi vista clásica aquí abajo, y lo que haré es escoger color cada color individual. Volveré a golpear el ícono de color, y solo voy a tocar una vez en el área del paladar. Cada vez que toque se va a añadir un color, así que voy a hacer eso con cada muestra que elegí. Esto, por supuesto, si quieres cambiar tus colores, siempre puedes hacerlo. Simplemente tendrías que aguantarlo un segundo o dos y luego te va a preguntar si quieres eliminarlo o puedes reorganizarlos aferrándote a ellos y arrastrándolos. Yo hice los tonos cálidos primero, ahora voy a seguir adelante y hacer algunos tonos verdes más oscuros y voy a rematar con el blues. No tienes que usar todos los colores, claro, pero creo que es bueno tenerlos como referencia para asegurarte de que el proyecto final se vea bonito y cohesivo. Aquí tenemos nuestro palet y cuando hacemos clic en el icono de color y vamos a la sección de paletas, es el de arriba. Sólo voy a dar click en Untitled y renombrarlo colección GIF. Ahora, siempre puedes volver a la vista clásica, pero tendrás tu paleta configurada como predeterminada y así podrás acceder fácilmente a ella mientras animas. Ahora bien, este no es el archivo que vamos a estar trabajando cuando animemos, pero lo genial es que cada vez que creemos un nuevo lienzo en Procreate, aún podremos acceder a esta misma paleta porque la configuramos como predeterminada. Ya estamos listos para pasar al siguiente paso donde podamos empezar a esbozar algunas ideas y a encontrar un tema para las animaciones. 5. Bocetos de las ideas: Enfriar, así que ahora tenemos una paleta de colores, así que estamos listos para empezar a hacer bocetos. De inmediato, me gustaría pensar en un tema para mi pequeña colección de regalos sólo porque va a hacer que se vean más amables juntos. Creo que les va a dar un poco más de propósito. Mi tema va a ser Naturaleza y Amor, así que veamos qué se nos ocurre. Para empezar a bosquejar, sólo voy a ir a mi panel de capas. Voy a eliminar estas imágenes porque ya no las necesito y la paleta de colores la puedo mantener aquí arriba si quiero. Pero también podrías eliminarlo ya que la tenemos como nuestra paleta predeterminada en nuestra pestaña de colores. Para empezar a bosquejar, sólo voy a crear otra capa con el signo más aquí y sólo voy a llegar a ella. Creo que podría ser realmente agradable hacer algunos elementos muy simples, porque una cosa en la que sí tenemos que pensar de inmediato del bate es, ¿qué vamos a estar animando en esos bocetos que vamos a estar dibujando? Tienes que asegurarte de que sea lo que dibujes, hay algo que posiblemente podrías ver moviéndose en ese boceto. Voy a empezar con algo realmente sencillo. Yo sólo voy a bosquejar con tal vez como un color marrón oscuro y sólo voy a acercarme aquí. El modo en que voy a hacer esto es simplemente esbozar todo tipo de elementos diferentes en la misma página, que luego voy a estar trayendo a composición diferente una vez que lleguemos a animar. Este color realmente me hace pensar en las hojas, así que voy a empezar con eso y tal vez hacer algunas ramas. Ese es un comienzo bastante bueno. Voy a seguir adelante y bosquejar un elemento diferente. A lo mejor podemos hacer algunas cerezas o algo así. También realmente sencillo, cualquiera puede dibujar eso. Puedo ver fácilmente a los que se mueven con un poco de balanceo o un efecto dominó cuando uno hace que el otro se mueva o algo así. Encontré que esta cereza era un poco demasiado grande así que acabo de ir a la herramienta de selección aquí arriba y estoy usando la selección de mano libre. Simplemente lo doy la vuelta con mi bolígrafo y golpeo la herramienta de transformación con el icono del ratoncito. Entonces solo lo escalo a lo que funcione para mi composición. Yo lo estoy moviendo por aquí así que tengo suficiente espacio para bosquejar otros elementos. Dado que las técnicas de animación con las que vamos a estar trabajando son bastante simples, no voy a complicar demasiado este dibujo. Este es un arco iris, pero sólo voy a hacer dos o tres rayas de color, algo así. Una vez más, lo voy a seleccionar, reducirlo. Sería divertido hacer algunas técnicas con redacción. Voy a hacer un poco de palabra aquí. Voy a escribir, buenos días. Ahora, dije que quería hacer algunas cosas sobre el amor también, pero no lo he tocado ya. Estoy pensando tal vez un pequeño sobre con corazón o tal vez una flor aquí dentro, entonces tal vez algún copo de nieve. Me gusta mucho dibujar vainas de flores o jarrones. Voy a tratar de hacer uno de esos. Mantenerlo sencillo porque probablemente esta va a ser una de las animaciones más complejas. Creo que puedo trabajar con esto. Lo que voy a estar haciendo ahora es simplemente tomar esta capa, traer la opacidad aquí en el panel de capas a tal vez 50 o así, crear otra capa encima y simplemente repasar mis bocetos con una línea más limpia. Voy a pasar un poco de tiempo redibujando estos hasta que esté contento con las formas y luego vamos a estar pasando a crear nuestro primer lienzo para nuestro primer GIF. Si te estás confundiendo con cualquier boceto que tengas debajo, siempre puedes cambiar el color de tu dibujo para que destaque un poco más. Por último, sólo voy a retocar un poco los arcos de este arco iris. Este es un truco genial, por cierto si alguna vez necesitas hacer algunas formas redondeadas o formas cuadradas, puedes dibujar tu curva y si te aferras a ella, Procreate corregirá la forma a algo que sea un poco más igual. Esto sigue siendo bastante desordenado, pero va a ser lo suficientemente bueno como para servir de guía para mi animación seguro. Voy a seguir adelante y ocultar mi capa inicial de boceto. Voy a duplicar el que dibujé en azul sólo para que sea un poco más brillante. Puedo fusionar esos dos y enfriar ahora tengo mis bocetos más refinados y voy a seguir adelante y guardar esto golpeando el menú Acción, Compartir, solo un JPEG y voy a Guardar imagen. Eso sólo lo guardará en el propio iPad. Básicamente solo voy a estar creando pequeñas comps de color realmente rápidas para que sepa cómo se va a ver mi GIF antes de empezar a animarlo. Para hacer eso, voy a golpear el panel de capas, voy justo debajo de mi capa de boceto azul. Voy a nombrar a éste, así que voy a mantener estos ocultos y sólo voy a seguir adelante y añadir una capa entre esos dos. Justo debajo de mis bocetos, tendré esta capa que voy a nombrar Colores. Los canadienses lo escriben con u pero hagan lo que quieran. Voy a mantener el mismo pincel que es el pincel de tiza y voy a seguir adelante y color pick colores directamente desde aquí o puedes ir de tu paleta aquí abajo. Sólo voy a aplicarlos a mi composición para tener una idea de cómo van a quedar mis GIFs. Voy a empezar con este rosa por aquí. Esto una vez más es solo una referencia, por lo que realmente no necesita ser perfecto como ves. No soy tan genial para colorear dentro de las líneas, pero eso ni siquiera importa. Otra cosa genial que puedes usar es la función de autorelleno en Procreate word. Si dibujas el contorno de una forma, solo puedes dejar caer un color en ella directamente desde tu pestaña de color y llenará esa forma siempre y cuando sea una forma cerrada. Me gusta mucho la yuxtaposición del rosa y el rojo, es algo que uso a menudo en mi trabajo. A algunas personas realmente no les gusta, pero creo que es súper divertido. Esto es lo que voy a estar haciendo en todo mi boceto para que tenga una idea de cómo quiero que se vean mis GIF finales. Voy a acelerar el proceso de que yo haga eso y te veré en un segundo cuando tenga todas mis comps de color listas. Oye, creo que esto es bueno en lo que respecta a las comps de color. Es bastante rudo, pero es solo para darme una idea a la vez sí configuro mi lienzo y quiero empezar a animar. Ahora, lo que voy a hacer es simplemente ir de nuevo al menú Acciones y una vez más guardar esto como un JPEG en mi iPad, para que rápidamente pueda traerlo a mis futuras composiciones y hacer circular cualquier elemento que voy a estar animando. Tenemos un color comps, tenemos nuestros bocetos. Estamos listos para montar realmente nuestro lienzo y empezar a traer algo de movimiento a nuestro proyecto. 6. Configuración del lienzo: Tenemos nuestro boceto, tenemos nuestras comps de color, ahora es momento de configurar nuestro lienzo para que podamos empezar a animar. Cómo vamos a hacer esto es, vamos a golpear “Gallery” y volver a nuestros diferentes lienzos, y vamos a crear un nuevo lienzo. Para este, voy a hacer un tamaño personalizado haciendo click en el pequeño plus, y vamos a hacer 1,500 por 1,500. Entonces me voy a quedar con los 300 DPI, y voy a golpear “Crear”. El motivo por el que estoy haciendo un lienzo tan grande es gifs se usan a menudo en formatos bastante pequeños, pero nunca se sabe para qué lo vas a usar, tal vez incluso te guste tanto que querrás imprimir un tobogón de ello, o tal vez quieras usarlo en tu sitio web. Siempre es bueno tener una resolución más grande porque siempre puedes encogerla, pero es mucho más difícil volarla y por lo general perderás mucha calidad ahí. Estamos trabajando a lo grande, de todas formas no va a ser un archivo enorme, y de esa manera realmente podemos acercar y trabajar con una imagen que es bastante nítida. Tengo mi Canvas y ahora vamos a poder encender la asistencia de animación, que es la parte más importante de todo este proceso, porque sin asistencia de animación, básicamente no podríamos hacer ninguna animación en el iPad. Para encenderlo, voy a darle otra vez a la llave aquí en Acción. Voy a ir a la pestaña de Canvas que ya estaba encendida, y voy a simplemente seguir adelante y encender la asistencia de animación ahí mismo. Ahora, esto va a traer arriba esta barra inferior justo aquí, y aquí es donde podremos ver todos nuestros diferentes marcos. Aquí hay una noción clave. Lo que ayuda de animación hace es, trae a la luz esta línea de tiempo y cada capa de nuestro documento se convierte en un fotograma de nuestra animación como puedes ver aquí. Entonces recuerda lo que miramos cuando estábamos mirando un GIF disecado en vista previa y vimos todos los diferentes fotogramas, bueno, estos son todos los diferentes fotogramas de nuestras animaciones. Podemos agregar marcos haciendo clic aquí en la parte inferior derecha, Añadir marcos, o simplemente añadiendo una capa aquí como acabo de hacer. Voy a borrar todos estos ya que era sólo para mostrártelo. En Settings, también podremos jugar con la velocidad de nuestras animaciones, con los Cuadros Por Segundo, con los Cuadros Por Segundo, y si queremos o no que Loop o al Ping-Pong, lo que significa ir de ida y vuelta y de ida y vuelta. También podremos ver nuestras preferencias de piel de Cebolla, pero voy a hablar de todo eso en un minuto. Lo primero que vamos a estar haciendo es, escogiendo nuestra primera animación y trayendo nuestro boceto. Ahora, nuestro lienzo está configurado. Tenemos nuestra línea de tiempo de asistencia de animación, tenemos nuestro Canvas, y el último paso que vamos a hacer es importar el primer boceto que vamos a estar animando. Para hacer eso, voy a volver a hacer clic en la llave inglesa, el botón Acción. Voy a ir a Agregar, Insertar foto, y voy a estar seleccionando los bocetos en los que trabajamos. Ahora, lo que voy a hacer es simplemente agarrar la herramienta Seleccionar a mano alzada una vez más, y solo voy a escoger a este tipo por aquí, y voy a golpear Copiar Paste para que quede en su propia capa, y solo eliminaré el boceto original capa. Siempre lo tenemos en nuestro archivo iPad, así que no va a ningún lado. Ahora, voy a seguir adelante y hacer este más grande en mi Canvas para que pueda trabajar fácilmente en él. Está un poco pixelado porque lo volé, pero eso realmente no importa ya que en realidad es solo una guía. Ahora, esto es a lo que voy a estar referenciando para crear mi animación. Ahora, todo lo que voy a estar haciendo es tocar este marco en mi línea de tiempo y lo voy a poner como fondo. Lo que esto va a hacer es que cada vez que agrego un marco, ya sea aquí o aquí, siempre voy a ver mi primer marco de referencia. Ahora, reduzco la opacidad para que los colores no sean los mismos, lo que significa que no podré escoger el color de aquí y obtener el color exacto de mi paladar, pero siempre podré alcanzarlos a través de la paleta personalizada que creamos y nosotros establecido como personalizado por aquí. Muy bien, así que nuestro archivo está configurado, estamos listos para pasar a la siguiente lección y en realidad empezar a crear movimiento. 7. Técnica de ondulaciones: Para nuestro primer GIF, vamos a estar explorando el jitter o la técnica de wiggle. Esta es una de las formas más simples en que podemos animar una ilustración porque en realidad no implica mucho movimiento. Esta técnica es más para dar un poco de vida a las imágenes estáticas u objetos estáticos al implicar movimiento más que nada. Empecemos. Tenemos nuestro boceto colocado como nuestra capa de fondo, que es una referencia. Ahora sólo vamos a añadir una capa y podemos ir a hacer eso. Agrega marco por aquí o en nuestro panel de capas. Voy a dibujar encima de esto y sólo voy a estar usando un pincel monolino y formas rellenas. Simplemente usaré el mismo verde. Es bonito y profundo. Simplemente puedo empezar a bosquejar directamente encima de mi referencia. Voy a usar la técnica de llenado de la que hablé antes. Esto funciona muy bien con el pincel monoline porque todos los espacios son formas realmente cerradas. Una de las razones por las que estoy usando la monoline es porque voy a estar redibujando esta ilustración exacta un par de veces, y eso va a ser mucho más fácil de hacer si no tengo que cambiar demasiado el tamaño de mi pincel. Yo hice estas pequeñas líneas de movimiento, no me importan. Creo que son geniales. Ahora solo quiero agregar un poco más de detalle a mi hoja, así que voy a estar seleccionándola haciendo click en la capa. Voy a estar usando el mismo verde que usé para estos tipos. Tan solo para traer un poco más de detalle, así. Nuestro primer cuadro de animación está listo para empezar. En este punto, realmente no necesito más la referencia para el boceto, así que puedo seguir adelante y ocultar este. Este es nuestro primer cuadro y para dar vida a esta ilustración, no vamos a necesitar tantos marcos. Con dos o tres, deberíamos ser buenos para lograr ese efecto jitter y esa vitalidad. Lo que voy a hacer es simplemente seguir adelante y añadir una capa. Como pueden ver, no puedo ver en qué trabajé en el fotograma anterior, pero puedo encender algo llamado piel de cebolla y esto es lo que nos permitirá ver lo que ya hicimos para poder planear lo que vamos a hacer a continuación. Aquí, como puedes ver, mis marcos de piel de cebolla están ajustados a ninguno. Pero en cuanto los traigo a uno, puedo ver lo que hice un cuadro atrás y si tuviera muchos más cuadros, podría configurarlo hasta 2, 3, 4, etc. lo voy a configurar a uno por ahora ya que sólo tengo un cuadro. Voy a seguir adelante y cambiar la opacidad también porque esto es otra cosa con la que se puede trabajar. Dependiendo de lo que sea más cómodo para ti, puedes cambiar la opacidad de la piel de cebolla para que puedas ver en qué estás trabajando. Tengo mi segundo cuadro. Voy a renombrarlo para que quede claro. Veo en qué trabajé anteriormente. Ahora lo que voy a estar haciendo es literalmente simplemente recrear la misma ilustración exacta con los mismos colores y los mismos pinceles. Ni siquiera voy a intentar hacer que nada se mueva pero porque no va a ser exactamente perfecto, va a crear un poco de discrepancia y eso es lo que vamos a crear, el efecto vibrante o el efecto de movimiento una vez que añadamos dos o tres fotogramas de esto. Empecemos a recrear esta ilustración y veremos en un minuto cómo se ve. Estoy agarrando exactamente el mismo verde con el que estaba trabajando para el otro y sólo estoy redibujando. No quieres que esto sea perfecto pero no quieres que esté demasiado lejos. Aquí, por ejemplo, se puede ver, no es exactamente alinearse, pero esto es exactamente lo que queremos para esta técnica específica. Ahora tenemos dos fotogramas de esta animación. Como puedes ver, cuando hago clic en ellos, ya están empezando a moverse un poco. Para poder previsualizar nuestra animación, pesar de que sólo tenemos dos fotogramas, aún podemos ver algunos movimientos. Lo primero que voy a hacer es simplemente establecer los fotogramas por segundo a algo realmente bajo ya que solo tengo unos fotogramas. Yo solo voy a golpear play para poder previsualizar mi animación y como puedes ver, se está moviendo. Eso fue bastante sencillo. Sólo un par de fotogramas y acabamos de redibujar la misma imagen dos veces. Si jugué con los fotogramas por segundo y los llevé a algo realmente alto, empieza a parecer un poco loco pero si tienes muchos fotogramas, ahí es cuando te vas a ir con algo alto porque va a hacer tu animación fluido extra. Ahora voy a traerlo de vuelta a algo un poco lento, como cuatro cuadros por segundo. Para completar este GIF, voy a seguir adelante y hacer exactamente lo mismo una última vez, donde agrego una nueva capa encima de la segunda. Voy a llamarlo Frame 3 y básicamente redibujo exactamente lo que hice en Frame 2 y Frame 1. Acabo de terminar de redibujar el tercer fotograma y sólo voy a llevarlo hasta la total opacidad. Ahora tengo mi primer fotograma, mi segundo fotograma, y mi tercer fotograma. Si sigo adelante y juego con mis tres marcos, mi hoja se mueve y la hemos animado. Ahora esto es un poco lento, así que sólo voy a subir un poco la relación de fotogramas por segundo. Ahora, esto es a seis cuadros por segundo y creo que me gusta cómo se ve esto. Como puedes ver, está vibrando, moviéndose. En realidad no era tan preciso con lo cerca que seguí mi cuadro inicial así que por eso tenemos este divertido efecto tambaleante pasando. Creo que esta es una técnica realmente divertida, sencilla que puedes aplicar a prácticamente cualquier ilustración o boceto con el fin de que se mueva un poco. Esto es realmente divertido para el tratamiento de texto también o cualquier cosa que normalmente sería una imagen plana. Si solo quieres darle un poco de diversión, realmente puedes crear fácilmente una animación para ello. Terminamos con nuestra primera técnica. Ahora hemos aprendido a animar una ilustración muy simple en el iPad, directamente en Procreate usando Animation Assist. Hicimos todo eso usando sólo tres fotogramas. No fue tan largo ni complicado. Esta fue una gran introducción y estoy emocionado de meterme en la segunda técnica, que va a ser algo intermitente con sólo dos cuadros. 8. Técnica de destello: Hicimos nuestro primer par de GIF y salió bastante bien. Probemos otra técnica. Este, al igual que el otro, sólo vamos a estar usando un par de marcos, así que es igual de fácil, si no más. Voy a estar llamando a ésta la técnica de parpadeo. Esto es lo que vamos a estar haciendo para esta lección. Para empezar a trabajar en esta nueva técnica, lo primero que vamos a estar haciendo es salir de nuestro primer GIF, y simplemente vamos a duplicarlo. Entra en nuestra nueva, y solo empezaremos borrando los fotogramas que creamos, solo para que empecemos con el mismo lienzo y ya tenemos nuestra asistencia de animación lista. Ahora vamos a traer nuestro boceto. Vamos a estar seleccionando lo que vamos a estar animando igual que hicimos en la otra técnica. Voy a seguir adelante e insertar foto desde la app de pestañas, seleccionar mi boceto, volarlo un poco ya que éste es el que voy a estar animando, el que tiene algo de texto. Con la herramienta selecta a mano alzada, una vez más, simplemente voy a ir alrededor de ella, golpear copiar y pegar. Ahora tengo mi texto de los buenos días en una nueva capa, y sólo voy a eliminar la inicial. Entonces simplemente voy a centrar esto más o menos en mi cuadro para que podamos empezar a animarlo. Para esta animación, estoy eligiendo este sencillo boceto basado en texto. Lo primero que vamos a estar haciendo es crear una nueva capa, y luego voy a darle a ésta y ponerla como fondo una vez más. Voy a reducir un poco la opacidad de mi boceto y ahora podemos empezar a trabajar en nuestro primer cuadro. Para este boceto, voy a estar usando el pincel de tinta seca de la categoría de entintado en la biblioteca de pinceles. Este también viene con Procreate. Básicamente, lo que voy a estar haciendo es dar vueltas por todas mis cartas y empezar a renderizarlas. Yo sólo voy a reducir esto un poco más. Para crear este tipo personalizado, solo voy a estar dibujando sobre mi boceto bastante flojo, y luego lo estaré refinando con el borrador. Así es básicamente como creo texto personalizado simple. Entonces sólo voy a agarrar mi goma de borrar a un tamaño bastante pequeño. Este es un bolígrafo de estudio, también de la categoría de entintado. Entonces puedes simplemente entrar y refinar tus cartas, y hacer eso por cada letra de cualquier frase que estés animando. Para este primer fotograma, voy a dibujar toda la palabra en la misma capa. Todo va a estar en un marco. Voy a añadir detalles después. Siempre puedes ocultar tu capa de boceto si quieres una mirada más clara en lo que estás trabajando actualmente. Si eres un poco perezoso como yo, incluso puedes seleccionar parte de tu boceto ya que vamos a estar dibujando la O dos veces. Yo sólo voy a copiarlo y pegarlo, y voy a golpear snapping y magnetics, y sólo voy a moverlo un poco a la derecha para que pueda crear mi segundo O sin tener que redibujarlo. Ahora en este punto, estos están en dos capas separadas. Yo sólo voy a seguir adelante, tocar en la parte superior, y fusionarla hacia abajo para que estén de vuelta en una sola capa. Como pueden ver, realmente no estoy siendo demasiado precisa con mi boceto. Yo estoy coloreando a su alrededor. Estoy moviendo cosas por ahí sólo porque lo estoy usando como referencia más que cualquier otra cosa. Cuando estás dibujando textos, siempre puedes establecer guías para ti también. Lo que voy a hacer es que sólo voy a cambiar de color. Voy a escoger un tono gris. Voy a golpear la capa que acabo de crear debajo de mi primer fotograma, y la voy a llenar. Entonces voy a golpear la transformación de forma libre y simplemente vengo a colocarla debajo mi texto y bajar esa opacidad solo para poder tener una guía para asegurarme de que mis letras estén más o menos alineadas. Pero también estoy queriendo que esto se vea un poco divertido y peculiar, así que tampoco voy a ser demasiado preciso al respecto. Ahora con el fin de ver el marco en el que estaba trabajando, solo voy a golpear el marco en el que estoy trabajando, golpear Settings, y convertir mis marcos de cebolla a dos o así. De esa manera, podré ver mi boceto y los marcos de cebolla porque estas son las dos capas antes de la que estoy trabajando. Pero de nuevo, tampoco quiero ser demasiado preciso con mis letras porque sí quiero que se vea hecho a mano y un poco peculiar. Ahora lo que estoy haciendo aquí es solo ajustar mis letras usando la herramienta Seleccionar. Solo estoy seleccionando las partes que quiero mover. De esa manera, soy capaz de alinearlos a la caja que acabo de crear. Estoy copiando esa N una vez más y fusionándola de nuevo hacia abajo en la misma capa. Contamos con nuestra ilustración básica para nuestro primer marco. Ahora lo que vamos a estar haciendo es en lugar de crear un nuevo marco encima, en primer lugar, vamos a estar borrando esa cosa gris que tenía en la parte inferior para guiar mis cartas. Voy a ocultar mi boceto, y sólo voy a estar deslizando esta capa hacia la izquierda y duplicándola. Ahora, voy a volver a ese primer cuadro. Voy a tocar la capa, presionar Seleccionar, y voy a empezar a colorear algunas partes de la misma. Para lograr el look intermitente, básicamente voy a colorear alguna parte de esto con un verde diferente. Voy a empezar por seleccionar este verde que tengo. Creo que estos greens no están mal, pero los de mi paleta podrían ser un poco demasiado fuertes y podría dificultar la lectura. Simplemente voy a seguir adelante y seleccionar mi palabra y trabajar un poco aquí con el selector de color para descifrar un verde que prefiero. Incluso si tienes una paleta, siempre puedes reelaborarla y añadir colores según sea necesario. Creo que esto es bueno, este verde más oscuro. Solo lo voy a agregar a mi paleta aquí abajo. Lo que voy a hacer ahora es reducir el tamaño de mi pincel. Básicamente voy a colorear cada otra letra. Si empiezo con esta G por aquí, voy a saltarme esta O, y voy a venir a colorear esta de aquí, y voy a hacer lo mismo por la palabra de fondo. Eso fue bastante sencillo. Ahora, lo que vamos a estar haciendo es ir a nuestra otra capa y simplemente colorear las letras inversas. Voy a seleccionar ese mismo verde y hacer lo mismo. Ahora hemos coloreado todas nuestras cartas. Si pasamos de un fotograma a otro, como pueden ver, ya está parpadeando, razón por la que nombré esta técnica de esta manera. Voy a bajar sus fotogramas por segundo, y voy a golpear Play para que podamos ver el efecto en movimiento. Esto se asemeja a los neones resplandecientes que a veces están fuera de las tiendas y tal. Con sólo cambiar los colores en los dos marcos, podemos crear básicamente la ilusión del movimiento. Para agregar algunos detalles, solo voy a seguir adelante y crear otra capa justo encima de mi boceto, y soy capaz de ver las letras gracias a los ajustes de piel de cebolla. Simplemente voy a dibujar un arco, sosteniéndolo al final para que Procreate pueda corregir mi forma, solo para usarla como guía una vez más. Voy a dibujar una guía en el medio y en los costados. Estas son solo algunas guías para lo que voy a estar agregando a mis mainframes. Ahora voy a subirme al primer fotograma de mi animación. Voy a dibujar directamente sobre aquí usando este verde más oscuro. Básicamente, voy a agregar detalles de arco o detalles parpadeantes. Porque este es un GIF de buenos días, quiero hacer algo que quizá imite un poco al sol. Yo sólo voy a estar dibujando rayas simples. Ahora puedo seguir adelante y eliminar la capa guía que creé, y voy a saltar a mi segundo fotograma. Ahora, voy a estar agarrando el verde más claro con el que empecé inicialmente. Voy a estar dibujando exactamente el mismo motivo, pero en todos los espacios negativos que quedan. Ahora podemos seguir adelante y previsualizar nuestra animación para ver cómo se ve. Yo sólo voy a golpear Play, y aquí lo tenemos, un movimiento parpadeante. Ahora bien, esto es un poco rápido. Simplemente voy a seguir adelante y bajar el cuadro por segundo a cuatro o así. Aquí lo tienes. Esta es la técnica parpadeante una vez más, una realmente sencilla en la que podemos crear este efecto final marchante, y mirada intermitente, e ilusión de movimiento con sólo dos cuadros. Consulta la siguiente lección donde te mostraré algunas otras aplicaciones para esta técnica. 9. Flujo de animación: Ahora que estamos familiarizados con la línea de tiempo de asistencia de animación, Probémoslo una, tercera y última técnica. A éste se le llama flujo animado, y vamos a estar haciendo este arco iris. A diferencia de las otras dos técnicas que hemos hecho hasta ahora, ésta en realidad va a estar dando vida a algunos elementos y vamos a estar creando movimiento de la nada. Esta técnica no es necesariamente más difícil. Es un enfoque ligeramente diferente. Se asemeja a más animación fotograma por fotograma como la animación 2D tradicional que verías en todas las películas de Disney, por ejemplo, o la animación stop motion. Lo que vamos a estar haciendo es dejar este. Una vez más, solo duplicando la última que hicimos para que podamos entrar en Canvas y tener toda nuestra configuración ya esté lista. Yo sólo voy a seguir adelante y eliminar esas dos capas para que podamos empezar de nuevo. Al igual que con las otras técnicas, voy a golpear la llave inglesa, insertar una foto, conseguir mi boceto. Para esta animación, vamos a estar trabajando con este arco iris. Voy a seleccionarlo, copiarlo y pegarlo y asegurarme de que esté centrado en mi composición. Fantástico. Tenemos listo nuestro boceto. Oops, me olvidé de borrar esta capa, así que voy a seguir adelante y hacer eso. Ahora, toca mi arco iris y ponlo como mi fondo. Una vez más, solo voy a bajar su opacidad y crear una nueva capa encima. Vamos a empezar con básicamente hacer que las nubes aparezcan de la nada. Estoy creando una nueva capa encima de mi boceto. Estoy agarrando el mismo pincel de tinta seca y un tamaño bastante pequeño. Yo sólo voy a empezar con un par de puntos. Algo así. Nada loco, pero los vamos a acumular a lo largo del tiempo con marcos diferentes. Lo que voy a estar haciendo ahora es simplemente agregar otro marco. Gracias a mi piel de cebolla, puedo ver lo que está pasando aquí abajo. Voy a empezar a construir a partir de esos dos puntos que ya hice. Simplemente básicamente estoy tratando de imitar un poco la forma de mi boceto, pero en tamaño miniatura. Justo así. Por ahora, sólo me estoy centrando en la nube izquierda porque la correcta, vamos a estar dibujando más a medida que el final del arco iris lo alcance. A partir de aquí, déjame seguir adelante y crear una nueva capa y hacer exactamente lo mismo. Básicamente, construye tus formas lentamente para que coincida con tu boceto. Entonces a partir de aquí, lo adivinaste, creamos una nueva capa y simplemente seguimos adelante. Esto es a lo que me refiero creando algo de la nada. Realmente está construyendo la nube partiendo de un par de puntos. Si quieres ver cómo es tu forma, siempre puedes ocultar tu boceto y refinarlo. Voy a hacer una más por buena medida. Si quieres echar un vistazo sin la piel de cebolla, puedes bajar la opacidad o bajar la cantidad de fotogramas que ves para que veas justo en qué estás trabajando en este momento. Tenemos la forma básica de un conjunto de nubes. Ahora, podemos empezar a traer nuestro arco iris. Para ello, voy a crear dos nuevas capas y las voy a agrupar. Esto se debe a que vamos a empezar a usar grupos y esa es otra noción clave de este curso. Hasta el momento, sólo hemos estado usando capas individuales como marcos. Pero cuando estás usando animación assist, si estás haciendo una animación un poco más compleja que necesita más capas, puedes agrupar dos capas, y el programa verá un grupo como un solo fotograma de tu animación. Por ejemplo, voy a empezar aquí volviendo a encender mi piel de cebolla y también la opacidad. Voy a apagar mi boceto porque no puedo simplemente trabajar fuera de lo que tenía. Voy a redibujar mi nube exactamente igual a lo que dibujé en mi último fotograma. Dibujé mi nube. Si empezara a traer mi arco iris en la misma capa, sería bastante complicado dibujar, darle forma perfectamente a mi nube. Tendría que borrar o ir con el azul. Por eso estamos usando capas. El estrato debajo de la nube es el que voy a estar iniciando mi arco iris. Tengo mi rojo seleccionado de mi paleta. Básicamente voy a empezar a traer la lectura lentamente. Como un poco caliente alcanzando su cabeza. Esa es nuestra primera capa de grupo. Lo que vamos a estar haciendo desde aquí es agregar más grupos, así que estoy creando dos capas más. Una vez más, estoy redibujando mi nube. Voy a apagar mi boceto para esto. Ahora para mi segundo grupo, básicamente voy a hacer lo mismo que hice con la nube. Enciende mi boceto y básicamente agrega un poco al arco iris. Ahora, tenemos nuestro rojo adentro y lo avanzaríamos un poco más allá, pero en este segundo grupo, voy a seguir adelante y crear una nueva capa, traerla debajo de la roja. Voy a empezar a traer un poco de rosa. Voy a seleccionar el rosa de mi paleta y empezar a traerlo lentamente como lo hice con el rojo en el último grupo. Tan simple como eso. Cerramos este grupo y lo adivinaste, creamos otro. En primer lugar, estoy dibujando de nuevo mi nube. Ahora que he dibujado mi nube, esta parte, también vamos a estar introduciendo el otro extremo del arco iris. Voy a estar volviendo a encender mi boceto. En esa misma capa de nubes, voy a empezar igual que lo hice con esta nube izquierda y hacer una bolita por aquí. Ahora, puedo continuar el rojo y luego el rosa. Ese es nuestro tercer grupo completo. Pasando a nuestro cuarto, es básicamente el mismo proceso. Esta, voy a crear tres capas, porque como la otra, hicimos el rosa, el rojo, y el azul. Básicamente estoy redibujando esta misma cosa exacta. Voy a sumar a la nube. Voy a sumar a cada franja del arco iris. Ahora tenemos cuatro grupos en nuestra animación. Veamos cómo se ve cuando lo reproducimos. Para esto, voy a ocultar mi boceto, mis antecedentes. Voy a seguir adelante y quitar la configuración a seis fotogramas por segundo y golpear Play para ver cómo se ve. Se está uniendo. Podemos ver nuestra nube lentamente aparecer. Si lo subimos una muesca y lo movemos a 10 fotogramas por segundo, está empezando a tener sentido. Sigamos con algunos grupos más hasta que nuestro arco iris esté completo y nuestras nubes estén completamente llenas. Tenemos un montón de fotogramas individuales ahora y cuatro capas de grupo. Simplemente vamos a agregar probablemente un par más de grupos donde solo pasamos por el mismo proceso. Hago tres capas en un grupo, empiezo con las nubes. Seguro que ya conoces el simulacro. Acabo de terminar de dibujar los siguientes elementos para este grupo. Como puedes ver, casi termino terminar esta nube y éstas casi han llegado a la nube. Estoy pensando en un grupo más y estaremos listos. Pero si lo jugamos hasta ahora, así es como se ve. Vamos a seguir adelante y crear ese último grupo para que podamos empezar a agregar algunos toques finales. Ya terminamos, nuestro último grupo de capas, que va a ser nuestro último fotograma. Este, tienes que asegurarte de que realmente te guste cómo se ve porque vamos a estar haciendo una pausa en este, ya que es el final de nuestra animación y queremos ponerle un poco más de énfasis. ¿ Cómo hacemos que este marco dure más que los otros? Bueno, hay un par de maneras en las que podemos hacer esto. Puede duplicar el grupo un par de veces, o puede seleccionarlo, hacer clic en ese marco específico y establecer cuánto tiempo desea que se mantenga. Como puedes ver cuando estoy moviendo el cursor hacia la derecha, está agregando más fotogramas. Si quiero que sea solo uno o dos fotogramas, lo muevo a la izquierda. Para este marco, creo que voy a hacer que dure cuatro cuadros. Vamos a ver cómo se ve. Ahora, antes de que hagamos otra cosa, también quiero agregar un par de marcos en blanco al inicio de mi animación. Realmente podemos entrar poco a poco en las nubes construyéndose ellos mismos en lugar de saltar en él de inmediato. Añadí tres marcos en blanco justo sobre mi boceto, escondí mi boceto. Veamos cómo se ve esta animación. Esto es lo que parece hasta ahora, no está mal. Podría ser un poco más fluido, así que vamos a estar trabajando en eso. Pero no es un mal comienzo en absoluto. ¿ Cómo los hacemos más fluidos? Bueno, siempre podemos ir a cada uno de nuestros marcos o grupos y apretar nuestros bocetos, asegurarnos de que nuestras líneas sean agradables y nítidas. Ya que esta animación es un arco iris, creo que se vería aún mejor si entramos en ajustes y lo cambiamos de loop a ping-pong para que el arco iris pueda volver a volverse sobre sí mismo. Vamos a darle una oportunidad a ver cómo se ve. Eso ya es mucho mejor, voy a hacer que la velocidad de fotogramas sea un poco más alta, tal vez 12 fotogramas por segundo, y ver cómo se ve ahora. Eso es bastante divertido. Ahora, de verlo un par de veces, ya estoy pensando que puedo agregar un poco de nube entrando antes por este lado. Incluso podemos ir y agregar en un tercer color si quisiéramos después. Todo lo que tendrías que hacer es volver a cualquiera de tus marcos y empezar a añadir un nuevo color, ya sea en una nueva capa o en una que ya tengas dentro de tu grupo. Voy a añadir algunas estrellas y destellos a esa animación. Para ello, voy a ir a la última nube que dibujé antes de saltar a los grupos. Voy a convertir este en un grupo agregando una capa arriba y combinándola hacia abajo. Voy a agarrar este verde de mi paleta, y voy a hacer cuatro puntos por aquí y por aquí. Como verás, estas se van a convertir en estrellas en el próximo par de capas que vamos a estar agregando. Ahora desde esta capa, vamos a estar saltando al grupo justo arriba y creando una nueva capa. Este se va a convertir en el contorno de una estrella. Vamos a hacer pedacitos puntiagudos por éste. Ahora pasando al marco de arriba, una vez más, estoy creando una nueva capa. Ahora, este tipo se está convirtiendo en una estrella. Este sólo van a ser los pedacitos puntiagudos. Vamos a estar terminando este ciclo en este grupo de arriba, donde éste se va a convertir en la cruz en principio y éste sólo van a ser los pocos puntos. El motivo por el que hice revertir ciclos en estos es para que no van a estar brillando exactamente a la misma hora. De esa manera, creará variedad en el movimiento. Veamos cómo se ve cuando lo tocamos por completo. Nuestras estrellas brillan y están chispeando al tiempo inverso, que creo que se ve bien. Esta es nuestra animación final. Espero que te guste esta técnica. Estaba un poco más avanzado que el que hemos visto antes, pero fue mucho rehacer lo mismo. Espero que aprendas algo, y que lo hayas disfrutado. En la siguiente lección, vamos a estar viendo cómo podemos exportar nuestros regalos y usarlos en diversos contextos. 10. Otras aplicaciones: Enhorabuena por llegar hasta aquí. En este punto, hemos aprendido todo sobre tres técnicas de animación diferentes, que van desde usar solo un par de fotogramas hasta grupos de capas full on. Bueno, hecho y espero que esto te esté inspirando para crear muchos GIFs animados más. Antes de saltar a cómo exportar nuestros GIFs, quería compartir contigo un par de ejercicios extra que puedes hacer para realmente sentirte cómodo con esas técnicas y ver cómo puedes aplicarlas a diferentes tipos de ilustraciones. Esta es una pequeña animación sobre que creé recientemente basado en exactamente el mismo principio. Básicamente el primer marco, acabo de dibujar este sobre, y el segundo marco, simplemente lo moví usando la herramienta de flecha por aquí, simplemente lo moví ligeramente hacia el otro lado. Fue inicialmente aquí, como se puede ver con la piel de cebolla. Cuando tocas eso, una vez más, tienes un movimiento muy leve pero de repente tu imagen está animada. Es básicamente una variación de la misma técnica. Voy a estar dejando estos archivos abajo en los recursos de la clase si quieres descargarlos y echar un vistazo a cómo los configuré, o si quieres tener una oportunidad en probar estos ejercicios tú mismo. Este también es otro donde uso la misma técnica donde simplemente cambio los colores de un marco a otro. Como se puede ver, sólo hay dos marcos. Este tipo y este tipo. Todo lo que hice fue cambiar los colores de un marco a otro y girar ligeramente cada elemento seleccionándolos y presionando la herramienta de flecha y simplemente moviéndolos ligeramente hacia un lado u otro. Siempre que tocas el GIF, aunque solo sean dos fotogramas, parece que pasa mucho más. Echemos un vistazo a un ejercicio de bonificación más. Este es un simple oscilación y acabo de usar la misma técnica que animar el flujo. Este es el GIF que se me ocurrió. Ahora echemos un vistazo a la estructura de capas. Como puedes ver, hay alrededor de seis fotogramas en esta animación. Básicamente de un marco a otro como puedes ver, lo único que realmente se mueve, son las hojas y las flores. Ahora, si yo fuera a encender la piel de cebolla y la opacidad para mostrarte realmente toda la animación, verás que el jarrón realmente se mantiene igual y las flores son lo que se mueve de izquierda a derecha. Esta es una forma genial de previsualizar tu animación y de ver qué tan fluido se verá realmente tu movimiento. Otra cosa interesante que puedes hacer es pedirle a Procreate que se aferre a un marco en particular. Esto ayuda con el impulso. Te puede ayudar a cronometrar tu animación y además agregar énfasis al principio o al final de la misma. Esto es lo que hice para los dos últimos fotogramas para que hubiera un poco de pausa antes rebotar de nuevo al inicio de la animación. Aquí hay otro consejo. Si buscas crear una animación que tenga muchos elementos diferentes, o tal vez eso sea un poco más complejo, no dudes en usar la función de grupo. Como ya hablamos antes, cada grupo equivale a un fotograma de tu animación. Esto es en realidad lo que hice inicialmente por este GIF. En cada uno de mis grupos, tengo el jarrón, tengo las flores, y tengo las hojas en una capa separada para cada uno. Esto hizo más fácil planear mi movimiento y no tuve que ser tan cuidadoso cuando lo estaba dibujando. Cuando estaba contento con ello, simplemente lo aplané. No tienes que aplanarla, claro, pero solo quiero que mis capas se vean un poco más limpias, por este ejemplo. Seguí adelante y agregué todos los archivos de Procreate para estos ejercicios a los recursos de la clase para que puedas descargarlos y abrirlos y procrear, ver cómo se estructura el archivo y puedes recrear si quieres. No tienes que volver a dibujar exactamente los mismos diseños por supuesto. Simplemente puedes desplazarte por los marcos y aplicar esa lógica a cualquier ilustración o boceto que puedas tener. Ahora que estás súper familiarizado con la animación fotograma por fotograma, veamos cómo podemos tomar estos GIFs fuera de Procreate y usarlos en diferentes contextos. En la siguiente lección, veremos cómo exportar nuestros GIFs y cómo pueden vivir fuera de Procreate. 11. Exporta: Muy bien, hicimos algunos GIFs bastante geniales. Vamos a seguir adelante y exportarlos para que realmente podamos usarlos. Vamos a entrar en nuestro primer GIF. Para hacer eso, acabo de hacer clic en el primer GIF que hicimos. Voy a tocar esa llave inglesa e ir a la tercera pestaña para compartir y golpear “GIF Animado” en el compartido que tus opciones aquí verás tu GIF, una vista previa del mismo, y podrás modificar la cantidad de fotogramas por segundo que quieres que esté en la exportación. Para esta, creo que vamos a ir con seis. También puedes optar por tenerlo con un fondo transparente, que es a lo que voy a ir por la mayoría de estos GIFs por ahora. Ahora bien, este es el GIF de máxima resolución. También lo puedes conseguir en un formato listo para la web, que va a ser mucho más ligero. Si quieres enviarlo a través de mensajes o algo así, esta podría ser una buena opción, si quieres exhibirlo en tu página web o si quieres quizá usarlo en Instagram o algo así, yo iría por una exportación de máxima resolución más grande. Voy a seguir adelante y golpear “Exportar” en la esquina aquí, y desde aquí, puedes AirDrop a uno de tus dispositivos. Si utilizas otros productos de Apple, también puedes enviarlo a través de mensaje de texto o enviar un correo electrónico a alguien con él. Por qué no, y también puedes compartirlo a través de messenger a uno de tus amigos. Pero por ahora, solo voy a seguir adelante y golpear “Guardar imagen” para guardarla en mi iPad. Ahora puedes hacer esto con cada otro GIF que hayas creado y empezar a usarlos si quieres. Reúnete conmigo en la siguiente lección donde te mostraré aún más formas de usar tus animaciones. 12. Usar tus GIF: Contamos con una bonita colección de GIF. Ahora, veamos cuáles son las formas divertidas con las que podemos usarlas. Una primera idea para usar tus GIFs sería enviarlos a tus amigos y familiares a través de un mensaje o mensajero. Esas cosas que puedes hacer a través de tu iPad directamente, o puedes exportar tus GIFs, enviarlos a tu móvil y utilizarlos desde ahí. Aquí como pueden ver, copié para dar a mi teléfono y solo lo estoy pegando en el área de mensajes y enviándolo a mi mamá para desearle un buen día. Otra forma realmente genial de usarlos sería copiarlos y pegarlos en tus historias de Instagram. Aparecerán como animaciones superpuestas encima de cualquier imagen o video que intentes publicar. Aquí solo estoy copiando mi GIF desde mi móvil y estaré dirigiéndome a la app de Instagram donde ya tengo una foto, entonces estoy listo para publicar en mi historia. Puedo usar este botón Añadir Sticker o puedo usar la herramienta de texto y simplemente dar click en el texto y pegar mi GIF en su lugar. Al igual que así. Como pueden ver, aparece en mi historia totalmente animada como la creamos. Haré otro ejemplo con este GIF buenos días. Una vez más, solo lo copiaré desde mi teléfono, cabeza a Instagram, donde tengo un fondo llano y solo lo pegaré desde la herramienta de texto aquí. Aquí soy capaz de redimensionarlo y colocarlo donde lo quiera y luego puedo agregar algunos otros elementos de interfaz si quiero a mi historia. Si te interesa que tus GIFs estén más disponibles públicamente en plataformas como Instagram, por ejemplo, voy a mostrar rápidamente cómo puedes solicitar un perfil de artistas de GIPHY, cual puedes subir tus GIFs en el que personas de todo el mundo las usen buscando tu nombre. 13. Solicitar ingreso a Giphy: Si quieres que tus GIFs estén disponibles públicamente a través de GIPHY, también puedes aplicarlo para ser un artista de GIPHY como yo lo tengo. Quieres dirigirte a giphy.com e iniciar sesión o darte de alta para obtener una cuenta. Una vez que estés dentro, tendrás que subir un mínimo de cinco GIFs para ser considerado para el perfil de un artista. Podrás seleccionar tus GIF, y podrás poner algunas etiquetas y también una URL de origen en caso de que la gente quiera saber quién creó los GIF, allí serán redirigidos. Para las etiquetas, si tienes el nombre de un artista o un mango específico, asegúrate de ponerlo ahí porque así es como la gente podrá encontrarte. Si quieres añadir etiquetas individuales para cada GIFs, tendrás que subirlas una por una. Después sigue adelante y pulsa “Subir” y ahora verás tu perfil con los GIFs que acabas de subir. En este punto, tienes que ir a giphy.com/apply. Entra en la sección del artista y haz clic en el botón, “Seleccionar artistas”. Tendrás otro formulario para rellenar, y luego podrás enviar tu solicitud. Ojalá, un par de semanas después, deberías poder recibir un email como este que te permita saber si has sido aceptado para un perfil de artista. En este punto, tus GIFs estarán disponibles para que todos los usen en TikTok o Instagram o Facebook con solo buscar en las diferentes etiquetas que metes. Pongo en mi mango, y como puedes ver cuando lo busqué en Instagram en la pestaña de pegatinas, soy capaz de encontrar los GIF que creé y puedo agregarlos a mis historias. Hay una última cosa que quería mostrarte con respecto a los GIF de Instagram. Si pones un GIF en tu historia y lo sostienes por un par de segundos, podrás fijarlo en su lugar. Esto le agregará una función de seguimiento y una segunda capa de animación donde seguirá lo que esté sucediendo en el video. Ahí lo tienes, así es como también puedes convertirte en un artista verificado de GIPHY y hacer que tus GIFs sean utilizados por millones de personas en todo el mundo. 14. Conclusión: Felicidades lo hiciste. En este curso, cubrimos todo, desde configurar tu lienzo hasta crear una animación de arco iris completa desde cero. Si hay algo que espero que le quiten a esta clase, es esto: Dar vida a tu ilustración no tiene por qué ser complicado. Se puede hacer que eso suceda con sólo un par de fotogramas de animación. Espero que tengas en mente estas técnicas y que sigas adelante y las apliques a cualquier dibujo que quieras llevar a otro nivel. De verdad me encantaría que compartieras lo que creaste en la galería de proyectos. Si sí solicitas el perfil de un artista de GIPHY, asegúrate de compartirlo también. Estoy muy emocionado y curioso por ver lo que se te ocurrió. De verdad te agradecería que pudieras dejar una reseña sobre este curso y hacerme saber lo que pensabas. También tengo otra clase procreate todo sobre ilustrar retratos en el iPad. También puedes seguirme aquí para enterarte de las actualizaciones y cuando publique nuevas clases. Muchas gracias de nuevo por tomar esta clase, y nos vemos la próxima vez.