Mockups. Crea maquetas en Photoshop

Blanck Book Mockups Crea maquetas en Photoshop

Mockups. Crea maquetas en Photoshop

Cuando estamos diseñando llega un momento que necesitamos ver cómo queda nuestro trabajo en el producto final. Crear una maqueta física puede resultar muy costoso en tiempo y dinero. Por estas razomes puede ser interesante este artículo “Mockups. Crea maquetas en Photoshop”

A estas maquetas virtuales o imágenes de simulación de producto las llamamos Mockups.

A continuación veremos que hay muchos sitios web donde poder descargar mockups para después colocar nuestros diseños.

Los Mockups que descarguemos pueden ser imágenes planas, vacías, es decir sólo una imagen sin capas o puede ser una imagen con capas y objetos inteligentes a las que sólo hemos de añadir nuestro diseño. Éstas últimas cuestan más de conseguir porque la mayoria son de pago.

Dónde conseguir archivos con capas o vacíos

Cuando descargamos algún documento o archivo, debemos asegurarnos cuales son los derechos legales de reproducción, distribución que tiene la imagen y siempre atribuir la autoría de las mismas. En esta entrada “Mockups. Crea maquetas en Photoshop” ofrecemos  algunos sitios web donde podemos descargarnos Mockups o recursos para crear las maquetas:

Mockups

  1. 20 sitios web gratuitos de diseño que deberías conocer

  2. Rawpixel. Da rienda suelta a tu creatividad con la plataforma de diseño creativo todo en uno más poderosa del mundo. Muchas opciones para elegir, tiene un generador de Mockup. Versión Free y Premium.

  3. Freepik Tenemos muchos tipos de materiales para trabajar, desde mockups para pack, ropa, bolsas, … y muchas texturas

  4. Yellow Images Aquí encontraremos muchos mockups en blanco, hay una parte gratuita, pero la mayoría son de pago.

  5. DesignersPics. FREE Hi-Res photos for your personal & commercial use. Attribution not required!

  6. Picjumbo. Descargue fotografías de archivo, fondos e imágenes de alta resolución gratuitas para uso personal y comercial. Muy interesante el apartado “Design resourses” con mockups en capas inteligentes.

  7. MockupBro. ¡Crea maquetas de productos con nuestro generador de maquetas en línea! Simplemente elige una maqueta, sube tu diseño y descarga tu imagen sin marca de agua.

  8. CreativeBooster. Maquetas gratuitas para Photoshop. Incluye maquetas de revistas, maquetas de tarjetas de presentación, maquetas de carteles, maquetas de sitios web, maquetas de marcos, maquetas de iMac, maquetas de MacBook Pro y maquetas de Apple Watch gratuitas. Todo recién seleccionado para mantener la más alta calidad posible. Tiene opción gratuita y de pago.

  9. ApeMockups. Mockups gratuitos para colocar tu marca.

Otros Recursos

  1. World Brand Design Society
    En este enlace podrás encontrar referencias de Mockups ya acabados
  2. Pixabay Tenemos mucho material gratuito vectorial y mapa de bits.
  3. Unsplash Fotos gratuitas para fondos, materiales, etc…
  4. Adobe Stock. Esta biblioteca de Adobe tiene mucha clase de recursos, entre ellos mockup, hay que tener licencia de Adobe con créditos para recursos o comprarlos.
  5. Pexels Fotografías para escenarios, posibles mockups para ropa, packaging, …

Retocar Mockups con capas

Mockup con capas Mockups Crea maquetas en Photoshop

Si hemos descargado un Mockup con capas y objetos inteligentes lo que debemos hacer es muy sencillo:

  1. Abrir el documento en Photoshop.
  2. Ir a capas.
  3. Doble click sobre el objeto inteligente que queramos cambiar.
  4. Se nos abre otro documento, ahí es donde debemos poner nuestro diseño.
  5. Guardar y volver al archivo inicial, se habrá actualizado con el diseño que hemos colocado en el objeto inteligente.

Crear prototipos a partir de una imagen plana sin capas

Blank book cover over white

Si lo que tenemos es una imagen del producto en blanco sin capas, tendremos que trabajar un poco más.

Este artículo “Mockups. Crea maquetas en Photoshop” es un resumen de mi manera particular de hacer Mockups, no es la única. A continuación os propongo algunos pasos a seguir 

  1. Crear un sistema de carpetas para tenerlo todo organizado, este puede ser un Buen ejemplo:
    – Marca. Aquí coloco mi marca en mapa de bits o vectorial.
    – Mockups. Aquí voy colocando los mockups que voy creando con mi Marca.
    – Raw. Son los mockups originales que descargo desde los distintos sitios web.
    – Recursos. Fondos, texturas, materiales que quiero utilizar en mis mockups.
  2. Crear un archivo en Photoshop 1920 x 1080px, RGB. Estas medidas específicas para proyectos digitales, para print deberíamos saber la medida final de destino de nuestro mockup.
  3. Las características que más utilizaremos en Photoshop para realizar nuestros mockups son:
    – SmartObjects.
    – Layers.
    – Modos de Fusión.
    – Estilos de capas.
    – Ajustes de capas.
 

CategoríasBLOG

Sé el primero en comentar

Deja una respuesta