Generadores de mockups gratis: crea una maqueta realista dentro de un minuto [No se requiere Photoshop]

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 por tí mismo sin Photoshop o cualquier otra herramienta avanzada. Y lo que es genial, no tienes que pagar por esto. Utiliza los generadores de maquetas gratuitos que se enumeran en esta entrada y completa todo el trabajo literalmente dentro de unos minutos.

Aprende a crear maquetas por medio de estas herramientas. Hay unos pocos pasos simples:

  1. Elige un entorno (escritorio, dispositivo móvil, marco, reloj, etc.)
  2. Sube una captura de pantalla de tu sitio o aplicación o simplemente escribe su URL.
  3. 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.

Mockuper

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 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

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

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

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

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

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 gratuito 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

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

mediamodifer

  • Cantidad: 10+ free mockups
  • 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

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.


GetMocky

getmocky

  • Cantidad: 100 mockups
  • Entornos: computadora, móvil, tableta, usable (reloj)
  • Formato: PNG
  • Resolución (ancho): pequeña (480 px), mediano (720 px)

GetMocky tiene 100 maquetas que puedes ordenar por categorías y varias etiquetas. De esa manera, encontrarás un artículo adecuado con mayor rapidez. Este generador de maquetas ofrece freebies sólo en tamaño pequeño y mediano. Si necesitas una imagen en HD (1440), Full HD (1920) o tamaño original (4000+), tienes que pagar.

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.

Fuente: "Free Mockup Generators: Create a Realistic Mockup in One Minute [No Photoshop Required]" por Nick Campbell