Cómo diseñar pegatinas (video tutorial)

El diseñador, Hayden Aube, muestra sus técnicas favoritas para crear una pegatina personalizada en Adobe Illustrator.

También puedes probar Studio, nuestra herramienta de diseño online gratis. Elige entre más de 1000 plantillas y crea rápidamente tu propio diseño en minutos.

Transcripción:

Hola, me llamo Hayden Aube, y soy diseñador gráfico e ilustrador. Y hoy, voy a mostrarles cómo crear su propia pegatina dentro de Adobe Illustrator y hacer que se imprima con Sticker Mule. Al final, verás cómo se ve cuando se imprime y se envía. Vamos a entrar.

Vamos a crear una pegatina para una empresa imaginaria llamada Journey Pizza. Voy a empezar haciendo una serie de círculos con la herramienta de Elipse. Así que está el primero, y luego voy a duplicar el segundo y ponerlo detrás del primero. Y luego voy a hacer un tercero detrás de ese. Luego, voy a tomar los círculos rojo y amarillo y usar la Herramienta de División en la ventana del Explorador. Esto dividirá esas dos formas en lo que ves aquí.

Ahora voy a crear otro círculo un poco más pequeño que el anterior, y este será el camino en el que escribiré mi texto. Así que voy a usar el Escriba en una herramienta de sendero. Y como he mencionado, la compañía se llama Journey Pizza. Así que voy a escribir eso, y luego voy a usar la Herramienta de selección para arrastrarla exactamente donde quiero en el camino. Luego voy a encogerlo un poco y hacerlo blanco. Y ahora que tengo el texto con el aspecto que quiero, voy a crear contornos a partir de él para que sea más fácil de imprimir.

A continuación, voy a utilizar las opciones de Live Shape con esta Elipse para arrastrar estos widgets hasta el tipo exacto de forma de pastel que me gustaría.

Ahora quiero poner un círculo a cada lado de los círculos más grandes. Y voy a hacerlo creando uno donde me guste justo aquí y luego usando la herramienta de espejo para reflejarlo exactamente al otro lado.

El plan es tener un asta de bandera que salga de este círculo interior, así que voy a empezar usando la herramienta de la pluma para crear el asta de esa bandera. Una vez que haya creado el camino que me guste, le aplicaré un trazo y luego usaré las opciones de Trazo para ponerlo al ancho que me guste.

Como me gustaría que este poste se viera como si saliera del círculo, voy a utilizar la herramienta Ancho del trayecto para hacer que la parte superior del trayecto sea más grande y la parte inferior más pequeña. Esto le dará una sensación de profundidad. Y voy a cambiar rápidamente la posición de la misma. Y ahora voy a duplicar uno de estos círculos para crear una pequeña bola en la parte superior del poste.

Y ahora que este poste se ve como me gustaría, voy a ir a Objeto, Camino, Trazo de Contorno. Y esto lo convertirá en una forma, lo que hará más fácil aplicar gradientes más adelante.

Así que ahora lo que quiero hacer es crear una forma de bandera que se parezca a un trozo de pizza. Así que voy a dibujarla con la herramienta de pluma, y luego voy a ir a Efecto, Deformación, y luego Onda. Y a partir de aquí, voy a jugar con estas opciones hasta que consiga la forma de bandera curvada que estoy buscando.

Ahora, voy a moverla detrás del poste, y voy a continuar moviéndola y ajustándola hasta que se vea exactamente como me gustaría. Así que la empujaré un poco, moveré la bandera hacia arriba y la cambiaré a blanca. Y ahora voy a tomar estos puntos individuales y moverlos alrededor. Como esta es una forma viva, puedo hacer esto y el efecto se ajustará en consecuencia.

Una vez que todo se vea como yo quiero, puedo ir a Objeto, Expandir Apariencia. Esto convertirá esa forma viva en caminos reales, lo que una vez más es realmente útil cuando se trata de imprimir.

Ahora, como dije, quiero que esta bandera se vea como un pedazo de pizza, así que voy a crear un montón de pequeños pepperonis. Así que he creado este símbolo aquí, y voy a usar la herramienta rociadora de símbolos para colocarlos en diferentes lugares.

Ahora voy a usar el Symbol Sizer Tool para crear variación entre estas rebanadas de pepperoni. Así que voy a hacer algunas más pequeñas, otras más grandes, y otras las mantendré iguales. Luego, para cambiar la posición de estos pepperonis, usaré el Symbol Shifter para moverlos en diferentes direcciones.

Y por último, voy a usar el Symbol Spinner, que me permitirá rotar estas formas para que coincidan con la onda de la bandera.

Lo último que quiero hacer con esta bandera es cortar un pequeño trozo de ese palo. Y para hacerlo, voy a crear otra forma de círculo, y luego voy a cambiarla con la herramienta de selección directa para crear una forma que ahora puedo restar de ese poste. Y luego voy a poner esa bola de nuevo en la parte superior, y ahí lo tenemos.

Ahora, con todas las formas hechas, quería aplicar algunos gradientes para refinar realmente este diseño.

Así que lo que voy a hacer es crear un gradiente para este círculo rojo de fondo que va de un rojo a un naranja. Así que voy a configurar las dos paradas diferentes de la ventana de degradado, y luego voy a usar una herramienta de degradado para ponerlo en la dirección que yo quiera - tan rojo en la parte inferior, naranja en la parte superior. Ahora para el anillo amarillo, quiero ir de una naranja a una amarilla. Así que una vez más, en la ventana de gradiente, voy a configurar el gradiente tal y como me gustaría, de modo que el amarillo a esa naranja clara.

