Cómo hacer un mockup de mascarilla usando un generador de mockups
Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)



Las mascarillas se han convertido en un elemento esencial para muchos de nosotros en el mundo, y crear un diseño de mascarilla puede ser una excelente manera de experimentar con opciones reutilizables. ¿Has pensado en diseñar o crear tus propias mascarillas, en lugar de depender de las desechables?
Puedes hacerlo ahora mismo, desde la comodidad de tu navegador, sin necesidad de tener ninguna experiencia previa o software especial.
¡Sigue leyendo para descubrir cómo hacer tu mockup de mascarilla y excelentes plantillas de mockups!


Para conseguirlo trabajaremos con una herramienta online llamada Placeit. Es una plataforma de diseño basada en el navegador que te permitirá hacer un montón de cosas divertidas. Ya sea que desees probar tu diseño en una plantilla de mascarilla, el diseño de una camiseta o la portada de un libro, con Placeit puedes hacerlo.
Podrás diseñar logos, trabajar con plantillas de vídeo y mucho más, todo ello desde la comodidad de tu navegador. Si eres un principiante, es bastante fácil de usar y comenzar a trabajar con ella. Si eres un diseñador avanzado o un profesional creativo, puede ser un complemento divertido y práctico para tu flujo de trabajo de diseño.
En esta guía, vamos a ver cómo hacer un mockup de cubrebocas. Echa un vistazo al ejemplo de lo que puedes conseguir en la siguiente imagen. En realidad, esto es solo la punta del iceberg.


1. Cómo hacer un mockup de cubrebocas
Paso 1
¡Empecemos!
En primer lugar, tendrás que seleccionar un plantilla de mascarilla que quieras previsualizar en el generador de mockups de Placeit. Puedes utilizar una de tus ilustraciones, un patrón personalizado, una fotografía, una tela que hayas encontrado, una textura o cualquier otra cosa. Hay muchísimas posibilidades.
No lo olvides que debes asegurarte de que tienes los derechos de uso adecuados para el contenido que desees utilizar en tu proyecto. Esto no será un problema si has diseñado los recursos tú mismo o si los has comprado (por ejemplo, si compras una tela en una tienda o adquieres la licencia de una imagen de stock).
Sin embargo, no sería correcto "apropiarte" de cualquier imagen que encuentres por Internet, especialmente si pretendes distribuir comercialmente tus mascarillas. Respeta a otros creadores de contenidos y sus derechos de autor.
Si estás buscando contenido con los adecuados derechos de autor, hay un montón de excelentes fuentes a tu disposición. Para esta demostración, utilizaremos estos patrones de Envato Elements. Siéntete libre de descargarlos si quieres trabajar con ellos, o utiliza cualquier imagen de tu elección.


Paso 2
Ahora, pasemos a Placeit.
Hay mucho entre lo que elegir. Placeit ofrece una amplia variedad de mockups, además de ser, también, una herramienta de diseño online. Siéntete libre de explorar esta plataforma.
Sin embargo, para este tutorial, vamos a trabajar específicamente con diseños de plantillas para cubrebocas. Puedes hacer clic en el menú Mockups para empezar, y navegar por las numerosas plantillas de mockup para cubrebocas disponibles.
Escribe Mascarilla en la barra de búsqueda en cualquier momento, para echarle un vistazo a la galería de plantillas para cubrebocas.


Paso 3
A continuación, vamos a echar un vistazo a la galería de plantillas de mockup para tapabocas disponibles. Hay mucho que ver, así que siéntete libre de explorar y ver los que puedan interesarte.
Esta es la plantilla que utilizaremos en este tutorial. Recuerda que puedes experimentar con los mockups de forma gratuita, lo que te permitirá empezar sin ningún costo o compromiso.
Haz clic en la plantilla de mockup para tapabocas que te gustaría personalizar con tu diseño. Yo voy a usar el que aparece en la siguiente imagen. Haz clic aquí o sobre la foto de abajo para probarlo.


Paso 4
Esta es nuestra plantilla de mockup para cubrebocas, lista para ser personalizada. Cada mockup tiene diferentes atributos que puedes modificar o ajustar. En este caso, contamos con los siguientes:
- Podemos personalizar la imagen en sí. Esto incluye detalles como el color de fondo y el color del artículo de stock, en este caso la mascarilla de tela. También, podrás añadir gráficos fuera de la mascarilla, como un logo o tu marca de agua, si quieres añadir uno de estos.
- Luego, también podemos personalizar el artículo del mockup. Por ejemplo, podrías añadir imágenes, texto, e incluso un logo a la mascarilla. Fíjate en que esto no sería considerado un color plano o color base para la máscara, eso sería la propia imagen.
Algunas plantillas para cubrebocas de tela disponibles en Placeit podrían tener otras características que puedes personalizar, como por ejemplo, elementos de fondo adicionales, efectos y cambios de color, Asegúrate de echarles un vistazo.
Nota: Recuerda que, si estás probando Placeit en tu tableta o dispositivo móvil, algunas de las opciones podrían aparecer en un lugar diferente. Sin embargo, todas funcionan de la misma manera.


