1. Design & Illustration
  2. Mockups
  3. Apparel

Cómo hacer un mockup de mascarilla usando un generador de mockups

Las mascarillas se han convertido en necesarias para muchos, y crear un mockup de cubrebocas es una idea genial para experimentar con opciones reutilizables.
Scroll to top

Spanish (Español) translation by Eva Collados Pascual (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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!

Generador de mockups de mascarillasGenerador de mockups de mascarillasGenerador de mockups de mascarillas
Cambia los colores, añade imágenes, y personaliza estas plantillas para cubrebocas usando un generador de mockups como el de Placeit.

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. 

Plantillas para cubrebocas disponibles en PlaceItPlantillas para cubrebocas disponibles en PlaceItPlantillas para cubrebocas disponibles en PlaceIt
Crea tu propio mockup de cubrebocas hoy mismo, desde tu navegador, usando Placeit. 

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.

Generador de patrones para plantillas de cubrebocasGenerador de patrones para plantillas de cubrebocasGenerador de patrones para plantillas de cubrebocas
Puedes encontrar una amplia variedad de gráficos y patrones en Envato Elements con los que experimentar sin límites.

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.

Plantillas para cubrebocas de PlaceitPlantillas para cubrebocas de PlaceitPlantillas para cubrebocas de Placeit
Plantillas para cubrebocas de Placeit

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.

Plantilla de mockup para tapabocasPlantilla de mockup para tapabocasPlantilla de mockup para tapabocas
Plantilla de mockup para tapabocas

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.

Generador de mockups de tapabocasGenerador de mockups de tapabocasGenerador de mockups de tapabocas
Generador de mockups de tapabocas

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.

Generador de mockups de mascarillaGenerador de mockups de mascarillaGenerador de mockups de mascarilla
El generador de mockups de mascarilla de Placeit

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.

Patrón para el mockup cubrebocasPatrón para el mockup cubrebocasPatrón para el mockup cubrebocas
Patrón para el mockup cubrebocas

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.

Plantilla de mascarilla medica con textoPlantilla de mascarilla medica con textoPlantilla de mascarilla medica con texto
Plantilla de mascarilla medica con texto

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.

Plantilla para mockup de mascarilla médica con logotipoPlantilla para mockup de mascarilla médica con logotipoPlantilla para mockup de mascarilla médica con logotipo
Plantilla para mockup de mascarilla médica con logotipo

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!

Mockup de tapabocasMockup de tapabocasMockup de tapabocas

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!

Generador de mockup para cubrebocasGenerador de mockup para cubrebocasGenerador de mockup para cubrebocas
Generador de mockup para mascarilla

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.
Diseño de mockup de mascarillaDiseño de mockup de mascarillaDiseño de mockup de mascarilla

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.

Mockup para un tapabocasMockup para un tapabocasMockup para un tapabocas

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.

Descarga tu diseño de mockup para tapabocasDescarga tu diseño de mockup para tapabocasDescarga tu diseño de mockup para tapabocas

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

Mockup de mascarilla médica con tiras de colorMockup de mascarilla médica con tiras de colorMockup 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

Mockup de cubrebocas con accesorios de costuraMockup de cubrebocas con accesorios de costuraMockup 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

Combinación de mockup de mascarilla y camisetaCombinación de mockup de mascarilla y camisetaCombinació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í

Mockup de mascarilla sobre la boca de un maniquíMockup de mascarilla sobre la boca de un maniquí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

Generador mockups para cubrebocasGenerador mockups para cubrebocasGenerador 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

Plantilla de mascarilla de tela con modelo llevándolaPlantilla de mascarilla de tela con modelo llevándolaPlantilla 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

Mockup de tapabocas con tiras de color personalizableMockup de tapabocas con tiras de color personalizableMockup 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

Generador de plantillas para cubrebocas dobladas y empaquetadasGenerador de plantillas para cubrebocas dobladas y empaquetadasGenerador 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í

Plantilla de mascarilla sobre maniquíPlantilla de mascarilla sobre maniquí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

Múltiples plantillas para cubrebocas con accesorios de confecciónMúltiples plantillas para cubrebocas con accesorios de confecciónMú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:

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.