¡Hola! En este tutorial quiero mostrarles varias maneras de hacer stickers, espero te sea de mucha ayuda y hagas cosas preciosas. 💛

1.UN POCO DE TEORIA

Los stickers, aunque son relativamente nuevos, han llegado a posicionarse de una manera muy significativa en nuestra comunicación, debido a que pueden expresar sentimientos que muchas veces el texto no puede lograr.

Una pequeña lista de consejos para hacer stickers:

🔸 Los stickers podrán ser utilizados en nuestras conversaciones si tienen expresiones genéricas o tienen acciones que solemos hacer, como sonreír, estar tristes o festejar.

🔸 Tienen que ser fáciles de entender. Si lo que representa el sticker es complicado de entender, no será cómodo usarlo. Los stickers suelen ser simples ya que su tamaño es pequeño y demasiados detalles no se van a ver.

🔸 Los personajes siempre son una buena opción, pero eso no significa que no puedas usar otras cosas. Con los personajes se puede expresar claramente alguna acción o expresión, pero para ciertos momentos o si quieres tus stickers impresos incluso si no puedes usar algún alimento u otro objeto de la misma manera que un personaje en una conversación, quedará muy bonito adornando un cuaderno o en tus instagram stories.

🔸 Recuerda que si quieres stickers para alguna red social en específico tienes que comprobar si tienen algún requisito en cuanto tamaño y otras cosas.

🔸 Los paquetes de stickers siguen una misma línea gráfica, es decir, en un mismo paquete de stickers no podíamos poner un conejo estilo realista tomando té y en el otro un conejo estilo cartoon haciendo ejercicio, si siguen un mismo estilo se verá como un conjunto donde cada uno armoniza con los otros y hay redes sociales donde esto es necesario, como Line.

🔸Hacer stickers es muy divertido, ¡tómate tu tiempo para hacerlos mientras te diviertes! La verdad si te hace feliz y es para tí o tus amigos puedes hacerlos como tú quieras.

2. PAQUETE DE STICKERS BONITOS

Vamos a realizar un paquete de stickers, usaré la medida 370 x 320 px. Empezamos preparando el lienzo.

Vamos a [Archivo > Nuevo], Tipo de obra > Ilustración.

Quiero hacer un paquete de stickers de conejitos haciendo diferentes cosas, como echarse o estar lanzando un besito, me gustan mucho los conejitos asi que me divertí mucho con esto.

Hice los bocetos de 8 stickers de conejitos en 8 capas diferentes.

Ahora hice una carpeta de capas por cada boceto y le hice las líneas en limpio. Quería que el trazo fuese grueso, usé la Plumilla > Texturizado. Dentro de cada carpeta de capa también los pinté de manera simple.

Puedes pintarlo del método que prefieras, si vas a usar cubo de relleno como yo, asegúrate que cubra todo correctamente, puedes poner una capa de un color diferente de fondo para notar los espacios que tal vez no se llegaron a pintar.

Al final no me gustaron un par de stickers así que los cambié y me di cuenta de que uno (el conejito que está festejando) también se ve bonito llorando y festejando entonces hice dos versiones de ese solo copiando la carpeta y volteándolo horizontalmente.

Para guardarlos vamos a [Archivo > Exportar (una capa) > .png (PNG)]. Asegúrate de tener desactivado la visión de la capa papel para dejarlo fondo transparente.

Después de elegir la ubicación donde guardaremos el archivo nos sale esta ventana de ajustes de exportación png, yo lo dejo con los valores predeterminados, solo me fijo que en [Procesamiento al escalar] esté seleccionado "Para ilustración".

Si tienes marcado en [Previsualizar] la opción "Previsualizar los resultados de renderizado al salir" te saldrá otra ventana más que te permite ver cómo quedaría tu trabajo una vez guardado.

Así quedaron al final, son 9 stickers que como puedes ver tienen todos algo en común, son el mismo personaje (un conejito) que hace diferentes cosas y más los colores se nota que son parte de un mismo paquete de stickers, esto es importante si quieres que juntos se vean en armonía.

3. UN POCO MÁS DE TEORÍA