Y otra vez, voy a usar la herramienta de gradiente sólo para ponerlo en la dirección que me gustaría. Y luego puedo reposicionarlo aquí para que se vea justo como me gustaría. A continuación, voy a hacer estas dos bolitas, y simplemente voy a aplicar el color de fondo con un cuentagotas y luego aplicar el gradiente en la dirección de ambas al mismo tiempo. Ahora para el poste, usaré un azul oscuro y un azul más claro.

Así que lo voy a crear como lo he hecho normalmente. Oops, color equivocado. Ya está. Y luego otra vez, voy a ponerlo en la dirección que quiero con la herramienta de gradiente. Para la bola en la parte superior del poste, voy a poner un cuentagotas en el gradiente del poste, pero lo voy a convertir en un gradiente radial y luego simplemente cambiaré los colores. De esta manera, puedo hacer que parezca realmente una esfera. Y voy a hacer un ajuste rápido al poste.

Y ahora voy a hacer esta forma de cuña aquí. Así que voy a copiar ese gradiente radial, y ahora voy a reposicionarlo para que se alinee exactamente con esa cuña. Desde aquí, puedo continuar ajustando el gradiente para que se alinee exactamente como me gustaría.

Para añadir una última capa de profundidad, voy a crear algunas sombras. Así que para hacer esto, voy a crear una forma que es una combinación de la bandera y el poste... para que se vea justo como esto. Y ahora voy a posicionarlo un poco más bajo que la bandera y luego lo pondré detrás. Ahí vamos.

Ahora desde aquí, quiero recortarlo para que esté sólo dentro de ese círculo rojo. Y para hacer eso, voy a duplicar ese círculo, ponerlo encima, y luego voy a usar el Intersect en la ventana del Pathfinder.

Ahora esta nueva forma es donde vamos a crear nuestro gradiente para la sombra de la gota. Así que voy a ponerla de nuevo detrás de la bandera, y ahora voy a crear ese gradiente que es sólo este rojo oscuro en cada extremo del gradiente. Pero uno de ellos va a ser una opacidad del 100%, mientras que el otro es cero. Y luego, tal como hemos hecho con los otros gradientes, voy a arrastrarlo con la Herramienta de gradientes para que se vea exactamente como me gustaría. Creo que esto es un poco fuerte, así que ahora voy a reducir la opacidad a un 25%. Eso se ve bien.

Sólo voy a volver a entrar rápidamente y ajustar el gradiente para que baje un poco más. Perfecto.

Por último, quiero añadir una sombra dentro de este círculo rojo para que parezca que el borde amarillo se está acercando. Así que voy a restar uno de esos círculos de otro, sólo para obtener esta forma delgada aquí, como puedes ver. Y luego voy a usar el cuentagotas de la sombra que creé antes y la voy a arrastrar como me gustaría. De otra manera. Ya está.

Así que ahora que hemos diseñado nuestra pegatina, es hora de imprimirla. Y para ello, vamos a utilizar el paquete de Sticker Mule muestras personalizadas. Y eso significa que obtenemos 10 pegatinas por 8 € y envío gratis.

Una vez en el sitio web de Sticker Mule, iremos a Obtener Muestras. Ahora, en la página de muestras, podrás elegir entre todo tipo de productos de Sticker Mule, incluido un paquete de muestra de una gran variedad. Pero vamos a utilizar las muestras de pegatinas personalizadas aquí mismo.

Así que desde esta página, vamos a hacer clic en Pedir 10 pegatinas por 8 €. Y luego aquí, vamos a subir nuestra ilustración. Si tienes alguna instrucción específica, puedes ponerla aquí. De lo contrario, haz clic en Continuar.

Ahora sólo tenemos que comprobar. Y como en cualquier proceso de compra, tendrás que introducir tu nombre, tu correo electrónico, así como tu tarjeta de crédito e información de envío. A continuación, pulse Realizar el pedido. Y ahora sólo tenemos que esperar nuestra prueba.

Así que ahora que mi prueba ha llegado, todo lo que tengo que hacer es hacer clic aquí. Y en este punto, puede ver que han añadido un bonito borde blanco al diseño, y si hay algún cambio que quiero, puedo escribirlo aquí. Pero creo que se ve bien, así que voy a ir y cancelar, aprobar y finalmente comenzar la producción. Y ahora mis pegatinas se están haciendo.

Así que vamos a ver cómo resultaron. Así que voy a abrir el paquete, y vamos a ver lo que hay dentro. Ahí están las pegatinas, también hay algunas pegatinas de Sticker Mule. Así como una pequeña tarjeta que me dice quién la imprimió, lo cual es bastante bueno. Pero escarbemos en esta pila de 10 aquí y veamos cómo se ven.

Y, sí, puedo decir que se ven bastante bien, como el diseño, que es realmente genial. Estoy particularmente contento con cómo se ve ese borde blanco también. Y ahí lo tienes. Ahí están las pegatinas después de ser impresas.

Así que espero que a través de este vídeo, hayas aprendido no sólo a hacer una pegatina que se vea bien en la pantalla sino que se vea igual de bien cuando la imprimas. Cuídense.