Transcripciones
1. Introducción: ¿ Conoces esas lindas pegatinas digitales que puedes usar en tus historias de Instagram? Eso es lo que vamos a estar creando juntos hoy. Yo soy Kelley Bren Burke. Soy un artista autodidacta y animador que vive en Minneapolis, Minnesota. Te voy a hablar a través de la creación de una variedad de pegatinas
digitales con tres temas diferentes: corazones, estrellas, y la palabra sí. Por ejemplo, vamos a crear todas estas animaciones de corazón y más. Una pegatina digital es simplemente un GIF o una animación con un fondo transparente. De esa manera puedes ponerlo encima de una foto u otra imagen. Para crear estas animaciones, estoy usando mi iPad y la app Procreate. Estoy usando mi lápiz Apple, pero cualquier stylus servirá. Crear animaciones en Procreate es más divertido y fácil de lo que esperarías y es por eso que las amo tanto. Consideraría esto una clase intermedia. Algún conocimiento de Procreate es útil, pero te hablaré a través de cada paso en
el camino y te compartiré consejos y trucos a medida que avanza. Esta clase viene con unos grandes recursos gratuitos, como los pinceles Procreate que he creado para que los uses en tus animaciones. Después de tomar esta clase, podrás aplicar los conceptos que aprendes en muchos otros proyectos. Podrás crear tus propias animaciones únicas para compartirlas en redes sociales. Estoy aquí para responder a sus preguntas y para dar retroalimentación. Siéntete libre de hacer una pregunta bajo la pestaña de discusiones en Skillshare. Me encantaría ver una animación que creaste. Por favor, comparta sus proyectos en Skillshare bajo la pestaña Proyecto y Recursos. Además, si compartes tu trabajo en Instagram, por favor etiquetame con un hashtag #kelleybrenburke. Si quieres seguirme en Instagram, soy @kelleybrianburke. Por favor sígueme en Skillshare para aprender sobre mis nuevas clases. Si quieres aprender aún más sobre la animación en Procreate justo después de esto, echa un vistazo a mis otras clases de Skillshare sobre animación. Gracias. Te veré en la siguiente lección.
2. Proyecto de clase y recursos: hoy, voy a hablarles a través de la creación de una variedad de pegatinas
digitales con tres temas diferentes: corazones, estrellas, y la palabra “sí”. Usé las frases gif, animación, y pegatina indistintamente. Una animación y un gif son exactamente lo mismo. Una pegatina es simplemente una animación o un gif con un fondo transparente, y de esa manera, puedes poner una pegatina digital encima de una foto u otra imagen. A continuación, les voy a contar sobre algunos recursos gratuitos que pueden utilizar para crear sus pegatinas digitales. Creé unos pinceles Procreate gratuitos para compartir contigo. Puedes acceder a ellos aquí en la pestaña “Proyectos y recursos”. Sí necesitas estar en un navegador web para acceder a estos regalos. No aparecen en la aplicación móvil. Estamos usando una textura de purpurina en algunas de las animaciones. He encontrado una bonita imagen de purpurina dorada para ti en Pixabay. Pixabay es un sitio web lleno de imágenes gratuitas que puedes utilizar en tu obra de arte. Encontré este al buscar glitter. La textura del glitter también es descargable en la sección “Proyecto y recursos” de esta clase. ¿ Necesitas inspiración para que las pegatinas crearan después de esta clase? Te tengo a ti. Echa un vistazo a mi tablero de Pinterest que se trata de pegatinas Instagram Story. El enlace se encuentra bajo la pestaña “Descripción del proyecto”. Al finalizar esta clase, te
mostraré el sitio web del gif, GIPHY. Es una gran fuente de inspiración si buscas ideas para gifs para crear. También puedes subir tus propias animaciones a GIPHY. Voy a abrir un enlace con esa información bajo la pestaña “Proyecto y recursos”. También te mostraré cómo uso el sitio web de GIPHY para subir y compartir mis gifs originales. Te veré en la siguiente lección.
3. Descripción de animación y configuración de lienzo: Para esta lección, vamos a crear nuestra pegatina Lienzo que estaremos utilizando a lo largo de la clase. También estaremos haciendo un breve resumen de animación en Procreate. Empecemos. Para crear nuestra pegatina Lienzo, haga clic en el símbolo más aquí, y luego haga clic aquí en esta cosa de la carpeta pequeña, voy a nombrar a este
Canvas, no tienes que hacerlo, pero me ayuda a mantenerme organizado. Vamos a hacer 1500 por 1500 píxeles y un 300 DPI. Vamos a ir al perfil de color. Por lo general, procreate tomará por defecto el perfil de color Display P3, y eso te da la mayor cantidad de colores disponibles. Ese es uno genial para usar la mayor parte del tiempo. Pero en los GIF, los GIF limitan la cantidad de colores. Si no quieres que te sorprenda los colores en tu GIF al final, empieza con un perfil de color sRGB. Entonces vamos a darle a “Crear”. Entonces tendremos en nuestra pegatina de lienzos cuadrada con un perfil de color sRGB guardado aquí. Hice el nuevo abajo en la parte inferior, y lo llamo Sticker Canvas. Ya que ya tengo uno, sólo voy a borrar ese viejo, porque esto es exactamente lo mismo. Voy a darle un toque para iniciar nuestra visión general de animación. Para esta clase, recibiste algunos pinceles en la clase de pegatinas KBB descarga. Te voy a mostrar muy rápido justo cómo puedes crear una animación solo a partir de usar este sello aquí mismo. Voy a elegir un color. Hagamos sólo una naranja. Voy a dar click en esto aquí. Voy a hacer esto un poco más grande. Eso es bueno. Tenemos nuestro SÍ en medio de la pantalla, lo estoy centrando ahí. Vamos a hacer que el SÍ se vea más grande y más pequeño solo duplicándolo y haciéndolo más pequeño, te
mostraré lo que quiero decir. Duplicé el primer fotograma. Lo que vamos a hacer ahora es activar la asistencia de animación. Llave inglesa, ayuda de animación on. Después verás que tienes esta cosa nueva en la parte inferior y tienes marcos en la parte inferior. Los marcos son exactamente los mismos que las capas de aquí arriba
se puede ver como estoy tocando alrededor de que está cambiando de ida y vuelta. Lo que voy a hacer aquí es ir a mi configuración. Los ajustes que usarás para la animación varían. Pero en la mayoría de los casos, me gustan mis marcos de piel de cebolla hasta alrededor de uno, y mi opacidad de piel de cebolla alrededor de 30. Mis cuadros por segundo siempre arranca a los 15. En general, me gusta un poco más lento, así que solo empezaremos con ocho, pero podemos jugar con eso. Tenemos nuestro primer SÍ, tenemos nuestro segundo SÍ. Voy a hacer mi segundo SÍ más pequeño y centrarlo. Aquí se puede ver que con el efecto de marco de piel de cebolla, se
puede ver el marco superior que hay detrás de él. Eso es sólo una buena guía para nosotros ya que hacemos nuestra animación. Duplicé la parte inferior SÍ y navegé ahora a la capa inferior. Yo estoy haciendo ese SÍ un poco más pequeño. Aquí te damos un consejo rápido para Procreate. En general, puedes hacer las cosas más pequeñas fácilmente sin perder calidad, pero no quieres estirar las cosas. Pasar de más grande a más pequeño está bien. Pasar de más pequeño a más grande puede hacerte perder calidad. Voy a duplicar esa capa inferior una vez más y hacer que sea un poco más pequeña y centrarla. Ahora podemos ir al fondo y golpear play para previsualizar nuestra animación. Eso es un poco rápido. A mí me gustan seis cuadros por segundo para eso. Si vamos a la configuración, podemos ver cómo se vería como una animación de ping-pong. Las animaciones generalmente comienzan como un bucle donde hacen lo mismo una y otra vez. A mí me gusta el efecto ping-pong aquí. Irá de principio a fin y luego irá hacia atrás. One-shot No lo uso muy a menudo y es exactamente lo que suena. Es solo un solo disparo, uno y ya está hecho. Aquí tenemos un GIF y es un GIF porque tiene un color de fondo. En cuanto quitamos el color de fondo, se
convierte en una pegatina porque una pegatina tiene un fondo transparente, donde el fondo se ve exactamente igual a todo lo que rodea tu lienzo. Otra cosa que queremos hacer cuando estamos subiendo GIFs a Giphy, que cubriremos más adelante. Queremos que el lienzo sea lo más pequeño posible, porque si alguna vez usas GIFs o stickers en las historias de Instagram, verás que a veces son realmente pequeñas. Así es como hacer que tu GIF sea lo más grande posible. Vas a llave inglesa, lona, recortar, y redimensionar. Simplemente puedes traerlo lo más cerca posible aquí. En realidad, quiero asegurarme de que estoy en el SÍ más grande aquí. Si yo elaborara en este SÍ eso no funcionaría. Cuando veo el SÍ más grande que hay para recortar, así llave, lona, recortar y redimensionar, lo traigo abajo, justo ahí abajo. Vamos a traerlo un poco de esa manera. Cada pedacito ayuda y luego golpea “Done”. Ahora tenemos nuestra primera animación. Eso fue en un solo disparo y se puede ver que no es muy divertido. Voy a ponerle eso a un ping-pong. Voy a convertir los marcos de piel de cebolla a ninguno, que no nos distraigamos con eso de fondo. Tenemos aquí nuestra primera animación. Un par de trucos más aquí. Si lo deseabas por alguna razón, el último SÍ para estar en la pantalla un poco más de tiempo, puedes tocarlo y podrías hacer toda una duración. Vamos a ver cómo se ve para seis. Eso da sólo un efecto ligeramente diferente. Aquí se puede ver el último cuadro con toda la duración de seis. Se pueden ver seis poco grises SÍ's siguiendo el último SÍ. Eso es sólo una introducción muy rápida a la animación en Procreate. Te estaré hablando a través de todos los pasos a medida que avancemos. Aprenderás mucho más a medida que avanza la clase. Te veremos en la siguiente lección.
4. GIF del corazón en capas: Bienvenido de nuevo. En esta siguiente lección, vamos a dibujar un montón de pegatinas de corazón. Empecemos. Llamo a nuestra primera pegatina en capas corazón y a continuación, te
voy a mostrar cómo recrear esto. Volvamos a nuestra galería. Vamos a duplicar la plantilla cuadrada de la pegatina deslizándose sobre y golpeando “Duplicar”. Abramos eso. Voy a usar esta paleta de colores en toda la clase, pero puedes usar cualquier paleta de colores que quieras. Escojo este color rojo meñky y voy a usar el Inka. A mí me gusta este pincel porque es un pincel de aspecto organico y ese es el efecto que queremos para esta pegatina. voy a aclarar y creo que voy a bajar el tamaño del pincel a cerca del cinco por ciento. Eso se ve bien. Lo que vamos a hacer es seguir duplicando la capa superior siempre que sea, dibujando un nuevo corazón encima de ella, y luego seguir adelante. Te mostraré lo que quiero decir. Al igual que eso, nueva capa duplicada, nuevo corazón que está cerca de la original, pero no exactamente igual. Haremos eso. Hagámoslo cinco veces. A ver cómo se ve eso. Vamos a darle a “Play”. Creo que lo que quiero en realidad es que haya una pantalla donde no haya corazón. Voy a añadir una nueva capa aquí y arrastrarla hasta el fondo para luego ver cómo se ve. Nuestros ajustes aquí están on loop. Probémoslo como ping-pong y me gusta mucho más ese efecto. El de velocidad. Vamos a ir más despacio un poco. Creo que 11 se ve bien. El siguiente que hay que hacer es asegurarse de que esto se recorte en bonito. Nos vamos a asegurar que nuestros marcos de piel de cebolla estén en max para que podamos ver todas las capas para que no cortemos algo. Vamos a ir a la llave Lienzo, Recortar y Redimensionar y simplemente traerlo lo más cerca que podamos aquí. Después pega a “Done”. Hemos hecho nuestro primer gif de corazón aquí. Entonces ese fue nuestro primero. Pasemos a nuestra segunda. Este vamos a dibujar un corazón y luego borrarlo. Parece que lo estamos dibujando en la página. Vamos a agarrar una de nuestras plantillas, bajarla a nuestros corazones, y empezar. Nuevamente, vamos a dibujar un corazón áspero. A mí me gusta esa. Va a subirlo un poco aquí. Voy a recortar mi lona llave de lona Crop and Resize, para cerrar ahí. Tenemos nuestro corazón y vamos a borrar, así que parece que lo estamos dibujando. Para hacer eso, piensa en cómo lo dibujarías primero. Yo iría así. En esta, vamos a estar borrando pequeños pedacitos de ella y para ésta, voy a usar el pincel Inka para borrar. Voy a empezar, voy a duplicar este corazón, navegar hasta el de abajo y lo que realmente voy a hacer por éste es encender la Guía de Dibujo para que nos ayude. Voy a llevar el tamaño de la cuadrícula hasta cerca de 260 y vamos a borrar más o menos como un cuadrado a la vez para mantenerlo consistente. Voy a empezar aquí abajo. También voy a convertir los marcos de piel de cebolla a dos y la opacidad a unos 30 para que podamos ver qué estamos haciendo. Aquí quiero hacer el pincel probablemente un poco más pequeño porque quiero
que se vea natural ahí. Eso se ve bien. Yo voy a seguir adelante. Aproximadamente, porque eso está en la parte inferior no hagamos toda la plaza aquí. Simplemente iremos más o menos hasta allí. Después duplicar el de abajo, borrar aproximadamente un cuadrado de nuevo. Duplicar y seguir borrando alrededor de un cuadrado cada vez. Ahora tenemos nuestra última pantalla aquí, podría borrar eso, o simplemente podría golpear “Clear”. Estamos empezando con una pantalla clara aquí. Vamos a darle a “Play” y ver cómo se ve eso. Se ve bien. Nuevamente, un poco rápido. Pienso en 12, se ve bien y ya recortamos eso, así que estamos listos para pasar al siguiente.
5. Corazón de Wiggly GIF: A éste le llamo corazones menizantes. Volvamos a nuestra galería. Recrea la plantilla cuadrada de la pegatina. Voy a elegir el blanco para este, puedes elegir cualquier color que te guste. Voy a usar el Inca del set de entintado. Lo que vamos a hacer aquí es dibujar tres corazones. Voy a subir el tamaño a la peor parte del pincel a
cerca del 10 por ciento y dibujar un corazón áspero, otro, y otro. Lo que voy a hacer a continuación es crear una nueva capa por encima de eso y dibujarlos de la misma pero diferente. Harás esos de forma automática. No podrás, aunque intentes rastrear, aquí
habría pequeñas variaciones. Una capa más, y veamos cómo se ve eso. Eso es obviamente muy rápido. Probemos alrededor de ocho. Eso me gusta. Tan solo una vez más te está mostrando ir al Lienzo, Recortar y Redimensionar. Ya estamos hechos. Ese es nuestro corazón que se mueve. Nuestro próximo va a ser una variación de esto. Nuestra variación de los corazones agitados, lo
voy a traer aquí abajo. Vamos a usar el mismo pincel, del
mismo tamaño, y vamos a dibujar tres corazones. En éste, van a aparecer uno por uno y luego menearán. Voy a duplicar esa primera capa. Voy a usar mi pincel mono-línea para borrar. Ese es un buen cepillo de borrado. Voy a borrar la parte superior aquí. Lo que voy a hacer es traer estos, ir a mi configuración y llevar los marcos de piel de cebolla a uno y a cerca del 30 por ciento. Ahí puedo ver más fácilmente lo que hay que borrar. Eso se borra. De hecho voy a bajar esto hasta el fondo. Duplica de nuevo los dos corazones, y borra este. Duplique de nuevo esta capa. Esta vez lo voy a despejar. Empezamos con un marco vacío aquí. Veamos cómo se ve eso realmente rápido, demasiado rápido. Sin duda puedes dejarlo así. O podría agregar la variación que vamos a agregar, que está creando un poco de mueo. Simplemente estamos haciendo lo mismo que hicimos antes de dibujarlo más o menos dos veces. Volver al pincel Inca y otra pantalla en blanco. Hagámoslo una vez más. A ver cómo se ve eso. El meneo es un poco lento aquí. Lo que voy a hacer aquí es que haga una pausa en la última. Intentemos que se detenga aquí un poco. Hagamos toda una duración de, digamos sólo dos y veamos cómo se ve eso. Intentemos apagar esa capa en blanco y ver cómo se ve eso. Sólo intentemos una capa de corazón más para conseguir un poco más de meneo en marcha. Yo sí quiero esta capa inferior en algunos voy a volver a hacer clic en esa casilla de verificación. Esa es la variación de los corazones que se mueve. Vayamos al siguiente.
6. Beating los corazones GIF: Nuestro siguiente va a ser un corazón que se hace más grande, y luego están estas pequeñas marcas a un lado aquí. Esta es una animación rápida de tres capas, así que sigamos adelante. Para esto, podemos usar un sello de corazón que te di con la clase. Voy a hacer esto en blanco, pero puedes hacer cualquier color que quieras. Entonces voy a agarrar mi blanco de mi paleta. Voy a ver qué tan grande es ese sello de corazón, no lo suficientemente grande. Eso es bastante bueno. Voy a enderezarlo y hacerlo un poco más pequeño para poder acomodar las pequeñas cosas de un lado. Ese fue mi cepillo de corazón KBB que obtienes con esta clase. Voy a usar de nuevo el pincel de entintado para dibujar las pequeñas cosas a un lado. Voy a dibujar esos en realidad en una nueva capa para que podamos
duplicarlos y tenerlos exactamente igual en ambos lados. Aquí, voy a duplicar a estos tipos. Ve a la flecha, da la vuelta horizontal, y luego simplemente muévalos hacia el otro lado para que coincidan por ahora. Vamos a mantener nuestras pequeñas líneas en una capa y nuestro corazón en otra, y vamos a agruparlas arrastrándolas por este camino y golpeando grupo. Entonces vamos a duplicar el grupo. En este de ahí abajo, vamos a hacer el corazón un poco más pequeño y centrarlo otra vez, luego simplemente redibujar las líneas para que nos den ese efecto wiggly. Voy a golpear “Clear” en esta capa así que tenemos un nuevo espacio para las líneas. Vamos a duplicar este grupo inferior una vez más, ir al corazón, hacerlo más pequeño,
centrarlo, despejar la capa de línea y volver a dibujar esas líneas. Vamos a darle a “Play” y ver cómo se ve. Hagámoslo un poco más lento. Vamos a utilizar esta misma animación para crear la siguiente. Voy a volver a la galería, duplicar esta. A continuación, lo vamos a poner con un poco de fondo de chat como este. Para ello, vamos a hacer todo esto un poco más pequeño. Para hacer eso al unísono, vamos a agrupar estos juntos y luego ir a la selección y luego todos se estarán moviendo al unísono. Está en uniforme, así que eso está bien. Entonces detrás de aquí, vamos a querer dibujar la pequeña burbuja de chat y mantener eso en segundo plano. Voy a usar esta rosa otra vez. Voy a usar mi pincel monolino, dibujar un óvalo, y voy a llenar eso con el rosa, crear esta pequeña cola. Este va a estar en segundo plano, así que voy a tocar la cosa roja y poner eso en el fondo. Podemos ver aquí que nuestro corazón sigue siendo demasiado grande para la burbuja del chat. Vamos a agrupar nuevamente a estos chicos y mover ese corazoncito al unísono. Vamos a darle a “Play” y ver cómo lo hace. Estamos bien ya que tenemos los antecedentes movidos aquí. El chat rojo se mantiene estable en el fondo y el corazón se mueve. Nosotros sólo vamos a recortar esto, y ya terminamos.
7. GIF de corte rosa: Yo llamo a esta pegatina corazón rosa ping-pong y eso en realidad
es difícil de decir, corazón rosa ping-pong. Te mostraré cómo recrear este. Voy a usar esta rosa otra vez. Para esta animación, voy a usar mi pincel monolino y se va a colorear en. Ahí está mi corazón. No creo que quiera estos pequeños bordes. Todavía tengo mi pincel Inka como borrador y esta vez sí quiero cambiar a monoline. Hice mi corazón un poco más grande ahí y voy a crear una nueva capa. En realidad, voy a empezar con un rosa pálido y así pasaremos de claro a oscuro, en lugar de oscuro a claro. Voy a ir a la siguiente capa y dibujar otro corazón encima de ella. Esto es importante. Si caes color de esta capa, entonces debido a la configuración de opacidad, no
estás obteniendo el color correcto en absoluto. Para recoger el color correcto, debes navegar a la capa original y recoger el color allí. Vamos a arrastrarlo hacia abajo hacia la derecha y vamos a hacer otro corazón encima de eso que es muy similar otra vez, pero sólo un poco diferente y eso va a crear un movimiento. Tenemos este color y lo traemos y lo hacemos un poco más oscuro, capa
nueva, corazón nuevo, y otra vez, vamos a hacer esto sobre, no
sé, ya veremos, unas ocho veces. Estoy viendo que mi variación es todo como en la parte superior así que voy
a tratar de que sea variada de una manera diferente. A ver cómo se ve eso. Realmente rápido, voy a apagar mis marcos de piel de cebolla para obtener el efecto completo. me gusta, me está molestando, esta extraña cosita, así que sólo los voy a borrar. Probemos eso. Eso se ve bien. Ese es el efecto que queremos. Eso es un bucle. Si quieres ver cómo sería el ping-pong, creo que me gusta más ese. Por eso llamé a este uno de corazón rosa ping-pong. Vamos a recortar nuestro lienzo. En primer lugar, asegurémonos de que nuestros marcos de piel de cebolla estén de vuelta al
máximo para que no recortemos uno accidentalmente. Terminamos con ese rosado corazón de ping-pong. A la siguiente. A éste, yo llamo rompecorazones. Tenemos cinco corazones que están estallando en la pantalla. Esta es nuestra última animación de corazón y vamos a volver a usar nuestro
pincel de sello de corazón y vamos a dibujar cinco corazones en la pantalla y vamos a variar un poco los tamaños para que se vea un poco interesante y este sello cepillo cambiará naturalmente los ángulos un poco allí. Lo que vamos a hacer por este es que vamos a duplicar esto y trabajar en la capa superior para esta. Lo que voy a hacer es borrar un corazón de fondo aquí. Hagamos el más pequeño y luego redibujemos. Voy a usar de nuevo el pincel Inka. Aquí hay pequeñas cinco ofertas para que parezca que hay algo de acción y luego vamos a duplicar la capa cada vez y luego le haremos un cambio. En esta, vamos a simplemente borrar nuestras pequeñas líneas aquí y luego duplicar la capa y vamos a borrar este gran corazón aquí arriba. Voy a bajar los ajustes para la piel de cebolla para que podamos ver claramente qué está pasando. Ves, ahora mismo, puedo ver que no borré bien esa. Aquí te dejamos unas pedacitas aquí que quiero asegurarme de que se borren. El único de acción para esta pantalla es que estamos acelerando ese corazón y luego lo duplicamos y creamos nuestras pequeñas líneas. Duplicar eso, borrar nuestras líneas. Todavía se puede ver esa cosa allá abajo. Porque estás duplicando cada vez que quieres
asegurarte de que todo realmente se borre bien. Duplicar una vez más. Volvamos hacia abajo y borremos a este tipo. Duplicar, dibujar cinco líneas, borrar esas, duplicar. Vamos a borrar a este tipo y luego vamos a dibujar cinco líneas, duplicar, borrar las líneas, duplicar, y ahora tenemos nuestro último corazón que vamos a borrar. En realidad voy a agregar una nueva capa en la parte inferior así que hay una capa en blanco para empezar y vamos a ver cómo se ve esto. Eso se ve bien. Creo que esa velocidad es realmente buena. No sé si realmente queremos esa pantalla en blanco en la parte superior. A lo mejor lo que queremos es navegar a la capa más alta y poner un asimiento a la del libro tres, veamos cómo se ve eso. Cuando una animación no se ve bien, muchas de las veces, puedo hacer que se vea mejor con sólo hacer eso, ir a la primera o la última pantalla y crear una pantalla en blanco o extendiendo toda la duración. Eso fueron muchos corazones. Lo siguiente que vamos a hacer es un montón de estrellas. Te veré en la siguiente lección.
8. Rotor de la estrella de oro: En esta lección, vamos a dibujar un montón de estrellas. Vayamos a esta Estrella de Oro y peguemos a “Play”. Vamos a estar creando esta estrella giratoria que se está moviendo un poco. Empecemos. Para este, solo usemos el KBB Studio Pen. Para ayudarnos a crear esta estrella, voy a empezar dibujando un círculo, y voy a editar la forma y golpear “Círculo” aquí. Voy a tomar la herramienta Selección y asegurarme de que esté en el centro aquí. Ya basta con eso. No tiene por qué ser perfecto. Este círculo va a sostener a nuestra estrella. Simplemente nos va a ayudar a crearlo. Estoy creando una nueva capa por encima de eso. Pero sólo voy a bajar este círculo, así que sólo lo tenemos como una guía aproximada, eso no va a estar en última instancia en la animación, y voy a ver, estoy cerca del 15 por ciento aquí. Creo que eso es bueno. Lo que voy a hacer es simplemente crear un tipo de cosa estrella. Voy a sacar estas líneas al borde del círculo, y luego voy a hacer, cada vez que voy por el centro del círculo, y luego voy a hacer más líneas que son un
poco más cortas solo para conseguir un poco variación aquí. Creo que eso se ve bien. Lo que vamos a estar haciendo esta vez es rotar nuestra estrella 45 grados a la derecha cada vez. Déjame mostrarte a lo que me refiero. Vamos a duplicarlo. Este es bastante fácil. Vamos a ir a esa flecha en la parte superior, agarrar este nódulo verde y luego girar, puedes ver que te mostrará hasta dónde rotas. Estamos girando 45 grados cada vez, y lo vamos a hacer siete veces por lo que será un 360 completo. Vamos a duplicar que una vez más en la parte inferior, flecha de selección, otros 45 grados a la derecha, duplicar de nuevo. Herramienta de selección, 45 grados. Eso lo vamos a hacer tres veces más. Ahora voy a convertir los Marcos de Piel de Cebolla a uno, y 30 por ciento. Nuevamente, 45 grados. Tenemos siete capas, veamos cómo se ve eso. Eso se ve bien, me gusta la velocidad. Voy a recortar eso solo un poquito así que voy a llevar los Frames de Piel de Cebolla al máximo, Pausa, Llave, Recortar, y Redimensionar, y ya terminamos. Esa es nuestra estrella giratoria. Esa es una variación blanca de nuestra estrella giratoria. Si quisiéramos hacer eso en oro, te
mostraré cómo hacerlo a continuación. Yo sólo voy a duplicar esto para empezar, y voy a agrupar nuestros inferiores juntos para una fácil eliminación. Voy a golpear una capa arriba de ahí. Voy a importar este purpurina de oro que obtuvimos, creo que fue de Pixabay. El enlace está en los Recursos de Clase. No es lo suficientemente grande, así que vamos a duplicar eso. Vamos a voltear vertical para que coincida, y vamos a igualar eso. Si los pellizcamos juntos, podremos ver que aquí hay un bonito look sin costuras. Vamos a hacer de esto una máscara de recorte sobre la estrella. Vamos a agrupar esto y lo que vamos a hacer es duplicar esto de nuevo. Siempre me gusta mantener aquí una original y
apagarla antes de fusionar estos dos para que sea una estrella de oro, voy a sacar esto. Voy a duplicar esa vieja capa porque no necesitamos eso, y luego seguiríamos de la misma manera, Duplicate, Arrow, 45 grados, y lo haré de nuevo muy rápido. Aquí tenemos 1, 2, 3, 4, 5, 6, 7 capas. Vamos a darle a “Play”, y ahí tenemos a nuestra estrella giratoria de oro. A la siguiente, ésta es una variación de estrellas giratorias, y te mostraré cómo recrear ésta. Para este, probémoslo el KBB Studio Pen. Eso es un poco delgado, voy a sacarlo. Probemos 11. Eso se ve bien. Voy a hacer tres estrellas aquí. cada uno, voy a empezar con una X. Voy a querer un poco de variación en estos, y así voy a hacer a estos chicos un poco más cortos y luego voy a hacer que esta estrella de abajo un poco más grande, y luego una más. Eso se ve bien. Yo sólo voy a agarrar esta flecha y sólo centrarla un poco. Vamos a mantener a todas estas estrellas en la misma capa y vamos a duplicarlas. Simplemente vamos a girar toda la capa alrededor de 45 grados. Vamos a la derecha y 45 grados. Para este, definitivamente no queremos ver toda la estrella, así que Settings, Onion Skin Frames, ninguno y seguiremos adelante. Duplica el de abajo, muévelo 45 grados a la derecha, y sigue adelante unas siete veces. Girando el de abajo, oops, eso fue de 60, 45 grados. Aquí tenemos 1, 2, 3, 4, 5, 6, 7 capas. Vamos a darle a “Play”. Aquí se están moviendo en sentido contrario a las agujas del reloj y simplemente girando alrededor en círculo. Bajemos los fotogramas por segundo. Eso se ve bien. Está bastante recortado, está bastante cerca de los bordes. Vamos a ver si podemos traerlo en absoluto. Llevemos al máximo los marcos de piel de cebolla y golpeemos “Pausa” aquí. Podríamos recortar sólo un poquito del fondo aquí. Aparte de eso, estamos bien. Ahí están nuestras tres estrellas giratorias. Pasemos al siguiente.
9. GIF pequeño y de grandes: A ésta la llamo estrellas más pequeñas, más grandes. Estamos haciendo estas estrellas, como se podría adivinar, más y más pequeñas. Aquí vamos a usar un cepillo estrella diferente. Aquí puedo ver que está etiquetado Corazón 2, pero llamemos a esto nuestras estrellas de diamante. Voy a cambiar el nombre. En este voy a hacer cinco diamantes estrellas. Tenemos a esta gran estrella en el medio. Hacer eso más pequeño, porque otro es más pequeño. Siempre se ve más interesante si hay un número impar de cosas. Por eso tengo cinco estrellas aquí. Eso es bastante bueno y lo que vamos a estar haciendo aquí es duplicar esta capa y usar nuestra Herramienta de Selección para hacer cada vez más pequeñas las estrellas. Este lo haremos más grande, solo un poquito más grande. Vamos a seleccionar el medio y hacerlo un poco más pequeño, y sólo vamos a cambiar aleatoriamente el tamaño. Algunos de ellos estarán cada vez más pequeños y algunos de ellos estarán cada vez más grandes. Ese más pequeño, y éste más grande. Vamos a ver cómo se ve. Eso podría ser una pegatina todo por su cuenta, pero sigamos adelante. Voy a tomar esta capa, voy a cambiar los marcos de piel de cebolla a uno y simplemente empezar aleatoriamente a hacer las cosas más pequeñas y más grandes. Este lo voy a hacer más grande, este más pequeño, este más grande, y este más pequeño. Vamos a duplicar esto una vez más. Hagamos las cosas al azar cada vez más pequeñas. Empieza con un tipo grande, hazlo más pequeño otra vez. Hagamos este más grande, más pequeño, más grande y más pequeño. Aquí vamos. Tenemos nuestras cinco estrellas que cada vez son más grandes. Creo que en realidad se vería lindo si tuvieras unos cuantos más. Si tuvieras un poco más de tiempo, probablemente
añadiría un par de estrellas más aquí solo para que sea un poco más interesante, y entonces solo estarías haciendo esos más pequeños y más grandes de la misma manera, pero eso es esa animación. éste le llamo estrellas moviéndose, duplicemos esa. Vamos a utilizar nuestro cepillo KBB Star para este. Llevémoslo a cerca del 35 por ciento, vamos a tener una estrella, gran estrella a la izquierda, y vamos a añadir una nueva capa. Haz una estrella más pequeña por aquí, nueva capa, y volverá a cambiar el tamaño. Eso se ve bien. Voy a agrupar estas tres estrellas juntas, y voy a tomar este grupo y voy a asegurarme de que esté más o menos centrado, y luego voy a duplicar el grupo y sólo vamos a mover las estrellas al azar. Vamos a empezar con este primero, lo
rotaremos 15 grados así,
segundo, lo rotaremos 15 grados al revés. Este, 15 grados así, y lo vamos a hacer una vez más. En ese el punto de la estrella está un poco fuera de página, así que voy a moverlo. A lo mejor lo haré un poco más pequeño también, sólo por un poco más de variación. Veamos cómo se ve eso. Bajemos los fotogramas por segundo. Ahí estamos alrededor de las ocho, y ahí están nuestras estrellas moviéndose. Vamos a Ajustes, nuestros marcos de piel de cebolla son max, y recortemos nuestro Lienzo. Llave Recortar y Redimensionar. Simplemente lo cambiaremos un poquito así, y terminamos con nuestras estrellas moviéndose.
10. Ombré Star Star GIF: Para este, estamos haciendo un efecto estrella de brace de brazo en animación de ping-pong. Recreemos este. Tengo el tamaño cerca del 44 por ciento, eso es bueno. Yo quiero mi estrella recta para esta. En realidad no quiero que éste esté completamente centrado porque vamos a estar creciendo a la izquierda aquí. Hagamos nuestra estrella azul. Vamos a duplicar esa estrella. Vamos a tirar un poco del color hacia la derecha y hacia abajo, llenar esta capa, y luego moverla hacia la izquierda y un poco más. Voy a agarrar mi monoline y solo conectaré estos bordes. No está funcionando porque está en cerradura alfa aquí así que tengo a un bloqueo alfa que. Tengo mi azul y voy a colo-soltar eso. Voy a agarrar mi borrador y borrar estos pequeños bordes. Yo sólo voy a seguir conectando estas líneas. Dibuja una línea debajo de ahí para que se conecte. Podemos colo-drop, conectar a estos tipos. Ahí tenemos nuestra sombra de la estrella. Ahora que tenemos eso, sólo vamos a seguir duplicando la sombra y haciéndola un poco más oscura. Alpha bloquea la capa y la mueve de la misma manera para que se alinee ahí arriba. Una vez más. Yo lo guardé, son dos veces más. Alpha bloquea la capa con un azul más oscuro. Podríamos estar quedando sin espacio. Te mostraré cómo arreglarlo. Lo que vamos a hacer es que vamos a agarrar nuestras estrellas aquí. Ya que todos están resaltados, todos se
moverán al unísono con nuestra herramienta de selección y eso se ve bien ahí. Voy a duplicar el fondo una vez más, convertirlo en un azul alfa bloqueo azul oscuro la capa. Arrástrelo sobre. Voy a bajarlo un poco porque quiero que esto se alinee aquí. Si solo tocas aquí en la parte inferior en cualquier dirección, lo moverá realmente sutilmente. Aquí puedo ver que estos no están alineados a la perfección, pero está bien. Ese de abajo me está molestando así que voy a moverlo. Un grifo ahí. Apagemos nuestro color de fondo. Todo esto, el ángulo es un poco raro. De nuevo, voy a agrupar estos y sólo rotar un poco todo el asunto. Sí, eso me gusta más. Entonces centralo de esa manera. Bien. Vamos a crear aquí un grupo de nuestras estrellas y vamos a duplicar eso y vamos a apagar una capa cada vez en la parte inferior. Estoy apagando la capa más oscura, duplicar otra vez. La capa más oscura sigue apagada y estoy apagando la segunda más oscura, duplicada de nuevo. Estoy apagando el del medio. Solo probemos y veamos cómo se ve eso. Yo sólo quiero ver cómo se ve eso. Animación Asistir en el juego. Sí, eso se ve bien. Esto va a ser ping-pong. Navegando a la parte inferior otra vez, duplicar eso, apaga el segundo más ligero. Esa va a ser nuestra primera capa. A ver cómo se ve eso. Déjame frenarlo y apagar los marcos de piel de cebolla. Tengo un marco en blanco aquí abajo, que voy a apagar y ver. Creo que eso me va a gustar más. Sí, de esta manera la estrella azul siempre está ahí en el frente, la más pálido. Entonces las sombras están haciendo ping y reflexionando detrás de ella. Esa es nuestra estrella del brazalete. Este es el divertido. Yo lo llamo estrella fugaz. Déjame encender el fondo para que puedas verlo mejor. Esta estrella es una estrella dorada que va a estar moviéndose por la página. Recreemos eso. Solo usemos el amarillo por ahora. Pero no importa porque vamos a estar haciendo una superposición. Voy a hacerlo un poco más pequeño, así que tenemos espacio para nuestro pincel de punteado. Aquí está nuestro pincel de punteado en que viene gratis con la clase. Voy a hacer una nueva capa, jalarla detrás de mi estrella, y agarrar un pincel de punteado y sólo hacer estos pequeños lo que sean. Voy a agruparlos para que podamos verlos juntos. Lo que vamos a hacer aquí es que vamos a añadir una capa. Vamos a insertar llave,
agregar, insertar un archivo, insertar nuestro glitter. Eso estaba disponible en las descargas de clase. Voy a hacer una máscara de recorte sobre mi estrella. Voy a duplicar de nuevo la textura dorada y hacer una máscara de recorte encima de la, solo
llamémoslo de estelar. Voy a bajar eso. Estamos bien. Aquí todo es de oro. Lo que vamos a hacer aquí es duplicar este grupo. Vamos a apagar este para que lo tengamos. Ahora voy a fusionar a estos tipos juntos porque se estarán moviendo al unísono juntos. Voy a fusionar las dos primeras capas pellizcándolas. El estrella y el brillo. Voy a fusionar las dos segundas capas y en realidad voy a fusionar a estos tipos juntos ahora. Voy a llevarlos a la cima en este grupo no está vacío. Voy a borrarlo. Aquí tenemos nuestra estrella que se va a estar moviendo alrededor del lienzo. Yo lo voy a hacer más pequeño. Vamos a estar yendo a la izquierda en este. ¿ Qué voy a estar haciendo? Puedo despejar esta capa, duplicar esto, agarrar esto, mover la estrella hacia abajo. Vamos a estar moviéndonos aproximadamente a la misma longitud cada vez. Habrá sobre este tanto espacio entre él. Queremos asegurarnos de que no cortemos nuestro pequeño estelar allá al filo. Lo que vamos a estar haciendo para darle un aspecto ligeramente diferente cada vez para que parezca que el estelar se está moviendo, es que vamos a estar usando nuestra herramienta de licuefacción. Nosotros vamos a ir a la varita mágica, licuado. Aquí tengo un empujón y mi talla está en 36 por ciento, mi presión está en 25. No tengo distorsión. Mi impulso está en alrededor del 50 por ciento. Voy a usar esto para simplemente mover mi estelar mientras voy. No se ve estático. Voy a duplicar el de abajo. Vuelve a ir. Inclina un poco. Está justo aquí. Voy a ir a una varita mágica, licuar, y volver a mover eso. Duplicar, gírelo un poco aquí, muévelo. No se corta mi estelar. Varita mágica hacer un poco licuado. Estoy tratando de licuar el estelar aquí, pero en realidad licué ese poquito de la estrella. Yo quiero deshacer eso y asegurarme de que estoy licuando sólo mi estelar. Ve al fondo, duplica, agarra mi flecha, así puedo moverla aquí. En esta, es útil poder ver las otras capas para que podamos ver cómo va. Veamos cómo se ve esto. Eso se ve bien. Tenemos nuestra divertida estrella fugaz. Si apagamos el color de fondo, lo convertirá en una pegatina. A ver cómo se ve eso. Hagámoslo un poco más rápido. Probemos con ocho. Eso estuvo bien. Esa es nuestra animación estrella fugaz. Te veré en la siguiente lección.
11. Revisión de cinco estrellas GIF: Yo llamo a nuestra siguiente, crítica de
cinco estrellas, vamos a recrear. Voy a agarrar amarillo, puedes elegir cualquier color que quieras. Voy a agarrar mi sello estrella KBB y ese es en realidad un tamaño bastante bueno porque quiero que sean cinco a través de la pantalla, así que voy a duplicar ese y voy a moverlo de esa manera. Voy a fusionar a estos tipos, voy a hacer un poco más pequeños, voy a duplicar. Yo sólo voy a encender mi guía de dibujo aquí y voy a hacer la cuadrícula un poco más grande para poder asegurarme de que estén alineados. Haré que la guía de dibujo sea un poco más oscura para que la veas. Esta capa aquí mismo, necesito traer un poco arriba, así que todos están tocando esa línea, eso se ve bien. Voy a fusionar a estos tipos juntos, voy a hacerlos sólo un poco más pequeños aún, porque todavía necesitamos una estrella más para nuestros cinco estrellas. Voy a llevar mi círculo de herramientas de selección por aquí, tres dedos hacia abajo, copiar, y luego tres dedos hacia abajo, pegar, así que tengo esa estrella que he aislado y la estoy trayendo por aquí. Voy a pellizcarlas juntas para que nuestras estrellas estén en una capa, y ésta voy a recortar mi lienzo de inmediato. Estas estrellas no se van a mover ni nada, así que podemos acercarlo, no
tenemos que preocuparnos por eso, y voy a golpear “Done”. Lo que vamos a estar haciendo es simplemente borrar una estrella a la vez, así que duplicé la capa superior y la navegé hasta la capa inferior, tengo mi borrador aquí, monoline, y solo estoy borrando esto, y lo que quiero hacer de nuevo es llevar los marcos de piel de cebolla a uno y la opacidad a alrededor del 30 por ciento,
así que 20 por ciento, eso está bien, así puedo asegurarme de que estoy borrando todo y no dejo rezagados. Tenemos nuestras cuatro estrellas duplican esa capa y navegan hasta la parte inferior, borran la cuarta estrella, duplican de nuevo, borran la tercera, duplican la capa inferior, golpean “Clear”, así que empezamos con nada y vamos a ver cómo eso se ve, súper rápido, pero aparte de eso, bueno, así que esto es a seis fotogramas por segundo. Creo que quiero sostenerlo en el último fotograma de las cinco estrellas, así que vamos a probar toda una duración de cuatro, hagámoslo tres, así que toda la duración aquí por tres, y vamos a golpear “Play”. Eso me gusta. El ajuste hay siete cuadros por segundo con toda una duración al final de tres. Está bien. A la siguiente. Esta es otra como la crítica de cinco estrellas que tiene estrellas
moviéndose por encima de las letras o una fuente, y te mostraré cómo duplicar esa. Vamos a nuestra plantilla cuadrada de pegatinas que hicimos antes, asegúrate de que estamos en la capa que tiene cinco estrellas, y tres dedos desliza hacia abajo para copiar, y luego vamos a la galería, obtenemos una plantilla cuadrada en blanco, bájala, abre eso, y luego tres dedos hacia abajo, presiona “Pegar”, se va a recordar de la otra cosa y aquí queremos que sea blanco, así que vamos a Alpha lock blanco, relleno de capa. Bien. Eso lo hace un poco más fácil, sabemos que vamos a querer que esos un poco más pequeños se ajusten a la palabra, así que sólo haré eso un poco más pequeño. Voy a ir a llave inglesa, agregar, agregar texto, y voy a escribir en revisión aquí. Yo quiero que la fuente sea diferente, así que tengo un montón de fuentes aquí, puedes usar cualquier fuente que te gustaría para esta. Vamos a probar el té de isla, vamos a ver cómo se ve eso, y qué tiene que ser, si tocas aquí dos veces, entonces puedes estar editando tu fuente, así que voy a estos A's y lo que estoy buscando para es una gran R para caber alrededor de las palabras. Esta fuente se llama KA darling, tengo en Creative Market, vincularé en la descripción de la clase. Pero de nuevo, puedes usar cualquier fuente que te guste. Lo que voy a hacer es que voy a hacer esta crítica tan grande como quiera que sea y luego voy a tomar nuestras estrellas y hacerlas más pequeñas, eso me gusta. Lo que voy a hacer es que voy a poner la crítica en primer plano, así que siempre estará ahí, así que voy a tocar aquí y encender la revisión,
así que eso se va a mantener firmeen así que eso se va a mantener firme toda la cosa y luego nuestras estrellas están va a estar moviéndose. Lo que voy a hacer aquí para que podamos mover nuestras estrellas es que las voy a separar aquí, así que voy a cortar y pegar cada estrella. Ahora que las estrellas están en una capa diferente, y yo voy a hacer eso por todos ellos. Herramienta de selección, deslizar tres dedos, cortar y pegar, navegar hasta las tres estrellas, y luego esta última, y voy a eliminar esta capa vacía aquí, y así aquí tenemos nuestras cinco estrellas. voy a agrupar, voy a duplicar. Por lo que me voy a ir a mi primera estrella, estoy en un movilízalo 15 grados a la derecha. Iré al medio, quizá lo haga 15 grados a la derecha, el final, 15 grados a la derecha. Duplicado, tomemos el segundo. La segunda estrella 15 grados a la izquierda, y la cuarta estrella 15 grados a la izquierda. Vamos a ver cómo se ve eso ahora mismo. Creo que eso se ve bien. Por lo que aquí tenemos nuestras estrellas moviéndose por encima de nuestra crítica. Este es uno que definitivamente vamos a querer recortar porque tenemos tanto espacio en la parte superior e inferior, así que llave lona, Crop y Resize, y ya estamos. Te veré en la siguiente lección.
12. GIF a mano: Hola. Bienvenido de nuevo. A esta sección le llamo mucho sí. Empecemos. Vamos a hacer un sí escrito a mano para empezar. Esto es lo que se va a ver. Voy a elegir un tipo de fuente con letras a mano y te mostraré qué hacer. Volvamos a la galería, duplicamos nuestra plantilla cuadrada de pegatinas. Voy a arrastrar esto hasta aquí. Está al lado del original. Voy a ir a llave inglesa, agregar texto, y escribir sí signo de exclamación. Voy a tocar dos veces eso para poder editar la fuente. Se trata de una fuente llamada Florencia. Eso es realmente bonito. Yo voy a usar eso. Puedes usar cualquier tipo de letra que quieras. Voy a ver cómo se ve esto con una y minúscula prefiero eso. Hagamos esto grande. Para el tuyo, como dije puedes usar tus propias letras de mano. Puedes usar cualquier fuente que quieras. Voy a duplicar esto sí, y mantenerlo en segundo plano ahí. Está ahí si lo necesitamos. Lo que voy a hacer con esto sí, es que lo voy a rasterizar. Simplemente se convertirá en formas en la página en lugar del texto. No es editable. Eso es lo que se ve aquí en los marcos. Voy a eliminar esta capa extra porque no la necesitamos. Voy a copiar la capa de texto rasterizado. Entonces voy a empezar a borrar en dirección opuesta a cómo fue escrito. Si escribieras sí, comenzarías así y terminarías con signo de exclamación. Voy a empezar con el final del signo de exclamación y sólo empezar a borrar. Estoy usando la monolina como borrador. Voy a ir a mi configuración y voy a bajar la opacidad de mi piel de cebolla para
poder ver lo que estoy haciendo a cerca del 30 por ciento y los marcos de piel de cebolla que mantendremos a las dos. Empecé borrando ese pequeño punto. Voy a duplicar, navega hasta la capa inferior. Voy a borrar la mitad de ese signo de exclamación. Duplicar, ir al fondo, borrar. Déjame hacer mi borrador un poco más grande y duplicar. Ya hemos hecho este tipo de animación en esta clase. Entonces voy a acelerar esto mientras borro. Estamos en nuestra parte inferior. Estoy duplicando la última y luego solo voy a golpear claro para despejar esa capa. A ver cómo se ve eso. Eso se ve bien. Voy a añadir algunos fotogramas al final de la animación. Voy a tocar el último fotograma y darle toda una duración. Probemos con ocho para ver cómo se ve eso. Mis cuadros por segundo son 15. Déjame probar 12 o 11. Eso está bien. Creo que es un poco lento. Tengo eso a los 14 con toda la duración de ocho y creo que eso se ve bien. Pasemos a nuestra siguiente. Nuestro cambio de color sí. Te voy a mostrar cómo se va a ver eso. El tipo de letra que utilicé en este era Amatic Sc bold, que es una fuente gratuita de Google. Puedes usar esa si quieres. Podría probar uno nuevo para mi nuevo GIF. Voy a ir a llave inglesa, agregar texto, escriba sí signo de exclamación Ir a doble toque eso, sí así está seleccionado. Aquí hay una fuente que uso mucho se llama autopista. Voy a ajustar el rastreo, por lo que hay más espacio entre mis letras. De esa manera puedo cambiar los colores fácilmente que no se estarán tocando entre sí. El rastreo aquí es de alrededor del ocho por ciento. Aquí, verás que el rastreo ajusta el espacio entre todas las letras de aquí. Hagamos esto realmente grande. Para esto, tal vez use amarillo. Voy a elegir diferentes tonos de amarillo para esto. Voy a duplicar mi sí. Voy a apagar el original. Voy a volver a rasterizar mi texto y
voy a alfa lock y cambiar todos los colores a este amarillo claro. Veamos cómo se ve esto. Eso se ve bien. Entonces voy a ir uno por uno y solo color soltar diferentes tonos de amarillo aquí. Ahora que tenemos nuestros tres colores que estamos usando, solo los
voy a agregar a la paleta aquí, así que son prácticos si los necesitamos. Lo que vamos a hacer es duplicar eso, sí. Ya no tiene que ser alfa bloqueado. Simplemente vamos a seguir pasando por los colores. Nuestro último fue este oro. Voy a mover el oro a la y Entonces después de ese amarillo oscuro, tendremos el amarillo más claro y el segundo amarillo más claro y demás. Vamos a duplicar eso una vez más. Ve al de abajo, y ahora estamos en el tercer amarillo más oscuro. Voy a pasar eso a la y Vamos a ver cómo se ve eso. Eso es realmente rápido. Creo que eso se ve bien. Podríamos agregar un marco más aquí, solo para que todos los colores estén representados. Ahora el signo de exclamación se va a convertir en el color más claro. Creo que eso se ve muy bien. Creo que la velocidad es bastante buena. Está en un bucle. Podríamos intentar ver cómo se ve un ping-pong. Creo que eso también se ve bien. Es justo lo que prefieras. Voy a pausar eso ahí. Voy a recortar el lienzo. Está apretado alrededor de mis palabras aquí, llave de lona, recortar y redimensionar y solo voy a tirar de esto aquí abajo. Ahí tenemos nuestro rayo [inaudible], sí. Pasemos al siguiente.
13. Un gran Yes GIF: A éste le llamo grande sí. Es sólo un sí que se hace cada vez más grande. Se puede mandar la carta, o también les di un sello de sí con la clase. Duplica nuestra plantilla, arrástrela hacia abajo a nuestro gran sí, así que está ahí. Aquí te presentamos dos sellos de sí diferentes que puedes usar. Usemos el amarillo otra vez. Eso es bueno. Este será el más grande sí. Aquí voy a recortar el lienzo, lienzo
francés, “Recortar y redimensionar”. Esta es una animación de peasy realmente fácil. Lo que vamos a hacer es simplemente hacer esto un poco más pequeño. Eso lo haremos cuatro veces. Sólo tienes que agarrar la herramienta de selección, traerla. Cuando estás haciendo esto, cuando estás ajustando tamaños, siempre
es mejor empezar a grande y luego hacer tus cosas más pequeñas a medida que vas. De esa manera, no estás estirando los píxeles y obteniendo una mirada pixelada rara. Este es nuestro gran sí, y es un bucle. Probemos con el ping pong. Eso me gusta aún más. Creo que la velocidad es agradable a los 15. Ese fue un pequeño regalo muy fácil para ustedes chicos. Volver a la galería. Vamos a seguir adelante. Lo que vamos a hacer a continuación es, te
voy a mostrar cómo pondrías tu gran sí en la pegatina de chat así. Lo que harías por esto es que solo puedes duplicar tu Yes GIF y luego agregar una burbuja de chat en segundo plano. Simplemente te mostraré cómo hacer eso realmente rápido. Duplicar el sí. Ya que aquí no tenemos mucho espacio para nuestra burbuja de chat, voy a seleccionar todos estos,
agarrar la herramienta de selección para que cambien todos al mismo tiempo. Voy a moverlo un poco así. Voy a añadir una nueva capa, arrástrela hasta abajo. Esta será nuestra capa de fondo, así que voy a activar el fondo aquí. Creo que voy a elegir un blanco para nuestro cuadro de texto y voy a usar el KBB big monoline. Voy a apagar los marcos
de piel de cebolla y sólo asegurarme de que se seleccione este sí más grande. Voy a navegar a la capa de fondo. Aquí voy a dibujar una elipse. Voy a colorearlo de blanco. Voy a hacer cola a la pequeña charla. Esto probablemente va a ser un poco demasiado pequeño para los textos, pero ya veremos. Sí, ese es nuestro mayor sí, y está fuera de la burbuja, así que vamos a cambiar el tamaño de nuevo. Vamos a agrupar sólo todos los síes juntos y hacerlos encajar dentro de nuestra burbuja de chat. El chat burbuja está encendido al fondo y vamos a darle a “Play”. Eso se ve bien. Ahí está nuestra variación fácil de nuestro gran sí. Te veré en la siguiente lección.
14. GIF colorido: En este siguiente vamos a volver a usar el sello. Yo estoy haciendo el mío con una variedad de colores y estoy llenando esta página así. No quieres que tus yeses sean demasiado pequeños. Si estás usando tu pegatina en Instagram, se ponen muy pequeñas, así que va a ser realmente difícil ver los yeses más pequeños y probablemente se pixelen. Sólo ten eso en cuenta. Yo sólo voy a elegir esta paleta aquí mismo, y voy a usar este sello sí más grueso. Voy a empezar con un sí en el medio. Creo que ese es un buen tamaño. Si quieres que los yeses estén angulados, solo tienes que angular un poco tu lienzo. El sello de muestra, como recto a través de la página a menos que angules tu lienzo. Agarras un poco de verde. Sólo voy a usar esos mismos colores otra vez y sólo hacer pequeños síes por ahí. No me gusta que estos síeses estén encima el uno del otro, así que sólo intentaba que éste lo hiciera bien. Lo que voy a hacer en realidad es simplemente mover a este tipo que pueda tener más espacio para mi último sí. Creo que eso se ve bien. Lo que vamos a hacer es que sólo vamos a borrar un sí a la vez. Esto será fácil peasy. Este primer verde, voy a ir a la configuración y bajar la opacidad de la piel de cebolla. Es 30 por ciento para que pueda asegurarme de que realmente pueda ver lo que estoy borrando aquí. Empecé a borrar en mi capa superior y realmente quiero que mi capa superior sea la que esté llena de síes y mi capa
inferior sea la que tenga los yeses desapareciendo. Voy a llevar eso al fondo. Yo estoy borrando mi azul sí. Duplicados. Borrar diciendo, vamos a borrar mi sí verde. Duplicados. Voy a borrar mi amarillo sí. Déjame traer un poco mi borrador ya que esto no necesita ser trabajo detallado. Duplicar, y yo sólo voy a seguir borrando un sí a la vez. Ahora estamos abajo a nuestro último sí. Voy a despejar el último fotograma y vamos a ver cómo se ve eso. Creo que eso se ve bien. Yo lo voy a hacer una pausa. Voy a navegar hasta el último fotograma, tocarlo, y voy a añadir una duración entera ahí, de unas ocho y veamos cómo se ve eso. Creo que eso se ve bien. Probablemente podríamos recortar un poco el lienzo. Estoy en mi primera pantalla sí aquí, así que me aseguro de no cortar ninguna de esas cosas. Yo sólo voy a traer esto en sólo un poquito. Los stickers en Instagram sí se ponen tan pequeños que es realmente importante recortarlo para que obtienes los mejores, más grandes resultados y siempre puedes hacerlo más pequeño a partir de ahí. Pasemos a nuestra siguiente. Ahora éste es divertido. Yo llamo a éste saltando sí. Vamos a darle a “Play”. Esta es otra fácil. Esta fuente que estoy usando aquí es, creo que es Highway. Sí, es Highway. Usaré una fuente que viene con Procreate en su lugar para la siguiente. Solo queremos una fuente blocky y hay una que viene con Procreate, es Futura y tiene una opción audaz, lo usaremos en su lugar. Esta es otra fácil y te mostraré cómo hacerlo. Llave inglesa y texto. Voy a teclear “Sí”. Voy a seleccionar eso, cambiar la fuente a Futura, negrita. Voy a hacer eso más grande. Asegúrate de que todo mi texto esté seleccionado y luego voy a hacer que todos los gorras activando en esta cosa del TT aquí mismo. El otro era blanco, así que esta vez, haré “Editar texto”. Simplemente elegiré un color diferente, sintiéndome amarillo hoy. Hagamos amarillo otra vez. Voy a duplicar este, eliminar esa capa extra, desactivar el original, rasterizar nuestra capa de texto superior. Entonces solo vamos a estar usando las herramientas de liquify para estirar eso sí. Bajemos a nuestra configuración y volvamos nuestros marcos de piel de cebolla a dos, nuestra opacidad de piel de cebolla a unos 25. Estoy en esa capa rasterizada superior. Voy a ir a Varita Mágica, a bajar para liquificar. Ahora mismo, estoy en empuje con un tamaño de 51 por ciento, una presión de 40, sin distorsión, 48 por ciento de impulso. Esto es algo con lo que realmente puedes jugar porque no hay ajustes perfectos para esos. Sólo intentémoslo como es ahora mismo. Lo que estamos haciendo es que sólo estamos estirando esto sí sutilmente. Veamos cómo se ve eso solo para empezar. No se hace la capa inferior. Voy a duplicar eso, apago esto, y luego solo golpea, así que entonces solo salta un poquito minúsculo. Voy a duplicar nuestro top sí. Varita mágica, “Liquificar”. Suéltala un poco y hazlo una vez más. Te voy a mostrar otra forma en que podrías obtener un resultado similar. Yo estoy en este top uno, y estoy tocando esta flecha, y voy a warp por aquí, y hay una opción de Malla Avanzada. Lo que también podrías hacer para obtener un resultado similar es simplemente hacer que la parte superior de ella sea un poco más grande y más ancha. A ver cómo se ve eso. Creo que eso se ve bien. Creo que parece un sí muy entusiasta. Hagámoslo una vez más. Hagamos de nuevo nuestra opción de malla. Flecha, “Warp”, “Malla avanzada”. Creo que voy a hacer este como ping-pong. A ver cómo se ve eso. Eso se ve bien. Está un poco distorsionada en la parte superior, así que o bien licué un poco demasiado creo, o tal vez hubiera sido mejor y un poco más sutil usar la opción Advanced Mesh. De cualquier manera, creo que se ve bien. Recortemos nuestro lienzo desde el de arriba,
que es el más grande, el más grande sí, o el más alto, ya sabes a lo que me refiero. Ya estamos hechos. Eso es un salto sí. Te veré en la siguiente lección.
15. Ombré apilado de sí, GIF de apilado de: A éste lo llamo ombre apilado SÍ. Echemos un vistazo a
esta, esta fuente es fosfato que me gusta mucho. Aquí lo que queremos es una fuente gruesa. Usemos Futura Bold otra vez, esa es bonita. Tienes que tocar esta pestaña y tenerla seleccionada,
hazlo todo gorras, ve a Futura, Negrita, haz el cuadro de texto más grande. Voy a tener este ajuste tres veces. Creo que eso va a ser bueno, va a duplicar eso, borrar esa capa inferior, rasterizar mi capa superior. Me quedaré con mis amarillos otra vez. Voy a hacer de eso mi amarillo más ligero. Duplica eso, ve a mi tercera capa de relleno amarillo más oscuro. Ese de ahí abajo. Duplicar una vez más, bajar mi SÍ, y hacer que sea mi más oscuro. En realidad es oro. Agrupémoslos juntos, y vayamos a ese grupo y asegurémonos de que esté centrado. Tenemos un poco de espacio para recortar nuestro lienzo aquí porque nuestras palabras no van a ser cada vez más grandes. Simplemente estamos moviendo los colores hacia abajo de claro a oscuro. Voy a duplicar este, ir a mi capa superior, y voy a empezar por hacer que el medio SÍ sea el amarillo más claro. No quiero hacerlo de esa manera en realidad, voy a llenar ambas capas. Entonces ese va a ser mi amarillo medio, y éste va a ser mi oro. Una vez más, aquí el oro va a estar en medio. Este va a ser el amarillo más claro, mira los colores se están moviendo hacia abajo. Mi amarillo medio aquí, para la capa superior. Veamos cómo se ve eso, se ve rápido. Bajemos eso, voy a apagar los marcos de piel de cebolla para que podamos verlo con más claridad. Creo que eso se ve bien, probémoslo como Ping-Pong. No creo que me guste eso. Esto en realidad, me estoy dando cuenta de que lo hice un poco diferente a aquel otro, sigue siendo genial, pero déjame ver qué hicimos con el otro. Lo que hice con esa, ya que apagué las capas y te mostraré cómo hacerlo también. Creo que ambos son geniales. Tenemos éste que se ve así, que me gusta, y luego si queríamos solo un poco de variación, te
mostraré cómo hacerlo realmente rápido. Voy a duplicar este, vamos a quedarnos con el original, así que vamos a borrar los otros. Tenemos nuestro claro a oscuro uno original. Vamos a duplicar esa, y vamos a apagar el oro de fondo, SÍ, y luego vamos a duplicar esa, y luego vamos a apagar el medio, SÍ. Entonces veremos cómo se ve eso cuando le peguemos a “play”. Creo que también quiero quizá una pantalla en blanco para empezar, y luego quiero aguantar un poco la última, intentémoslo. Tendré una duración de cinco, veamos cómo se ve eso. Acelere sólo un poquito. Eso es a las seis, me gusta eso. Esas son dos formas diferentes en las que podrías obtener un efecto SÍ apilado ombre. Uno más chicos y vamos a estar usando la misma fuente. Voy a duplicar nuestro último SÍ. Yo voy a ir aquí, borrar todo excepto nuestro original, SÍ. Este es en realidad bastante rápido fácil. No te mostré cómo lo estamos haciendo, te lo mostraré. Aquí tenemos nuestro brillo ¡SÍ! y lo tengo aquí en blanco también, rellenos
polares de blanco. Esto parece complicado, pero en realidad es mucho más fácil de lo que se podría pensar. Nosotros vamos a ir a nuestro, SÍ, vamos a ir a Editar textos. Vamos a tocar dos veces en esto, está todo seleccionado. Vamos a navegar aquí y vamos a dar click a esta pequeña O aquí, así que obtenemos un contorno fácil de nuestra fuente, y este es un gran truco para usar. Vamos a agarrar la textura de purpurina que usamos antes. Llave inglesa, Añadir, así tengo esto guardado en mi archivo, y aquí está el glitter que obtuvimos de Pixabay. Voy a hacer esta máscara de recorte en el SÍ! por lo que se aplica al mismo que. Voy a agrupar estos juntos, y voy a rasterizar mi sí, y voy a hacer de eso una capa de referencia. Entonces puedo agregar un marco por encima o por debajo de él, no importa. Se va a recordar ese esbozo que teníamos, y puedo llenarlo aquí. Lo que vamos a estar haciendo aquí, es que vamos a estar borrando unos pedacitos del SÍ! por lo que parece estar llenando. Empecemos recortando nuestro lienzo. Volvamos a encender la asistencia de animación. Ponga esto sí, en el primer plano en realidad. Eso se mantendrá firme mientras nuestras cartas están cambiando. Vamos a duplicar ese primer rosa ¡SÍ! realidad
voy a encender mi Guía de Dibujo, usa eso como referencia para cuánto voy a borrar. Puede ser consistente y no tener que pensar demasiado. Tengo mi tamaño de cuadrícula aquí en 79 píxeles, y voy a estar borrando. Hagamos alrededor de media plaza cada vez. Duplicar, navegar hasta la parte inferior, borrar de nuevo. Duplique la inferior, despeje esta capa, y veamos cómo se ve esto, voy a apagar la Guía de Dibujo porque no necesitamos eso. Creo que eso se ve bien. No creo que vaya a cambiar otra cosa que no sea poner una sujeción a esta última capa rosa. Siempre hago toda una duración de cuatro para empezar, veamos cómo se ve eso. Creo que eso se ve bien, así que ese es nuestro último SÍ!. Te veré en la siguiente lección.
16. Sube a GIPHY: Aquí, te voy a mostrar cómo subir un GIF a GIPHY. Ahora, acabo de crear esta pegatina rápida usando mi KBB “¡SÍ!” Sello. Es solo un pequeño GIF sencillo con un sí cada vez más grande y más pequeño, así que es un GIF de ping-pong. Voy a exportarlo yendo a Wrench,
Share, Share Animated GIF, y voy a golpear Export, y eso va a ir directo a mi rollo de cámara. A continuación, vamos a ir a GIPHY. El sitio web es giphy.com. Este es un motor de búsqueda de GIF, y se conecta a Facebook e Instagram, y otros lugares. Aquí, verás que tengo un canal de artista en GIPHY. Podemos ir a mi tablero de instrumentos. Estos son algunos de mis GIFs y
pegatinas más populares aquí y algunos de ellos que creamos en esta clase juntos. Puedes utilizar cualquiera de mis GIF o pegatinas. Puedes encontrarlos buscando Kelleybb o
Kelley Bren Burke cuando estás en Instagram Stories. Aquí, vamos a subir ese último GIF juntos y vamos a elegir un archivo y está en mi fototeca aquí y lo voy a añadir. Lo que siempre hago es asegurarme de añadir una URL fuente, que es mi sitio web y mis GIF y stickers siempre están clasificados como G. Empezaré escribiendo primero Kelley Bren Burke y Kelleybb, para poder encontrarlos fácilmente cuando busco usarlos en Facebook e Instagram. Voy a golpear Subir a GIPHY. Ahí está. Si quisieras ver todos los GIFs que tengo disponible en GIPHY. Podrías ir a mi canal. Aquí tengo diferentes colecciones como feliz cumpleaños, corazones,
amor, estrellas, sí, flechas, deslizar hacia arriba. Aquí están todos mis GIF aquí. He estado haciendo más stickers que GIFs últimamente porque, bueno, para esta clase, y parecen ser mucho más populares. Eso fue sólo un resumen rápido a GIPHY. Te veré en la siguiente lección.
17. Reflexiones finales: Eso fueron muchas pegatinas. Espero que te divirtieras. Estoy aquí para apoyarte después de la clase y para darte retroalimentación. Por favor, no dudes en hacerme preguntas sobre Skillshare. Además, me encantaría ver lo que creas. Por favor, comparta sus animaciones bajo la pestaña de proyectos y recursos. Podrías compartir una animación de un corazón, una estrella, la palabra sí, o cualquier otra animación que te inspires para crear después de esta clase. Por favor sígueme en Instagram. Yo soy @kelleybrenburke. Si compartes tu animación, por favor etiquetame. Me encantaría compartir animaciones estudiantiles en mi página de Instagram. Quieres aprender aún más sobre la animación en Procreate, tengo otras tres clases de Skillshare sobre la creación de GIFs animados. Echa un vistazo. Si disfrutaste de esta clase, por favor tómate un momento y deja una reseña sobre Skillshare. Eso ayudará a otros alumnos a descubrir la clase. Te veo en la siguiente clase.
Kelley Bren Burke, Artist & Educator