Vamos a hablar de algunos términos que la verdad cuando yo empecé no entendía nada de lo que eran, espero esto pueda facilitarte un poco las cosas.

🔸Fotogramas/Frame: Son las diferentes imágenes que conforman una animación o película, según la cantidad de fotogramas que estén en un cierto lapso de tiempo, el proyecto se verá más o menos fluido.

🔸Fps: Viene de Frames per second o fotogramas por segundo, es una medida para saber el número de fotogramas que hay en un segundo.

🔸Cels: Son las celdas donde se realiza cada imagen.

Por ejemplo aquí podemos ver la diferencia de fluidez entre un sticker animado de 3 fotogramas a uno de 10 fotogramas.

Hay diferentes maneras de hacer stickers, algunas más sencillas que otras, pero generalmente hacer un sticker con más fotogramas implica más trabajo, por lo que si estás empezando te recomiendo hacer stickers de menos hasta que vayas acostumbrándote. ¡Suerte!

4. STICKERS ANIMADOS BONITOS

4a. Stickers frame por frame de cero

Empezamos abriendo un nuevo archivo, vamos a [Archivo > Nuevo], realizaremos un sticker tipo gif, utilizaré el tamaño 320 x 270 px otra vez y como va a estar hecho para pantallas y no para ser impreso utilizaré una resolución de 72 que es suficiente.

Para hacer stickers, que es algo simple, yo veo más fácil trabajar con Tipo de obra >Ilustración que con Animación, pero también se puede.

Selecciono [Crear ilustración en movimiento], haré un sticker de 3 cels a una velocidad de 6 frames por segundo.

Si no te aparece en la parte inferior la línea de tiempo vamos a [Ventana > Línea de tiempo] y nos aparece.

A la derecha se ve que hay una carpeta de animación que contiene los 3 cels que especificamos cuando creamos el lienzo, cada uno de esos cels corresponde a los que están en la línea del tiempo, los que señala la flecha.

Si vas a realizar un sticker en movimiento en tendrás que pintar cada dibujo parte de la animación, repitiendo colores, tal vez no parezca necesario si es un sticker un poco más sencillo como el que haremos ahora, pero si es uno con más frames como el del que usé en el ejemplo de "un poco más de teoría" es muy útil tener a la mano la paleta de colores que estamos usando.

Si no tengo el el conjunto de colores abierto, me voy a [Ventana > Conjunto de colores] y cuando aparezca le doy al ícono al lado de su nombre que dice "Editar conjunto de colores".

Nos sale una ventana para editar el conjunto de colores, le doy a "Añadir nuevos ajustes" y coloco el nombre que quiero en la casilla de texto, yo coloqué "stickerconejo"y le damos aceptar.

Nos aparece nuestro conjunto de colores llamado stickerconejo vacío, si tienes una paleta de colores previa que quieres usar puedes ubicarlas ya, yo primero pintaré un dibujo donde decidiré los colores y de ahí ya los colocaré en el conjunto de colores.

En el cel 1 haré el boceto del primero dibujo. Para este sticker haré un conejo llorando, la animación serán sus lágrimas cayendo.

Para tener el primer dibujo como base y hacer los otros a partir de ese, le doy "Habilitar papel cebolla", así cuando estés en el cel 2, el cel 1 se verá, pero de un tono azul, así puedes dibujar encima sin molestia haciendo los cambios que quieras.

Puedes cambiar los ajustes del papel cebolla si quieres en [Animación > Mostrar cels de animación > Ajustes de papel cebolla] te saldrá una ventana donde puedes cambiar de cómo se verá el color anterior o el posterior, entre otros ajustes.

Ya hice el boceto en cada uno de los tres fotogramas, quedaron así:

Ahora vamos a ver cómo se ve en movimiento, en la "Línea de tiempo" hacemos click en "Reproducir" y se ve así:

Ya que tenemos los bocetos tenemos que delinear y pintar cada uno, para ello necesitamos crear una carpeta para cada cel, el crear esta capa hace que todo lo que esté dentro se considere como un cel.

Vamos a [Capa > Crear carpeta e insertar capa], hacemos esto con cada uno de los cels.

