Una vez que hayas acabado de crear tu sitio web a base de uno de los productos de TemplateMonster, tienes que pensar en la manera de presentarlo a los clientes. Muchas personas utilizan plantillas PSD de mockups para mostrar sus proyectos en entornos realistas. Pero, ¿qué pasa si no tienes ni una idea de cómo usar Photoshop y no tienes tiempo para aprender a hacerlo? En este caso hay otra solución. Puedes crear mockups online gratis tú mismo incluso sin Photoshop o cualquier otra herramienta avanzada. Y lo que es genial, no tienes que pagar por esto. Utiliza los generadores de maquetas que se enumeran en esta entrada y completa todo el trabajo literalmente dentro de unos minutos.
¿Cómo crear maquetas con generadores de mockups?
Aprende a crear maquetas por medio de estas herramientas. Hay unos pocos pasos simples:
- Elige un entorno (escritorio, dispositivo móvil, marco, reloj, etc.)
- Sube una captura de pantalla de tu sitio o aplicación o simplemente escribe su URL.
- Previsualiza la imagen final y descarga ella en la resolución necesaria.
Es fácil, ¿no? Por lo tanto, desplázate hacia abajo y elige un generador de mockups en línea que te gusta. Antes de elegir uno, puedes compararlo con otros. Ten en cuenta que la resolución es aproximada, ya que las dimensiones de cada imagen pueden variar en anchura y altura.
Generadores de mockups que te recomendamos
Mockuper
- Cantidad: 155+ mockups
- Entornos: computadora, computadora portátil, tableta, teléfono, otro (reloj de Apple, señalización al aire libre, tarjeta de visita, marco, cartelera, TV, libro de papel)
- Formato: PNG
- Resolución (ancho): XS (700+ px), S (1500+ px), M (2300+ px), L (3100+ px), XL (3800+ px)
Con más de 155 artículos, Mockuper ofrece la selección más amplia de maquetas gratuitas. Se te permite filtrarlas por varios entornos, no sólo dispositivos, sino también libros, vallas publicitarias, marcos, tarjetas, etc. Este creador de mockups online gratis tiene una búsqueda avanzada para encontrar mockups por etiqueta o nombre. Después de subir tu captura de pantalla, se te permite recortarla. También hay opciones de configuración que te permiten activar la reflexión de pantalla y elegir su opacidad y modo.
Smartmockups
- Cantidad: 150+ mockups
- Entornos: computadora, computadora portátil, tableta, teléfono inteligente, reloj
- Formato: PNG
- Resolución (ancho): original (2500 px), grande (1920 px), mediana (1280 px), pequeña (880 px)
Smartmockups es otro generador de maquetas gratis que ofrece múltiples opciones en diferentes resoluciones. Puedes utilizar las imágenes generadas en cualquier lugar, es decir, em impresión, plantillas, o en cualquier otro proyecto personal o comercial. También puedes editar tus imágenes de manera que te gusta. Además de las categorías de dispositivos, la herramienta ofrece unas etiquetas adicionales para encontrar la maqueta necesaria con mayor rapidez. Se te permite filtrar mockups por iOS, Android, Windows phone, hombre, mujer, manos, exterior e interior.
Magic Mockups
- Cantidad: 25+ mockups
- Entornos: computadora portátil, tableta, teléfono, iMac, otro (marco de foto)
- Formato: JPEG
- Resolución (ancho): 960 px, 1280 px, 1600 px, 1920 px, 3000 px, 5000+ px
Uno de los mejores generadores de maquetas gratuitos es Magic Mockups. Con su ayuda, puedes crear maquetas de la vida real y utilizarlos para fines comerciales y no comerciales. Gracias a la licencia CC, no se requiere ni atribución, ni nota de derechos de autor. No hay muchos mockups disponibles, pero todos son profesionales y de primera calidad.
Dunnnk
- Cantidad: 55+
- Entornos: iPhone, Android, MacBook, iPad, iMac, Apple watch
- Formato: JPEG
- Resolución (ancho): 2,000 px
Dunnnk es un constructor de maquetas gratuito que contiene más de 55 mockups únicos. Será útil para aquellos que necesitan mockups de iPhone o reloj. En cuanto a los mockups de computadoras portátiles y ordenadores, la elección de maquetas es bastante limitada. Por un pago adicional de 10 $ se te permite descargar algunas maquetas en PSD.
MockupsJar
- Cantidad: 20+ mockups
- Entornos: iPhone, Android, MacBook, marco, otros (navegadores)
- Formato: JPEG
- Resolución (ancho): 320 px, 480 px, 640 px, 1280 px, 2560 px
MockupsJar ofrece más de 20 maquetas realistas de forma gratuita y 10 más por un pago mensual de 5 euros. En cuanto a los freebies, se puede descargarlos en múltiples resoluciones. Además de las pantallas de dispositivos, te permite presentar tu sitio o aplicación en los navegadores Safari y Chrome sobre los fondos de diferentes colores.
MockUPhone
- Cantidad: 80+ mockups
- Entornos: iOS, Android, Windows phone, computadora, computadora portátil, TV
- Formato: PNG
- Resolución (ancho): 2,000+ px
Lo que diferencia MockUPhone de otros generadores gratis es una gran variedad de modelos de dispositivos. Por ejemplo, si necesitas una maqueta de iPhone, puedes elegir entre los modelos 7, 7 Plus, 6, 6 Plus, 6S Plus, SE, 5, 5S y 5C. Lo que no es tan genial es que las maquetas faltan fondos realistas.
Este generador de mockups online gratis es compatible con JPEG, PNG y PSD. También muestra el tamaño recomendado para cada dispositivo, por ejemplo, 1242 x 2208 para iPhone. Si tu archivo tiene una relación de aspecto diferente, la aplicación lo mantendrá para que se ajuste a la pantalla. La única manera de descargar la imagen es recibirla a tu email.
MockDrop
- Cantidad: 100+ mockups
- Entornos: teléfono inteligente, computadora portátil, computadora, reloj, tableta, TV
- Formato: JPEG
- Resolución (ancho): 3000+ px
MockDrop tiene una de las colecciones de mockups más grandes que incluye más de 100 maquetas. Para utilizar esta herramienta, necesitas Chrome, Firefox o Safari de la versión más reciente. Cuando subes una imagen, la herramienta lo procesa dentro de un segundo. En serio. MockDrop parece ser el generador de mockups de dispositivos más rápido que se puede encontrar en la Web.
Mediamodifier
- Cantidad: 10+ mockups online gratis
- Entornos: cubierta de revista, periódico, taza, iMac, cartelera, folleto, tarjeta, papel
- Formato: JPEG
- Resolución (ancho): 2400 px
Esta herramienta tiene sólo unos pocos mockups gratuitos, pero todavía están disponibles en alta resolución. Para encontrar freebies, haz clic en "Todas las plantillas" y ordénalos por precio: de menor a mayor. Después de subir la captura de pantalla, puedes recortarla para que se ajuste al tamaño del marcador de posición.
GraphicTwister Online Mockup Creator
- Cantidad: 20+ mockups
- Entornos: cartel, marco, MacBook, TV, iMac, cartelera, iPhon
- Formato: PNG
- Resolución (ancho): 1200 px
GraphicTwister es un recurso con un montón de maquetas PSD gratuitas y premium para proyectos comerciales y personales. Pero también tiene una herramienta de mockup en línea para trabajar sin Photoshop. Actualmente hay un poco más de 20 elementos para subir la captura de pantalla de tu proyecto. Antes de que la captura aparezca en la maqueta, puedes recortarla.
Conclusión
Estos generadores de maquetas gratuitos ahorran un montón de tiempo y no requieren Photoshop. Simplemente elige una maqueta, sube tu captura de pantalla y descarga la imagen lista. Es realmente fácil. Y, lo que es importante, la elección es muy grande. Puedes encontrar maquetas profesionales para varios entornos y descargarlas en diferentes resoluciones.
También te recomendamos leer
20 Mejores PSD Mockups de Reloj Android
Mockups Fotorrealistas Gratis Para Mostrar Tus Obras e Impresionar a Clientes
100 Fuentes gratuitas para diseñadores
Fuente: "Free Mockup Generators: Create a Realistic Mockup in One Minute [No Photoshop Required]" por Nick Campbell