Paso 5
Comencemos a personalizar el artículo del mockup. Para este diseño, será ideal una imagen superpuesta de un tamaño de 800 x 400 píxeles sobre el mockup de mascarilla. Sin embargo, podemos utilizar una imagen que no tenga estas medidas exactas. Placeit ofrece una práctica herramienta de recorte en el navegador para casos como este.
Comencemos haciendo clic en Subir imagen.


Paso 6
A continuación, elige una imagen de tu equipo. Placeit nos permite redimensionar y recortar la imagen antes de añadirla al mockup de mascarilla.
Una vez que estés satisfecho con el recorte de tu imagen, simplemente, haz clic en Recortar.


Paso 7
Ahora, nuestra imagen ha sido agregada al mockup de mascarilla. Tiene muy buen aspecto, ¿verdad?
También podemos añadir texto en el área lateral de nuestra zona de trabajo. En este ejemplo, vamos a añadir un texto de muestra que diga "Cuídate".
Haz clic donde dice Añadir texto.
Ahora, podemos escribir aquí el texto que queramos También podemos cambiar el Color de texto y el Color de fondo de texto. Establece el Color del texto al color que prefieras; yo elegí el blanco. A continuación, ajusta el Color de fondo como transparente, a menos que prefieras un color diferente.
Podemos hacer clic y arrastrar para mover nuestro texto en la composición. No es necesario colocarlo sobre la mascarilla. Echa un vistazo a mi ejemplo en la siguiente imagen.


Paso 8
Asimismo, tenemos la opción de subir un logo. Para ello, haz clic en Subir logo, tal como está lo ves destacado en la imagen inferior.
Este proceso es el mismo que cuando se sube una imagen. Sin embargo, a diferencia de nuestro anterior ejemplo, esta imagen no se cargará directamente en el mockup. Podemos mover y ajustar esta imagen en toda la composición.
Esta podría ser una excelente opción para añadir algo como, por ejemplo, una marca de agua o un logo a tu trabajo.
En este ejemplo, añadí un diseño de logo de Envato Elements en la esquina inferior de la composición. Considera añadir tu propio logo o eslogan, o déjalo en blanco si lo prefieres.


Paso 9
A continuación, vamos a ver las opciones en el lado opuesto del área de trabajo. En este mockup, podemos cambiar el Color de la máscara y el Color de fondo.
Para ello, haz clic en el color debajo de cada opción. Esto abrirá un selector de color. Elige un nuevo color y tu elección se actualizará en el mockup. Pruébalo, ¡es muy fácil!



Paso 10
¡Ahora ya sabes cómo hacer un mockup! ¿Quieres comenzar de nuevo? Puedes hacer clic en Restablecer diseño en la esquina de tu mockup de cubrebocas. Esto restablecerá el diseño a su estado original.
Prueba aplicar tu patrón a diferentes plantillas de cubrebocas para que puedas ver cómo se vería en acción.
Aquí puedes ver otro diseño de un mockup de mascarilla, usando las mismas técnicas que acabamos de mencionar. Podrás probar tantas plantillas de cubrebocas como desees de forma gratuita, así que, ¡hazlo!


2. Cómo guardar tu mockup de mascarilla
Paso 1
Supongamos que has creado un mockup de mascarilla que te encanta. ¿Qué pasa ahora?
Placeit ofrece un par de opciones para guardar nuestro trabajo. Ten en cuenta que necesitarás una cuenta gratuita para guardar tus plantillas y borradores favoritos.
- Guardar el borrador guardará un boceto de tu trabajo, independientemente de si es un mockup o un diseño final. A continuación, podrás acceder a los bocetos que hayas guardado en tu cuenta.
- Favorito añadirá un mockup o plantilla de diseño a tu lista de favoritos. Es una forma estupenda de guardar los diseños en los que posiblemente quieras trabajar más adelante.



Paso 2
Pero, ¿cómo puedes descargar tu obra terminada? Tienes varias opciones, así que elige la que más te convenga:
- Descargas ilimitadas: con esta opción, puedes descargar todos los mockups y diseños que quieras, todo por una única y baja cuota mensual. Esto resulta bastante asequible si quieres crear muchos diseños diferentes. Y, recuerda que esta opción incluye licencias comerciales.
- Descargas individuales: ¿solo necesitas una descarga? No hay problema. Puedes pagar por una descarga individual, pan comido. Y, esta opción también incluye una licencia comercial.
Haz clic en Descargar para descargar tu trabajo y verás estas opciones. Si ya te tienes una suscripción, no tendrás que seleccionar una opción de nuevo.