Cambiamos el nombre de las capas para tenerlas en orden. A los bocetos les bajé la opacidad para poder hacer el delineado con comodidad.

En este gif solo quería que haya movimiento en la expresión y las lágrimas del conejo, por lo que delineado del contorno de su cara lo copié para cada carpeta e hice el resto. Yo utilicé Plumilla >Texturizado

Así se ve el delineado de cada cel de nuestro gif:

Ahora dentro de cada carpeta voy a pintar el primer cel. Yo utilicé la herramienta Relleno > Referir a otras capas, esta opción te permite pintar rellenos en una capa diferente, esta herramienta funciona bastante bien, pero puede ser que haya pequeños espacios que no se hayan llegado a pintar, puedes usar Relleno > Cerrar y rellenar para esas partes o pintarlo con otra herramienta como la plumilla.

Ya que tengo listo el primer cel, guardaré los colores que usé en el Conjunto de colores que creamos anteriormente. Para guardar colores ahí solo tengo que tener seleccionado el "Cuenta Gotas" e ir haciendo click en los colores que quiero que se guarden en el Conjunto de colores "stickerconejo".

 

Así se ve cada cel una vez que lo terminamos de pintar:

¡Ahora vamos a guardarlo!

Este sticker lo guardaremos en formato APNG, que permite guardarlo con fondo transparente. Recuerda tener desactivado la visibilización de la capa de papel.

Vamos a [Archivo > Exportar animación > Sticker animado (APNG)].

Después de decidir la ubicación de tu archivo, te sale esta ventana de ajustes de exportación. Para que tu gif sea un bucle que se repita infinitamente tienes que tener seleccionado en Bucles > Ilimitado, si le das a la segunda opción, que es Bucles > Número de veces, el gif se detendrá según el número de veces que has colocado que se va a repetir.

Por último te sale una ventana que te avisa que la exportación se completó.

¡Ya lo tenemos listo! El gif finalizado se ve así:

Nota: No en todos los sitios web funciona el formato APNG, por eso tienes que fijarte las especificaciones del sitio web donde lo quieras colocar. Por ejemplo en este artículo no se pueden subir en este formato, por lo que lo tengo que subir en formato GIF.

4b. Stickers animados a partir de una ilustración (con editable)

No sé si con el título se llegue a enteder ja ja.

¿Qué tal si tienes una ilustración que hiciste y quieres que sea un sticker animado? O puede que hayas hecho un sticker diseñado para ser impreso con una calidad alta y también quieras que tenga algo de movimiento para las redes sociales.

Si tienes el archivo editable (o sea en formato clip studio paint) puedes hacerlo de esta manera.

En este ejemplo utilizaré esta ilustración de un donut, seleccionaré la carpeta que contiene todas las capas y le doy Ctrl + C o me voy a [Edición > Copiar].

Abrimos un nuevo archivo, vamos a [Archivo > Nuevo].

Seleccionamos Tipo de obra > Ilustración. El tamaño usaré el mismo que usamos anteriormente: 320 x 270 px en una resolución de 72. Selecciono "Crear ilustración en movimiento", quiero que sea algo simple así que mi gif tendrá 3 cels, en donde el glaseado del donut se irá cayendo.

Seleccionamos nuestro primer cel y vamos a [Capa > Crear carpeta e insertar capa], hacemos eso con cada cel.

Dentro de la carpeta de nuestro primer cel vamos a pegar la carpeta que contiene nuestra ilustración, puede ser con Ctrl + V o [Edición > Pegar].

Nuestra ilustración es más grande que el lienzo en el que estamos trabajando así que ajustamos el tamaño con Ctrl + T o [Edición > Transformar > Escalar +/Escalar - /Rotar].

Ahora copiaré la carpeta donde está el donut y se pega en la celda 2, como tengo el editable de este archivo me fui a la capa donde tengo el glaseado del donut y con el pincel se lo extendí.

Luego copié la carpeta en la que acabo de trabajar en la celda tres y volví a hacer lo mismo, pinté en donde está la capa del glaseado para hacerlo más largo, como si se estuviera cayendo.

Cuando terminé vamos al botón "Reproducir":

Nuestro gif dura 0,5 segundos.

