Crea tu propio paquete de pegatinas animadas

1. Trailer: Bienvenido al apasionante mundo de las pegatinas animadas. En esta clase, nos sumergimos en el proceso de creación de un paquete de pegatinas animadas que agregarán destello y personalidad a tu presencia digital o regalos personales de marca. Y los stickers animados son un formato tan versátil, son divertidos, ligeros, fáciles, adaptables a cualquier plataforma y perfectos para agregar un toque extra de creatividad a tu contenido y para cautivar a tu audiencia Desbloqueemos el potencial de las pegatinas animadas. Y cree juntos un paquete cohesivo que pueda usar para darle vida a sus redes sociales, hacer que sus presentaciones sean más atractivas o agregar algo de diversión a su boletín y sitios web Soy Julia Martinelli, animadora e ilustradora, y estoy claramente obsesionada con Creo que son geniales para hacer una presentación pop o para amenizar un boletín Y en esta clase, exploraremos el propósito y el potencial de las pegatinas animadas. Discutiremos cómo se pueden usar en diversos contextos y cuáles son los ingredientes que los hacen únicos. Al final de esta clase, habrás desarrollado un paquete de pegatinas animadas, desde ideas de bocetos hasta animación La clase viene con recursos útiles que comparto contigo. Un inspirador moodboard consejos para etiquetas de Ash, algunas ideas divertidas, de paleta de colores mínimos y videos de lapso de tiempo completo del proceso de animación Esta clase es perfecta para todos los creativos que aman ilustrar ilustraciones de pequeños puntos y quieren darles vida La mejor parte, no necesitas ninguna habilidad o software específico de animación. Utilizaremos Adobe Animate y Procreate, pero siéntase libre de usar cualquier software de animación con el que se sienta cómodo. Te compartiré algunos consejos de animación para que tu ilustración se vea viva incluso sin alocadas habilidades de animación y adaptadas a diferentes niveles de habilidad. Ahora vamos a sumergirnos en este apasionante proyecto. 2. Puesta en marcha: Bienvenidos a esta clase y a este nuevo viaje creativo. Hoy hablamos de pegatinas, que son básicamente Jeffs pequeños bucles animados sobre un fondo transparente Los uso mucho desde las redes sociales hasta mi newsletter y página web, pero también en presentaciones de diapositivas. Las pegatinas animadas son geniales porque hay un bucle en el fondo, pero mantienen viva y atractiva tu diapositiva, historia de Instagram, correo electrónico o página web. Utilizo pegatinas, por ejemplo, en los decks de Google para presentar ideas a los clientes o compartir un trabajo en progreso en el boletín para desglosar un párrafo y agregar algo de color y un elemento fan en las redes sociales para fomentar las interacciones en las historias. Durante esta clase, crearás tu propio paquete de pegatinas animadas. Un paquete de pegatinas animadas es una colección de gráficos animados que comparten un estilo, tema o lenguaje visual consistente . Cada pegatina dentro del pack está diseñada y animada de una manera que se alinea con la estética general y el propósito de la colección Esta cohesión asegura que todas las pegatinas trabajen armoniosamente juntas y creen una experiencia visual unificada Hoy para mi propio proyecto de clase, crearé un paquete de pegatinas animadas para una presentación. Otras ideas para ti podrían ser desarrollar una serie de stickers para redes sociales, para un evento para promover el engagement, o para tu sitio web. Al crear un paquete cohesivo de pegatinas animadas, querrás hacerte las siguientes preguntas ¿Para qué los necesitas? ¿Qué emoción deben transmitir? ¿Quieres que sean divertidas, serias o quizá lindas? ¿Ya tienes una marca personal con estilo y colores? ¿O tienes total libertad en términos de estilo y tono de voz? Como de costumbre, nuestro viaje creativo comienza con una lluvia de ideas y un mood boarding Creemos una lista de ideas de stickers y reunamos inspiración visual a través de un Moodboard en una plataforma como Pinterest En los recursos, encontrarás un enlace a un tablero secreto de Pinterest que creé a lo largo de los años. Ahí encuentras algunas pintas hay animadas y algunas no las hay Aquí puedes notar, por ejemplo, que la animación es bastante mínima. La paleta de colores y el estilo son consistentes. Una ilustración puntual es una ilustración que no tiene fondo ni demasiados elementos flotantes. Es bastante compacto. Esos funcionan bien como pegatinas. Algunas pegatinas incluyen un trozo de texto, otras no. Puedes decidir si quieres agregar algún texto a una imagen o tal vez tener uno stickers animados en una palabra o una pequeña oración por sí solo. También notamos que hay un número limitado, pero no fijo de imágenes en un paquete. Podrían ser tres, pero también diez por lo general. Son simples ilustraciones puntuales muestran diferentes estados de ánimo Una nota rápida sobre transparencia. Observe que su pegatina y debe tener el canal alfa, lo que significa que el fondo será transparente. Ahora que reunimos algo de inspiración, pensemos en lo que necesitamos para nuestro pack de pegatinas. Por ejemplo, en mi presentación podría necesitar una pegatina de bienvenida. A lo mejor un personaje agitando algo para la diapositiva en la que comparto mis datos de contacto Porque estas diapositivas siempre están un poco vacías. Y dicho, estoy pensando en algo con un sobre que simboliza el correo electrónico Algunas categorías útiles para mí son pegatina de celebración, pegatina nueva, apuntando o mostrando pegatina Esta fase temprana de lluvia de ideas sirve para anotar No nos preocupemos demasiado, ya puedes hacer garabatos, pero también podrías escribir una lista de notas, si ese es tu estilo de lluvia de ideas Para mi nuevo paquete de pegatinas, decidí usar este personaje de lobo pequeño que diseñé hace algún tiempo. No necesitas un personaje principal, como acabamos de ver en el moodboard Tus pegatinas también pueden ser objetos, palabras o un montón de personajes diferentes. A lo mejor necesitas una flecha animada o una nueva señal de publicación para tus historias de Instagram. Podemos escribir y esbozar múltiples ideas más de lo que realmente necesitamos. Posteriormente, seleccionaremos nuestros favoritos. Aquí estoy dibujando algunas ondas ondulantes. Aquí hay uno que sostiene un sobre. Esta podría ser una buena pegatina para la información de contacto o también para el boletín. Este dice, hola. Es otro candidato potencial y una buena idea para la pegatina de bienvenida. Si eliges diseñar y animar personajes, trata de tener poses dinámicas y siluetas interesantes Yo hice toda una clase de todo este tema. Ve a comprobarlo. También podría tener algunas flechas para señalar cosas que siempre son pegatinas útiles. O podría ser el personaje apuntando a algo. Aquí trato de organizar un poco mis bocetos, dividiéndolos en grupos Empiezo a pensar en qué garabato me gusta más. Recuerda, queremos que nuestras pegatinas tengan algo de movimiento, así que tenlo en cuenta. Al igual que con la lluvia de ideas y el boceto. Por ejemplo, este lobo podría hacer un gesto mano en la pegatina. El globo podría ser animado mientras el lobo habla. Esta pegatina podría mostrar al lobo acertadamente saltando arriba y abajo. Deja volar tu imaginación. A medida que lo haces y exploras diferentes conceptos, es bueno comenzar a pensar en animaciones potenciales y sobre todo estar seguro de que pueden ser bucles cortos. En la siguiente lección, nos sumergiremos en la ilustración. 3. Ilustración: Ahora es el momento de dar vida a nuestras ideas de stickers, finalizando las ilustraciones de spot Primero, tenemos que elegir nuestras ideas favoritas y decidir cuáles entran en nuestra colección de pegatinas. No hay un número fijo de pegatinas para crear un paquete. Podrían ser tres, pero también podrían ser 12. Yo sugeriría empezar poco a poco, sobre todo si es tu primera vez. Siempre hay tiempo para agregar algunos más tarde en mi caso y mirando mis borradores, creo que iré por este Elige tus ideas favoritas y empieza a refinarlas. Este es el momento de decidir cuál será el estilo. Haz tu ilustración de un contorno o no. ¿Ya tienes en mente una paleta de colores? Piense en paletas de colores que harán que sus pegatinas sean visualmente atractivas y cohesivas al elegir y usar una paleta de colores crea una sensación de unidad dentro de su paquete de pegatinas animadas Una paleta de colores bien curada no solo facilita la consistencia, sino que también mejora el impacto de tus pegatinas animadas A lo mejor ya tienes tus propios colores de marca o tienes una paleta en mente. Si no, no se preocupe. Te proporciono alguna idea de colores. En los recursos de esta clase. Para mi manada de lobos, elegí esta paleta de colores. Los colores se complementan entre sí. La paleta es mínima y audaz. Vamos a finalizar esas ilustraciones. Me enfocaré en líneas limpias y simples, porque no olvidemos que tenemos que animar esto más tarde Los detalles complejos requerirán más tiempo y mucho dibujo a través de numerosos marcos. Ten en cuenta las poses y siluetas dinámicas. En esta etapa, puedes refinar los bocetos, pulir las formas, e incluso agregar pequeños detalles o cambiar algo que no funciona Por ejemplo, aquí estoy probando diferentes opciones gráficas para su boca. Otro ejemplo. En el caso de esta línea Wolf, realmente necesitaba rediseñar los brazos Lindo. Aquí estoy usando procrear y me estoy enamorando de esta textura Definitivamente es un paso extra que va a complicar mi proceso de animación más adelante Siéntete libre de dejarlo fuera. Ten en cuenta la transparencia, tus pegatinas tienen que funcionar sin el fondo. Podrías intentar desactivar la capa de fondo de vez para ver la ilustración que está buscando. Al final, decidí agregar un texto a mi paquete y dice salvaje. Creo que esta es una pegatina muy versátil que puedo usar en muchas ocasiones. Así se ve con un fondo transparente y así digo un PNG de procrear Aquí están nuestras ilustraciones de pegatinas cortadas. Ahora es tu turno. Elija una paleta de colores y finalice sus ilustraciones puntuales Recuerda, concéntrate en líneas limpias, formas claras y colores atractivos para que tus pegatinas sean visualmente llamativas. En la siguiente lección, comenzaremos a animar. 4. Animación simple: Ahora es el momento de dar vida a esos cachorros. En esta lección, te guiaré a través del proceso de animar a tus buscadores usando Adobe Animate, Procreate o tu software de animación preferido Hay múltiples formas de animar. En esta clase, te estoy presentando tres formas con diferentes niveles de dificultad. Todo y drone es un formato de archivo muy ligero. Tengamos en cuenta que la animación de nuestra pegatina no debe ser demasiado larga. Un par de segundos es ideal. Efecto de ebullición, esta técnica súper fácil da movimiento a una ilustración de acero. Es muy común en los stickers de Instagram. No describe una acción, sino que le da un poco de vida a una ilustración de acero. Si dibujamos la misma ilustración tres o cuatro veces, digamos en dos o tres, la ilustración estará hirviendo Para ello, simplemente copia tu ilustración tres veces, propina una. Tu efecto de ebullición puede ser sutil y mínimo, o muy loco. Esto depende de qué tan precisa sea tu copia y de lo rápido que vaya tu animación. Consejo dos, cuando copia su ilustración, siempre copia de la primera ilustración maestra para evitar un efecto de desplazamiento. Animación mínima simple. Agregar pequeñas animaciones a alguna parte de la ilustración también ayuda a lograr una sensación de vida y compromiso Por ejemplo, hacer que tu personaje parpadee instantáneamente lo da vida. Otra opción podría ser mover solo un elemento, como su brazo o cola. En caso de que este tipo de animación sea muy simple de hacer y efectiva. No requiere de alocadas habilidades de animación, pero hace su trabajo especialmente para bucles cortos. Punta uno, parpadea, parpadea en tres pasos. La animación de parpadeo se puede desglosar en tres pasos. Ojo abierto, ojo medio cerrado y ojo cerrado. Normalmente mantengo el dibujo alf para dos fotogramas antes de pasar al dibujo de ojos cerrados, que puede tener dos o tres fotogramas de largo Para reabrir los ojos, puedes volver directamente al primer dibujo o pegar otros dos marcos de ojos medio abiertos para un parpadeo más suave Así es como le das vida a un personaje con sólo un par de dibujos. Punta dos, agitando el resto del cuerpo se queda quieto. Si bien animamos solo el brazo o la cola, sugeriría redibujar todo el cuerpo, De lo contrario notaríamos que una parte no se mueve en absoluto. Eso es lo que voy a hacer aquí con la pegatina del lobo sosteniendo el sobre para el ondeo Debemos antes que nada dibujar el arco del movimiento. Este será el punto de anclaje, así se moverá la cola. Creo que mi movimiento podría durar 1 segundo de ida y vuelta. Quiero que la animación sea suave y que la cola sea más rápida en el medio y más lenta en los extremos Esto significa que voy a dibujar más marcos cerca de las posiciones extremas. Cuanto más cerca están los dibujos, más lento se ve el movimiento. Este soy yo animando en lapso de tiempo, el lobo caminando su cola Para el resto del cuerpo, voy a tener un efecto de ebullición. Otra animación mínima es la de la pegatina alta. Hago que el globo aparezca y desaparezca, entonces es un bucle. Y animo la cabeza del lobo con un parpadeo y la boca abierta para darle un poco más También animo un poco de rotación mientras abre la boca para hablar 5. Animación de ebullición de timelapse "WILD": Aquí en procrear, estoy animando este jefe para una pegatina animada Y voy a encender la animación ayudar a procrear y seguir copiando mi ilustración que dice salvaje Básicamente voy a copiar primero la ilustración. En una capa aquí está la naranja y en otra capa está la negra. Para la tipografía, me gusta encontrar un pincel grueso y solo tratar de copiar mi imagen, luego cortar simplemente con la goma de borrar Los bordes para crear esta tipografía. No soy demasiado preciosa ni demasiado precisa. Me gusta que el aspecto sea un poco rudo. También, más tarde cuando voy a copiar esta tipografía varias veces Por supuesto, estoy tratando de ser preciso y copiado pero no demasiado en el sentido de que lo más preciso sea su copia. La menor cantidad de efecto de ebullición vamos a tener, por supuesto, interesante en procrear Lo que quiero decir es que si mantienes capas separadas, como hago ahora con el naranja y el negro, el software las considera fotogramas separados de la animación. Si quieres tener fondos o múltiples capas de elementos, entonces puedes agruparlos. Y lo voy a hacer ahora mismo para ser considerado como un solo fotograma. Ahora me estoy moviendo al segundo fotograma y lo vuelvo a copiar todo. Quieres repetir esto al menos tres veces para tener un interesante efecto de ebullición. Quizás aún más, cuatro o cinco veces. También está bien. Por lo general, si estás animando en línea de tiempo, puedes decidir animarte en dos o en árboles Es decir, cada ilustración, cada dibujo permanece en pantalla durante dos o tres fotogramas. En este caso. Al final vas a ver, voy a establecer la animación en ocho fotogramas por segundo, lo que significa básicamente en árboles, si fueran 24 fotogramas por segundo. Aquí vamos. Casi terminado con el segundo salvaje como puedes ver, es un proceso muy largo y ha acelerado el video que estás viendo ahora mismo. En general, creo que me tomó 25 minutos animar este bucle muy sencillo Creo que vale la pena decir esto. Sí, claro que es repetitivo. Puedes escuchar podcasts o hacer otras cosas mientras haces esto. Seguro que lleva algún tiempo. Eso es porque es un trabajo muy manual. Y específicamente quiero obtener la imperfección Por eso no puedo copiar y pegar. Y eso es lo que me gusta de este tipo de animación. El efecto de ebullición es realmente conseguir las imperfecciones y dejarlas hervir. Aquí vamos. Esta es la tercera y última copia de la tipografía. A continuación, voy a pasar a, uh, la parte naranja. La parte naranja, no voy a copiar exactamente como está. O tal vez, sí, podríamos decir eso, pero como de una manera mucho menos precisa, en el sentido de que las siguientes formas naranjas para la segunda y tercera capa y los marcos van a ser más aleatorias. Presto atención para tener el mismo número de picos. Por supuesto que vas a ver ahora, pero seguro que no estoy siguiendo. Ya lo puedes ver. No estoy siguiendo exactamente el mismo tamaño, digamos, de esos picos. Eso es porque quiero que esta forma parpadee un poco, que esté loca, y que crezca pequeña y grande Puedo explicarlo de una mejor manera. Además, quiero decir que este proceso podría llevar algunas pruebas, algunas experimentaciones, y luego ir y venir En este caso en particular, no necesito porque hago este tipo de animaciones con bastante frecuencia. Sé a lo que me voy a dar, pero solo digo esto porque a lo mejor te llevaríamos un par de intentos y eso está totalmente bien. Este es el tercero aquí. Estoy coloreando todas las formas, luego al final, para ver que es un bucle, ocho fotogramas por segundo como dije antes, aquí va. Así es como se ve. Y luego lo exportas como si. Ahí lo tienes. 6. Animación completa: Animación completa. Por último, una J puede ser totalmente animada. Esta técnica consume más tiempo y requiere más habilidades de animación. Puede describir una acción que requiere diferentes poses clave. También puede ser un morphing. Las morfina funcionan bastante bien como pegatinas animadas. Y puedes consultar mi clase anterior sobre bucles de morfina para aprender todo sobre ellos. Para mi proyecto de clase, quiero animar esto, lobo saltando y celebrando Yo configuré el proyecto a 24 fotogramas por segundo, lo cual es estándar. Empiezo importando la ilustración que preparamos antes a mi software de animación. Quiero hacer algunos bocetos sueltos para pensar en los movimientos de acciones En este caso, es mejor hacer primero una animación aproximada antes de limpiar cada fotograma. A veces hago esos bocetos en un trozo de papel. A veces empiezo directamente en la línea de tiempo. También podrías actuar el movimiento y utilizarte como referencia para analizar mejor la acción que quieres describir. Aquí estoy tratando de imaginar cómo hacerlo saltar. La ilustración que hice, es claramente la pose clave extrema del lobo en el aire. Necesito el otro extremo, el lobo en el suelo, para enfatizar el movimiento. Observe cómo el arco de la espalda es lo contrario en el salto y en la preparación. Esta posición es bastante cerrada y comprimida. Pero presto atención a que la silueta sea fácil de leer. A partir de ahí, poco a poco hago saltar a mi personaje. mí me gustaría que el lobo abriera brazos y piernas mientras salta hacia arriba. Y en la parte superior del salto, los dibujos están más cerca el uno del otro. Se puede ver que en esta tosca etapa de animación, no me importan los pequeños detalles como las garras, el interior de las orejas, etcétera Cuando la pared vuelve a caer, agregué un marco de frotis donde la cara está toda estirada y divertida, esta otra con un movimiento rápido Una vez que estoy contento con la animación ruda, paso a limpiar. Aquí en animate, creé un símbolo del rostro que me ayuda a mantener las proporciones entre todos los elementos A, el último paso es colorear. Recuerda revisar tu canal alfa. Como de costumbre, necesitas que tu jif tenga un fondo y una silueta limpios Puedes encontrar el lapso de tiempo completo de esta animación en los recursos. Entonces aquí tienes tres formas darle vida a tus pegatinas. Elige el que prefieras. Incluso puedes combinar algunos de ellos. Por ejemplo, tener un personaje parpadeando, pero también redibuja la pieza vieja para hacerla hervir. En la siguiente lección, descubramos cómo usar nuestras pegatinas en línea. 7. Exportación: Para exportar desde animate. Ir a archivo, exportar, exportar, película. Lo que te dará un archivo o exportación. Si en animate, recuerda que todas las capas se exportan, aunque estén apagadas Si no quieres que se exporte una capa, como por ejemplo mi animación aproximada, tienes que establecerla como una capa guía. Porque como mencioné antes, quería complicar mi vida con una textura Tuve que exportar el negro y los otros colores por separado y agregar la textura más tarde en after effects. Para la textura que creé en procrear cuatro texturas con el pincel que me gustó y las importé a efectos posteriores como metraje, mi animación dura solo 1 segundo Lo dupliqué cuatro veces para tener bucle de 4 segundos. Apliqué un efecto de reasignación de tiempo sobre la textura pre comp y hice bucle para siempre con una expresión Aquí utilizo la animación negra como máscara para ver la textura. Puedes exportar Jeffs desde after effects y encoder así Seleccionando Jeffs animados, hice el mismo procedimiento, también con las otras pegatinas, para agregar la textura negra Enhorabuena por crear tus stickers animados. Míralos, tan lindos. Para poder utilizarlos, necesitamos exportarlos. Como un par de notas sobre exportación a y algunas cosas a tener en cuenta, es importante establecer nuestro bucle para que sea infinito, para tener un fondo transparente y una buena calidad de imagen. Veamos cómo podemos utilizarlos. Tal vez quieras incorporar tus stickers en boletines de presentación y sitios web para agregar ese toque extra de diversión y extravagancia Eso es lo que estoy haciendo ahora con mis Olas. Aquí hay una presentación de plantilla en la que uso mis pegatinas recién animadas. Simplemente puedo dejarlos caer en las diapositivas de Google o importarlos. Elijo los mismos colores para los titulares y esparzco las pegatinas por toda la presentación. Creo que se ve bastante bien. Estas olas también se verán muy lindas en mi nueva carta. No puedo esperar a usarlos para el próximo número. Si queremos usarlos en las historias o chats de Instagram, tenemos que aplaudirlos. Por ejemplo, en Jiffy, Simplemente ve a Jiffy y necesitarás una cuenta de artista. Aplauden sus pegatinas. Canal alfa, fondo transparente y, lo más importante, agregue etiquetas de ceniza para facilitar su descubrimiento. Elige sabiamente las etiquetas de Ash y elige al menos una que sea solo tuya. Utilizo, por ejemplo, mi propio nombre para poder ver y encontrar todas mis pegatinas. En la investigación de F, las etiquetas de Ash no solo son útiles para que encuentres y uses tus propios stickers animados, sino también para que tu audiencia sepa cómo encontrarlos y usarlos, y esos son tus Jeeves que están en funcionamiento En la siguiente y última lección, te voy a dar un poco de bonus y algunas ideas para empujar tus stickers hacia adelante y fuera de la pantalla. 8. ¡Bonus! : Tú lo hiciste. Has aprendido a crear un paquete cohesivo de stickers animados que harán brillar tu presencia digital o marca Ahora aquí hay un pequeño extra. Tienes esta súper genial serie de ilustraciones de spot. Ya sabes lo que puedes hacer con él fuera del mundo digital. Puedes imprimirlos como pegatinas normales o incluso puedes convertirlos en tatuajes temporales. Me encanta volver a usar y reutilizar mis diseños para optimizar el tiempo y Creo que estas paredes son demasiado lindas. Quédate solo en el mundo digital. Puedes pedir pegatinas en línea o puedes imprimirlas en casa. Hace poco descubrí que venden papel de tatuaje temporal que puedes imprimir con tu impresora de inyección. ¿Qué tan genial es eso? Espero que esta clase te haya inspirado a explorar las infinitas posibilidades de los stickers animados y dar rienda suelta a tu creatividad Recuerda, la práctica te hace mejorar. Así que sigue refinando tus habilidades y compartiendo tus creaciones con el mundo. No puedo esperar a ver tus fantásticos paquetes de pegatinas en acción. Por favor, comparta su progreso en cualquier etapa. También me encantaría ver tus bocetos o paletas de colores. Por favor considere también dejar una reseña ya que esto me ayuda y el agradecimiento por acompañarme en esta emocionante creación de pegatinas animadas. Puedes encontrarme a mí y a mi trabajo en redes sociales. Siempre te agradezco cuando te pongas en contacto, si tienes alguna duda o necesitas más orientación, no dudes en comunicarte. Ahora ve y diviértete dando vida a tus ilustraciones con pegatinas animadas Ep Creando por