() translation by (you can also view the original English article)
La pandemia del COVID-19 han hecho que las mascarillas se hayan convertido en una necesidad, así como parte de la 'nueva normalidad' de nuestra vida diaria. ¡Algunos de nosotros disfrutamos mientras hacemos una pequeña contribución creando fácilmente nuestras propias mascarillas!
En este tutorial de mascarilla, te mostraré cómo diseñar un cubrebocas, usando Adobe Illustrator, y a continuación lo subiremos al generador de mockups de Placeit para crear una mascarilla. ¡Prepara tu dibujo de cubrebocas y aprende cómo hacer una mascarilla!
Lo que aprenderás en este tutorial sobre cómo hacer una mascarilla
- Cómo planificar y configurar un archivo de mascarilla
- Cómo diseñar en Illustrator y vectorizar una ilustración de un hocico de gato
- Cómo crear un mockup de mascarilla usando Placeit
¿Lo que vas a necesitar para crear tu diseño de cubrebocas?
Para este divertido tutorial de mascarilla, he decidido crear una ilustración del hocico de un gatito, ¡quién no adora a los mininos!
Necesitarás tener acceso a los siguientes programas:
- Adobe Illustrator
- Placeit.net (generador de mockups para la presentación final)
Si quieres ahorrarte algo de tiempo, puedes aprender cómo hacer una mascarilla con elementos de diseño y recursos fácilmente accesibles de Envato Elements.
1. Cómo configurar el archivo para el diseño de tapabocas
Paso 1
Abre Adobe Illustrator.
Primero, crea un Nuevo documento (Archivo > Nuevo o Comando-N) con estos ajustes:
- Nombre: Kitten_Face_Mask
- Número de mesas de trabajo: 1
- Anchura: 800
- Altura: 400
- Unidades: Píxeles
Desde la Pestaña avanzado:
- Modo de color: CMYK
- Efectos de rasterizado: Pantalla
- Modo de previsualización: Predeterminado
Paso 2
Normalmente, crearía un boceto de cubrebocas y lo subiría a Illustrator antes de vectorizarlo. Sin embargo, ilustrar un hocico de gato es muy sencillo y fácil de dibujar, así que podemos improvisar y crear una bonita mascarilla de gato sin tener que hacer un boceto de cubrebocas primero.
Primero, configuremos las Guías de nuestras reglas situándolas en el centro de la mesa de trabajo. El centro es el lugar en el que colocaremos el hocico de nuestro gatito.
Para ver las Reglas, selecciona Ver > Reglas > Mostrar reglas o usa el atajo de teclado Comando-R.
Para crear una Guía de regla, mueve tu puntero a la regla vertical y arrastra la guía hacia afuera hasta soltarla en la marca 400 px, el centro de la anchura de nuestra mesa de trabajo.
Por defecto, las guías están desbloqueadas, así que necesitamos bloquearlas seleccionando Ver > Guías > Bloquear guías.
Paso 3
Ahora volvamos a las Guías inteligentes (Comando-U) para que nos ayuden a alinear nuestra mesa de trabajo, y después abre el panel Capas (Ventana > Capas).
En el panel Capas, nombra a la 'Layer 1' como 'BACKGROUND' (fondo) y haz clic en el icono Crear nueva capa. Nombra la nueva capa como 'KITTEN SNOUT' (hocico de gato).
2. Cómo diseñar en Illustrator la base del hocico del minino
Paso 1
Empieza trabajando en la capa 'BACKGROUND', en donde crearemos el color de fondo del hocico del gatito y el patrón de la cara.
Desde el menú Herramientas, selecciona la Herramienta rectángulo (M) y aplica un Relleno de color marrón arena #c1a8a1, pero un Trazo sin color. Con la ayuda de las Guías inteligentes, dibuja un rectángulo de 800 x 400 px sobre la mesa de trabajo.
Paso 2
A continuación, dibujaremos un hocico con forma de huevo. Selecciona la herramienta elipse (L) y aplica un Relleno blanco y sin color de Trazo.
Dibuja una elipse en el centro de la mesa de trabajo, aproximadamente de 168 x 168 px. Las Guías inteligentes te ayudarán a centrarla en medio de la mesa de trabajo.
Después coge la Herramienta de selección directa A), selecciona el punto de ancla superior de la elipse, y arrástralo tal y como muestra la siguiente imagen para crear una imagen con forma de huevo.
Paso 3
Con el huevo seleccionado, tenemos que desplazar la forma para crear el patrón de la cabeza del gato tras su morro.
Objeto > Trazado > Desplazamiento de trazado
- Desplazamiento: 10 px
- Uniones: En ángulo
- Límite en ángulo: 4
- OK
Aplica a la forma desplazada un color de Relleno de #d8c7c4.
Paso 4
Ahora, selecciona la Herramienta lápiz (P) desde el menú Herramientas, y dibuja una forma similar a la que muestra la siguiente imagen.
Las Guías inteligentes te ayudarán a alinearla con los bordes.
Paso 5
Utiliza la Herramienta de selección directa (A), mantén pulsada la tecla Shift para seleccionar los dos puntos de ancla del centro. Esto habilitará el widget Esquinas en vivo, que se corresponde con el icono en forma de círculo blanco situado junto a la esquina de selección. Arrastra el widget de las esquinas en vivo con la Herramienta selección directa (A) para convertir las esquinas en esquinas redondeadas. La esquina quedará resaltada en rojo cuando hayas alcanzado la proximidad del widget Esquinas en vivo.
Paso 6
Ahora refleja la forma redondeada y sitúala al otro lado de la mesa de trabajo.
Simplmente, selecciona la forma redondeada, y selecciona la Herramienta reflejar (O). Establece el punto de referencia en el centro de la mesa de trabajo, en el lugar que ocupa la guía; Opción-Shift-Arrastrar y suelta el botón del ratón cuando la forma aparezca reflejada al otro lado.
Paso 7
Ahora, utiliza la Herramienta de selección (V), mantén pulsada la tecla Shift para seleccionar ambas formas redondeadas, y a continuación coloca las formas justo tras la forma blanca del hocico; Objeto > Organizar > Enviar alfondo (Comando-[).
Cuando hayas acabado, dirígete al panel Capas, bloquea la capa 'BACKGROUND', y pasa a la capa 'KITTEN SNOUT'.
Paso 8
Continuamos añadiendo algo de color a las mejillas del gatito para nuestro diseño de cubrebocas.
Coge la Herramienta elipse (L) y dibuja una elipse de alrededor de 160 x 120 px. Después, selecciona la Herramienta rotar (R), y gira la elipse -21º.
Paso 9
Abre el panel Transparencia: Ventana > Transparencia. Y establece la transparencia al 50%.
Ahora, difuminemos los bordes de forma que parezca un ruborizado pincel. Efecto > Estilizar > Pluma y establece el Radio a 19 px, después, coge la Herramienta reflejar (O). Establece el punto de centro de referencia en el centro de la mesa de trabajo, en donde está situada la guía; Opción-Shift-Arrastrar y suelta el ratón cuando la forma esté replicada al lado opuesto.
Cuando hayas acabado, bloquea la capa 'BACKGROUND' desde el panel Capas, y selecciona la capa 'KITTEN SNOUT'.
3. Cómo ilustrar una mascarilla de hocico de gatito con Adobe Illustrator
Paso 1
Ahora es el momento de dibujar los detalles de un hocico de minino. Dibujaremos un lado, y después lo reflejaremos en el otro lado.
Empezamos con la básica forma triangular de la nariz. Coge la Herramienta lápiz (P), establece el trazo a 4 pt desde la barra de menú superior, y aplícale un color negro.
Toma la Herramienta selección directa (A), mantén pulsada la tecla Shift, y selecciona los dos puntos de ancla centrales mostrados en la imagen inferior para redondear los widgets de las Esquinas en vivo.
Paso 2
Tenemos que crear una fosa nasal. Coge la Herramienta elipse (L) y dibuja un círculo de 41 píxeles alrededor del interior de la nariz, tal y como ves en la imagen inferior.
Abre el panel Buscatrazos, Ventana > Buscatrazos. Selecciona ambas formas con la Herramienta selección (V), y aplica la acción Dividir del panel Buscatrazos. A continuación selecciona la Herramienta selección directa (A) para seleccionar y eliminar el área de la forma circular sobrante.
Paso 3
Ahora, dibujemos la línea del labio del gatito. La forma del morro del gato es un ancla. Podemos dibujar esto fácilmente usando la Herramienta rectángulo redondeado desde el menú Herramientas.
Dibuja un rectángulo redondeado vertical de alrededor de 60 x 115 px desde el borde de reflejo de la nariz hacia la izquierda, tal y como ves en la siguiente imagen.
A continuación coge la Herramienta tijeras (C) y corta el trazado del rectángulo redondeado tal y como ves en la imagen de abajo, y después elimina el trazado sobrante.
Paso 4
Apliquemos algo de color a la nariz del gatito de nuestro diseño de tapabocas.
Toma la Herramienta selección (V), selecciona la nariz, y desagrupa (Comando-Shift-G) la forma dividida, de modo que podamos aplicar a cada una de las formas un color de relleno distinto. Dale a la nariz un color de Relleno de #d7817e. Después selecciona la fosa nasal y aplícale un color de Relleno de #441718.
Abre el panel Trazo (Ventana > Trazo). Selecciona el punto de ancla del trazado del morro, y aplícale un Remate redondeado para que tenga un aspecto más suave.
Paso 5
Ahora, añadamos algunos bigotes. Cuando dibujamos gatos, normalmente ponemos puntos en el hocico del gato. Estos habituales putos son los "poros" en los que están los folículos de los bigotes. Así que, dibuja estos puntos simplemente seleccionando la Herramienta pincel de manchas (Shift-B).
Selecciona un color de Relleno #c0a7a0 y simplemente, haz clic sobre el la mesa de trabajo para añadir tus tres puntos de ancla. Si necesitas modificar la anchura del pincel, usa la tecla ] para aumentar su grosor o la tecla [ para reducirlo.
Paso 6
A continuación, añadiremos algunos bigotes. Toma la Herramienta lápiz (P). Aplica un Relleno negro y un Trazo nulo, y dibuja a mano alzada tres bigotes curvados tal y como ves en la imagen inferior.
Paso 7
Bien, ahora ya tenemos lista la mitad de la cara de nuestro gatito, pulsa Comando-A para Seleccionarlo todo.
Pulsa O para usar la Herramienta reflejar y establece el punto de referencia del centro en la guía central; pulsa Opción-Shift-Arrastrar y suelta para reflejar las formas en el lado opuesto. ¡El dibujo de cubrebocas con la cara de un gatito está quedando muy bien!
Paso 8
La nariz del minino está actualmente dividida en dos formas, así que tenemos que unirlas en este boceto de cubrebocas.
Coge la Herramienta selección (V) y mantén la tecla Shift pulsada para poder seleccionar ambas formas. Dirígete al panel Buscatrazos y selecciona Unir bajo Modos de forma para combinarlas en una sola.
Ahora deberías tener una nariz completa como se muestra en la siguiente segunda ilustración.
Paso 9
A continuación, solo tenemos que añadir algunas características más para completar nuestro boceto de cubrebocas, uno de ellos es una boca abriéndose.
Coge la Herramienta lápiz (P) y aplica un Relleno de #7d6c70. En el menú Herramientas, encontrarás el modo Dibujar detrás, el cual te permitirá dibujar tras todos los objetos.
Utiliza la Herramienta lápiz (P) para dibujar un triángulo curvado junto a la línea del labio, como ves en la imagen. Las Guías inteligentes te ayudarán a alinear los puntos de ancla.
Paso 10
Ahora, creemos un labio para el gatito.
Con el modo Dibujar detrás todavía seleccionado, toma la Herramienta lápiz (P) y aplica un Relleno rosado de #7d6c70. Utiliza las Guías inteligentes para dibujar una forma alineada de labio ondulado, similar a lo siguiente.
Paso 11
Para crear un labio difuminado, tenemos que Desvanecer la forma del labio seleccionado (Efecto > Estilizar > Desvanecer). Aplica un Radio de 6 px, y pulsa OK.
Paso 12
Y la última característica consiste en añadir una barbilla.
Toma la Herramienta lápiz (P), y aplica un Relleno negro y un trazo sin color, y ahora dibuja una curva similar a una sonrisa, igual que la de la imagen inferior.
Por último, guarda el archivo (Archivo > Guardar) ¡Ya sabes cómo cómo diseñar un cubrebocas!
4. Cómo crear un mockup de mascarilla en Placeit
Paso 1
Ahora que tu dibujo de cubrebocas está listo, tenemos que exportarlo para crear el diseño de mockup en Placeit.
Archivo > Exportar > Exportar como. Selecciona en Formato: JPEG, y pulsa Exportar.
Esto abrirá el cuadro de diálogo Opciones de JPEG. Selecciona lo siguiente:
- Modo de color: CMYK
- Calidad: 10
- Resolución: 300 ppi
- OK
Paso 2
Desde tu navegador, dirígete a Placeit y suscríbete de forma gratuita.
En el menú de la cabecera, haz clic sobre Designs. Selecciona Face Mask en el submenú, y elige un mockup de mascarilla que te apetezca probar.
Yo he seleccionado 'Happy Little Girl With Candy'
Paso 3
Haz clic sobre Upload Image para subir el archivo 'Kitten_Face_Mask.jpg' exportado y empezar a diseñar tu cubrebocas online con Placeit.
Recorta la imagen cargada si fuese necesario, ahora puedes personalizar la imagen 'Happy Little Girl' añadiendo un logotipo, texto o gráficos, si lo deseas. ¡Pruébalo!
¡Meow! Tu diseño de tapabocas está listo
Ahora que sabes cómo diseñar un cubrebocas, continua y crea otros diseños de máscara y úsalos en cualquiera de los mockups de mascarilla de Placeit para crear diversos diseños y compártelos a través de un comentario. Nos encantaría ver tus fantásticos diseños de mascarilla.
Fíjate en algunos distintos diseños de mascarillas que he creado, y si estás interesado en otros diseños creativos y divertidos mockups, echa un vistazo a los siguientes tutoriales y recopilaciones.
¡Empieza a diseñar tus cubrebocas online hoy mismo!
Las 22 mejores plantillas para maquetas de sudaderas con capucha (con y sin cierre)
Cómo obtener maquetas de camisetas gratuitas y más en Placeit
27 plantillas para diseñar una portada de libro con un generador de mockups
Las 26 mejores maquetas de taza de café (usando un generador de maqueta de taza)