Paso 3
Algunas descargas pueden tardar un momento en procesarse. Placeit te enviará un correo electrónico cuando tu archivo esté listo para su descarga.
También puedes acceder a tus descargas haciendo clic en Mis descargas, en la esquina superior derecha. Este es un buen lugar para hacer un seguimiento de tus trabajos terminados.



Otras plantillas de mockup para cubrebocas que deberías descubrir
Echa un vistazo a estas otras plantillas de mascarillas. Hay de todo, desde modelos hasta maniquíes, pasando por espacios de trabajo DIY y fotos individuales. Ten en cuenta también que, en la mayoría de estas composiciones, podrás cambiar los colores del fondo y una serie de otros elementos.
1. Mockup de mascarilla médica con tiras de color



Aquí tienes un mockup de mascarilla con un estilo diferente. Podrás cambiar los colores de las tiras de sujeción fácilmente para ajustarlas a tu diseño. Personaliza este mockup rápidamente desde la comodidad del navegador.
2. Mockup de cubrebocas con accesorios de costura



¿Estás confeccionando tus propias mascarillas a mano? Una plantilla de mockup como esta podría ser una excelente manera de probar tus patrones de tela u otras ideas antes de empezar a cortarlas y coserlas. También puede ser una buena forma de compartir vistas previas con tu público.
3. Combinación de mockup de mascarilla y camiseta



Algunas plantillas de cubrebocas de Placeit incluyen más de solo un mockup, por ejemplo, esta. En ella, podrás personalizar tanto la mascarilla como la camiseta de la modelo.
4. Mockup de mascarilla sobre la boca de un maniquí



Este mockup de mascarilla médica se muestra en un maniquí. En este mockup tendrás la opción de cambiar el color del fondo y el del maniquí. Así que, podrás modificarlo para que se adapte al diseño de tu mascarilla o incluso a tu marca. Esto podría ser una excelente idea si vas a distribuir mascarillas entre tus empleados o entre tu organización.
5. Generador mockups para cubrebocas



Este mockup de cubrebocas cubre toda la mascarilla, incluyendo los agujeros de las orejas, lo que es perfecto para mascarillas con diseños completamente impresos. De esta manera, tu imagen o patrón se extenderá hasta los lados del mockup de mascarilla.
6. Plantilla de mascarilla de tela con modelo llevándola



Existen una gran variedad de mockups en la galería de mockups de Placeit, y este es un buen ejemplo de ellos. A veces es una buena idea observar tu diseño en acción, antes de decidirte a fabricarlo o imprimirlo. Esto es especialmente cierto en el caso de los mockups basados en fotografías.
7. Mockup de tapabocas con tiras de color personalizable



Este es un mockup de tapabocas con una banda colorida. Al igual que otros mockups, podrás cambiar el color de las tiras de la banda, directamente desde la comodidad de tu navegador.
8. Generador de plantillas para cubrebocas dobladas y empaquetadas



Algunos de los mockups también incluyen packaging o ángulos dinámicos. Estas plantillas de dos cubrebocas, ambas con una pieza nasal ajustable, tienen un estilo diferente.
9. Plantilla de mascarilla sobre maniquí



Este es otro mockup de mascarilla sobre un maniquí, pero con colores diferentes. Combínalos y hazlos funcionar para los requerimientos de tus diseños o proyectos.
10. Múltiples plantillas para cubrebocas con accesorios de confección



Muchas de las plantillas de cubrebocas contienen más de un espacio para previsualizar tu diseño. En esta en cuestión podrás previsualizar tres mascarillas similares, con tres diseños o patrones diferentes. ¿Cuál elegirías?
¿Quieres aprender más?
Desde crear tus propios patrones hasta tutoriales de software, en Envato Tuts+ encontrarás una gran cantidad de recursos gratuitos que te ayudarán con tus proyectos creativos. Estos son algunos otros tutoriales que quizás quieras consultar:


20 + mejores mockups de mascarillas (con generador online de archivos PSD)

Nona Blackman03 Sep 2020

¿Cómo Crear un Motivo Juguetón de Escuela en Adobe Illustrator?

Yulia Sokolova28 Aug 2017

Crear un Motivo de Lineas en Adobe Illustrator

Andrei Stefan14 Oct 2019

Patrones en Illlustrator - Guía para principiantes

Andrei Stefan14 Jun 2021

Dibujar Motivos en Affinity Designer

Andrei Stefan24 Jul 2020
Recuerda portar una mascarilla cuando sea necesario o adecuado
2020 ha sido un año difícil. Gracias por usar una mascarilla cuando fuera conveniente, por tu seguridad y por la de los que te rodean.
Las mascarillas reutilizables pueden ser más económicas y respetuosas con el medio ambiente. Esperemos que se te hayan ocurrido algunas ideas divertidas para diseñar mascarillas reutilizables utilizando las plantillas de cubrebocas que hemos visto hoy.
Por favor, cuídate, y gracias por poner de tu parte ayudando a mantener a los demás a salvo.