Si crees que tu gif está muy rápido, veremos como hacerlo más lento.

(1) Así está nuestra línea del tiempo actual.

(2) Como quiero hacerla más lenta, hago click en parte de arriba del señalador azul y arrastro hasta el frame 6. Al hacer el lienzo pusimos en velocidad del fotograma 6 frames por segundo, por lo que extendiendo nuestro gif hasta el frame 6 durará un segundo.

(3) Baja un poco en la línea de tiempo, también tenemos que mover el papel, de la misma manera arrastramos desde la esquina del papel y lo llevamos hasta el frame 6.

(4) Seleccionamos cualquier de los cels y le damos a "Eliminar cels especificados", hacemos eso con todos.

(5) Ahora hacemos click en el primer cel y le damos a "Especificar cels".

Nos sale esta ventana para seleccionar las capas, seleccionamos la capa 1 y le damos aceptar.

(6) Ya tenemos el primer cel, seleccionamos el frame número 3, para que sea parejo el tiempo que cada cel aparece en el gif y le damos a "especificar cels", ahora seleccionando la capa número 2. Se hace lo mismo con el tercer cel.

(7) Así queda nuestra nueva línea de tiempo.

El gif ahora dura 1 seg y se ve claramente más lento que el anterior.

Ahora vamos a guardarlo, este lo exportaré en formato GIF.

Vamos a [Archivo > Exportar animación > Gif animado].

Después de elegir la ubicación del archivo nos sale la venetana de ajustes de exportación, para que el gif se repita sin fin recuerda seleccionar en Bucle > Ilimitado.

¡Terminamos!

4c. Stickers animados a partir de una ilustración (solo imagen)

Tengo esta ilustración en png para hacerla un gif, si no está con fondo transparente tu imagen puedes tratar de quitarle el fondo de la manera que prefieras si quieres que esté sin fondo.

 

Empezamos abriendo el lienzo, en [Archivo > Nuevo] utilizaré el mismo tamaño que anteriormente.

Vamos a importar la imagen en [Archivo > Importar > Imagen].

Nos saldrá la imagen en un tamaño más grande que el lienzo así que con [Operación > Objeto] ajustamos al tamaño deseado.

Para rasterizar la imagen vamos a [Capa > Rasterizar] o click derecho en la capa de la imagen y "Rasterizar".

Vamos a [Ventana > Línea de tiempo].

En la línea de tiempo hacemos click en "Nueva línea de tiempo" y nos sale una ventana para configurarla, en "Tiempo de reproducción" podemos poner el número de fotogramas, los segundos más el fotograma o el código temporal, yo lo dejé en número de fotogramas con 3. Le damos a aceptar.

Nuestra línea de tiempo ahora se ve así:

Le damos a "Nueva carpeta de animación".

Copiamos con Ctrl + C la carpeta rasterizada de nuestra imagen dentro de la carpeta de animación según el número de fotogramas que vayamos a usar, luego le cambiamos el nombre a los cels para tener orden.

Seleccionamos el primer cel y le damos a "Especificar capas".

En la ventana seleccionamos el 1 y le damos aceptar.

Hacemos lo mismo con los otros dos cels.

Nuestra línea de tiempo se ve así:

Ahora creamos una carpeta de capas para cada cel en [Capa > Crear carpeta e insertar capa].

Nuestras capas se ven ahora así:

Dentro de la carpeta de capas hice unos brillitos, en una capa puse el trazo y en otra el color.

Recuerda seleccionar "Habilitar papel cebolla".

Las capas de los brillitos las copié y pegué en las otras carpetas de cada cel, pero les fui cambiando el color con Ctrl + U o [Edición > Corrección tonal > Tono/Saturación/Luminosidad].

Para mover los brillitos de lugar primero vamos a combinar sus capas, seleccionamos la capa del trazo y la del color, le damos click derecho y "Combinar capas seleccionadas".

Ahora podemos con la herramienta [Selección > Lazo] seleccionar los brillitos e ir moviéndolos de lugar, el papel cebolla nos ayuda a ver dónde estaban ubicados los brillitos de la capa anterior.

¡Y ya está!

Muchas gracias por leer esto, espero te haya servido. 💛